.resources-route{--resources-purple: #5542ff;--resources-ink: #101a3c;--resources-muted: #68738f;--resources-line: #e4e7f1;background:#fff;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-synthesis:none;-webkit-font-smoothing:auto;text-rendering:optimizeLegibility}.resources-route .site-header{height:74px;position:sticky;top:0;background:#fffffff5;border-bottom-color:#f0f1f6;box-shadow:none}.resources-route .site-header .container,.resources-route .site-footer .container,.resources-shell{width:calc(100% - 160px);max-width:1500px;margin-inline:auto}.resources-route .nav{height:74px;display:grid;grid-template-columns:245px minmax(620px,1fr) 235px;align-items:center;gap:0}.resources-route .nav-links{display:flex;justify-content:center;gap:34px;margin:0}.resources-route .nav-links a{min-height:74px;display:flex;align-items:center;padding:0;border-radius:0;background:transparent;box-shadow:none;font-size:14px}.resources-route .nav-links a.active:after{display:block;bottom:13px;width:30px;height:3px}.resources-route .brand{gap:13px;font-size:19px}.resources-route .brand-mark{width:34px;height:34px}.resources-route .nav-actions{justify-self:end;gap:14px}.resources-route .nav-actions .text-button,.resources-route .nav-actions .button{height:39px;min-width:82px;padding-inline:17px;border-radius:9px;font-size:13px}.resources-page{overflow-x:hidden;color:var(--resources-ink);background:#fff}.resources-hero{position:relative;min-height:890px;background:linear-gradient(90deg,#fff 0% 45%,#f9f7f2)}.resources-hero-photo{position:absolute;top:0;right:0;width:58.5%;height:620px;display:block;object-fit:cover;object-position:58% center}.resources-hero-inner{position:relative;min-height:890px}.resources-hero-copy{position:absolute;z-index:2;top:92px;left:0;width:520px}.resources-hero-copy h1{margin:0;color:var(--resources-ink);font-size:clamp(46px,3vw,54px);font-weight:800;line-height:1.28;letter-spacing:-2px}.resources-hero-copy h1 span{margin-left:12px;color:var(--resources-purple)}.resources-hero-copy p{margin:24px 0 0;color:var(--resources-muted);font-size:15px;line-height:1.8}.featured-audio-card{position:absolute;z-index:3;top:410px;left:0;width:770px;min-height:430px;padding:26px 30px 30px;border:1px solid rgba(226,228,238,.95);border-radius:18px;background:#fffffff7;box-shadow:0 18px 55px #181e4217}.featured-audio-card>header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.featured-audio-card>header svg{width:24px;height:24px;color:#ff9c26}.featured-audio-card>header strong{font-size:19px;line-height:1}.featured-audio-body{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px}.featured-audio-body>img{width:250px;height:270px;display:block;border-radius:15px;object-fit:cover}.featured-audio-copy h2{display:flex;align-items:center;gap:10px;margin:4px 0 8px;font-size:20px;line-height:1.2}.featured-audio-copy h2 svg{width:22px;height:22px;color:#4f6eff}.featured-audio-copy>span,.featured-audio-copy>p{color:var(--resources-muted);font-size:12px}.featured-audio-copy>p{margin:11px 0 14px;line-height:1.65}.audio-controls{display:grid;grid-template-columns:40px auto 1fr auto;align-items:center;gap:12px}.audio-controls button{width:40px;height:40px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:var(--resources-purple);color:#fff;cursor:pointer}.audio-controls button svg{width:18px;height:18px}.audio-controls span{color:#8a91a7;font-size:12px}.audio-controls i{position:relative;height:5px;overflow:hidden;border-radius:99px;background:#e6e8ef}.audio-controls i b{display:block;width:7%;height:100%;border-radius:inherit;background:var(--resources-purple);transition:width 4.2s linear}.audio-controls i b.playing{width:86%}.featured-audio-copy blockquote{margin:14px 0 8px;padding:10px 12px;border-radius:11px;background:#fafafe;color:#626c88;font-size:10px;line-height:1.65}.featured-audio-copy blockquote b{color:#3c4869}.transcript-button{padding:0;border:0;background:transparent;color:var(--resources-purple);cursor:pointer;font-size:13px;font-weight:700}.resources-library{padding:68px 0 72px;background:#fff}.resources-library-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.resources-library-heading h2{margin:0;font-size:34px;line-height:1.2;letter-spacing:-1px}.resources-library-heading p{margin:11px 0 0;color:var(--resources-muted);font-size:14px}.resources-search{width:600px;height:46px;display:flex;align-items:center;padding:0 15px 0 18px;border:1px solid var(--resources-line);border-radius:12px;background:#fff}.resources-search input{min-width:0;flex:1;border:0;outline:0;color:var(--resources-ink);font-size:14px}.resources-search input::placeholder{color:#9aa1b4}.resources-search svg{width:22px;height:22px;color:#8a91a8}.resources-toolbar{display:flex;align-items:center;justify-content:space-between;margin:42px 0 30px}.resources-filters{display:flex;align-items:center;gap:10px}.resources-filters button,.sort-button{height:40px;padding:0 18px;border:1px solid var(--resources-line);border-radius:12px;background:#fff;color:#5f6882;cursor:pointer;font-size:13px;font-weight:600}.resources-filters button.active{border-color:var(--resources-purple);background:var(--resources-purple);color:#fff;box-shadow:0 7px 18px #5542ff33}.sort-button{min-width:132px;display:inline-flex;align-items:center;justify-content:space-between;gap:18px}.sort-button svg{width:18px;height:18px}.resources-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}.learning-resource-card{overflow:hidden;border:1px solid var(--resources-line);border-radius:12px;background:#fff;box-shadow:0 7px 24px #1a21460b;transition:transform .2s ease,box-shadow .2s ease}.learning-resource-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #1a214617}.resource-image-wrap{position:relative;height:220px;margin:12px 12px 0;overflow:hidden;border-radius:10px}.resource-image-wrap img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}.learning-resource-card:hover .resource-image-wrap img{transform:scale(1.025)}.resource-image-wrap>span{position:absolute;top:10px;left:10px;min-width:46px;height:27px;display:grid;place-items:center;padding:0 10px;border-radius:9px;background:#fffffff0;font-size:11px;font-weight:800;box-shadow:0 4px 14px #141b3c14}.resource-image-wrap .type-words{color:#16937a}.resource-image-wrap .type-grammar{color:#7254ff}.resource-image-wrap .type-listening{color:#4e55ff}.resource-image-wrap .type-reading{color:#6a4cff}.resource-card-body{padding:16px 16px 15px}.resource-card-body h3{margin:0 0 8px;color:var(--resources-ink);font-size:17px;line-height:1.35}.resource-card-body>p{min-height:42px;margin:0;color:var(--resources-muted);font-size:11px;line-height:1.65}.resource-card-actions{display:grid;grid-template-columns:1fr auto 34px;align-items:center;gap:8px;margin-top:18px}.resource-card-actions>span{color:#6f7890;font-size:10px}.start-button{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border:1px solid #dad7ff;border-radius:10px;background:#fff;color:var(--resources-purple);cursor:pointer;font-size:11px;font-weight:700;text-decoration:none}.start-button svg{width:16px;height:16px}.resource-favorite{width:34px;height:34px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#8d96ad;cursor:pointer}.resource-favorite svg{width:19px;height:19px}.resource-favorite.active{color:#ff6476}.resource-favorite.active svg{fill:currentColor}.resources-empty{grid-column:1 / -1;padding:80px;border:1px dashed #dfe2ed;border-radius:18px;color:var(--resources-muted);text-align:center}.resources-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:40px}.resources-pagination button,.resources-pagination span{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:#69728b;font-size:13px}.resources-pagination button{cursor:pointer}.resources-pagination button.active{background:var(--resources-purple);color:#fff;box-shadow:0 6px 14px #5542ff38}.resources-route .site-footer{padding-top:46px;background:#fffaf5}.resources-route .site-footer-grid{gap:48px;padding-bottom:34px}.resources-page,.resources-route .site-header,.resources-route .site-footer{font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-synthesis:none;-webkit-font-smoothing:auto;text-rendering:optimizeLegibility}.resources-hero-copy p,.resources-library-heading p,.featured-audio-copy>span,.featured-audio-copy>p,.featured-audio-copy blockquote,.audio-controls span,.resource-card-body>p,.resource-card-actions>span{color:#5c667d;font-weight:500}.featured-audio-copy>span,.featured-audio-copy>p,.audio-controls span{font-size:13px}.featured-audio-copy blockquote{font-size:12px}.resource-image-wrap>span{font-size:12px}.resource-card-body>p{font-size:13px;line-height:1.65}.resource-card-actions>span{font-size:12px}.start-button{font-size:12px}.resources-search input::placeholder{color:#7a8499}@media(max-width:1500px){.resources-route .site-header .container,.resources-route .site-footer .container,.resources-shell{width:calc(100% - 160px);max-width:1500px}.resources-route .nav{grid-template-columns:220px minmax(560px,1fr) 210px}.resources-route .nav-links{gap:25px}}@media(max-width:1100px){.resources-route .site-header .container,.resources-route .site-footer .container,.resources-shell{width:calc(100% - 48px);max-width:none}.resources-hero{min-height:1280px}.resources-hero-photo{width:100%;height:650px;opacity:.36}.resources-hero-copy{width:min(650px,100%)}.featured-audio-card{top:550px;width:100%}.resources-library-heading{align-items:stretch;flex-direction:column}.resources-search{width:100%}.resources-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.resources-route .site-header .container,.resources-route .site-footer .container,.resources-shell{width:calc(100% - 32px)}.resources-hero{min-height:1240px}.resources-hero-copy{top:62px}.resources-hero-copy h1{font-size:42px;letter-spacing:-1px}.resources-hero-copy h1 span{display:block;margin-left:0}.resources-hero-copy p{font-size:15px}.featured-audio-card{top:470px;padding:24px}.featured-audio-body{grid-template-columns:1fr}.featured-audio-body>img{width:100%;height:230px}.resources-library{padding-top:70px}.resources-library-heading h2{font-size:34px}.resources-toolbar{align-items:stretch;flex-direction:column;gap:18px;margin-block:38px 30px}.resources-filters{overflow-x:auto}.resources-filters button{flex:0 0 auto}.sort-button{align-self:flex-end}.resources-grid{grid-template-columns:1fr}.resource-image-wrap{height:250px}}body.resources-route,body.resources-route .site-header,body.resources-route .site-footer,body.resources-route .resources-page{color:#303033;font-family:Microsoft YaHei,Segoe UI,Arial,sans-serif;font-size:14px}body.resources-route .resources-page :is(h1,h2,h3),body.resources-route .site-header .brand,body.resources-route .site-footer .brand,body.resources-route .site-footer .footer-link-column strong{color:#202036}body.resources-route .resources-page :is(p,small,li,blockquote,label),body.resources-route .site-header .nav-links>a:not(.active),body.resources-route .site-header .nav-actions .text-button,body.resources-route .site-footer .footer-brand-column p,body.resources-route .site-footer .footer-link-column a,body.resources-route .site-footer .site-footer-bottom p{color:#303033}body.resources-route .resources-page small,body.resources-route .resources-page :is(.featured-audio-copy>span,.featured-audio-copy>p,.featured-audio-copy blockquote,.audio-controls span,.transcript-button,.resources-filters button,.resource-image-wrap>span,.resource-card-body>p,.resource-card-actions>span,.start-button,.resources-pagination :is(button,span)),body.resources-route .site-header .nav-actions :is(.text-button,.button),body.resources-route .site-footer :is(.footer-link-column a,.site-footer-bottom p){font-size:14px!important}@media(min-width:1101px){.resources-shell{width:min(1350px,calc(90% - 144px));max-width:1350px}.resources-hero,.resources-hero-inner{min-height:801px}.resources-hero-photo{height:558px}.resources-hero-copy{top:83px;width:468px}.resources-hero-copy h1{font-size:clamp(41px,2.7vw,49px);letter-spacing:-1.8px}.resources-hero-copy p{margin-top:22px;font-size:14px}.featured-audio-card{top:369px;width:693px;min-height:387px;padding:23px 27px 27px;border-radius:16px}.featured-audio-card>header{margin-bottom:18px}.featured-audio-card>header strong{font-size:17px}.featured-audio-body{grid-template-columns:225px minmax(0,1fr);gap:25px}.featured-audio-body>img{width:225px;height:243px;border-radius:14px}.featured-audio-copy h2{font-size:18px}.featured-audio-copy>p{margin:10px 0 13px}.resources-library{padding:61px 0 65px}.resources-library-heading{gap:29px}.resources-library-heading h2{font-size:31px}.resources-library-heading p{margin-top:10px;font-size:13px}.resources-search{width:540px;height:44px}.resources-toolbar{margin:38px 0 27px}.resources-grid{gap:22px 16px}.resource-image-wrap{height:198px;margin:11px 11px 0}.resource-card-body{padding:14px}.resource-card-body h3{margin-bottom:7px;font-size:15px}.resource-card-actions{margin-top:16px}.resources-pagination{margin-top:36px}}