:root{--ink:#203b58;--cream:#fff9ee;--paper:#fffdf9;--orange:#ffab45;--coral:#f47b67;--mint:#79c2ad;--sky:#82cce4;--line:#e9ddc9}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Microsoft YaHei",system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer;border:0}header{height:72px;max-width:1160px;padding:0 24px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900;color:var(--ink);text-decoration:none;font-size:18px}nav{display:flex;gap:30px}nav a{font-size:14px;text-decoration:none;color:var(--ink)}.avatar{color:#fff;background:#38b698;width:38px;height:38px;border-radius:50%;font-size:12px;font-weight:bold}main{max-width:1040px;margin:auto;padding:25px 25px 80px}.hero{min-height:310px;padding:48px;border-radius:30px;background:#ffe0a1;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;position:relative}.eyebrow,.tag{font-size:11px;font-weight:900;letter-spacing:.11em;color:#1b9f9c}.hero h1,.parents h2{font-size:39px;line-height:1.1;margin:10px 0;color:var(--ink)}.hero p{font-size:14px}.primary,.outline{border-radius:999px;padding:12px 18px;font-weight:800}.primary{background:var(--ink);color:#fff}.outline{background:#fff;color:var(--ink);border:1px solid #cbd8dd}.mascot{height:218px;border-radius:50%;background:#93d4e5;align-self:center;position:relative}.face{position:absolute;inset:65px 0 auto;text-align:center;font-size:62px;letter-spacing:9px;color:#233e5a}.face small{display:block;font-size:10px;letter-spacing:0;color:#fff;font-weight:800}.cloud,.sun{font-style:normal;position:absolute;font-size:38px}.cloud{left:35px;top:28px;color:white}.sun{right:28px;top:20px}.path{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:46px 0;padding:28px 32px;background:#fff;border-radius:24px;border:1px solid var(--line)}h2{margin:7px 0;font-size:26px}.path p,.ear p,.parents p{font-size:14px;line-height:1.7}.path ol{display:flex;list-style:none;gap:14px;padding:0}.path li{font-size:13px;white-space:nowrap;text-align:center}.path b{display:block;margin:auto auto 6px;width:32px;height:32px;padding-top:7px;border-radius:50%;background:#ffe4bd;color:#d8673d}.ear{background:#ffe0a1;border-radius:28px;padding:35px 42px;display:flex;align-items:center;justify-content:space-between}.ear-art{width:220px;height:140px;background:#f47b67;border-radius:45% 55% 49% 51%;color:#fff;font-size:58px;text-align:center;padding-top:20px;transform:rotate(-5deg)}.ear-art span{display:block;font-size:13px;transform:rotate(5deg);font-weight:bold}.library{padding-top:60px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end}.section-head p{font-size:14px}.search{background:#fff;border:1px solid var(--line);padding:10px 13px;border-radius:12px}.search input{width:180px;border:0;outline:0;background:transparent}.filters{display:flex;gap:10px;margin:25px 0;flex-wrap:wrap}.filter{border-radius:999px;padding:9px 14px;background:#fff;color:#546575;border:1px solid var(--line);font-size:13px}.filter.active{background:#e2f4f3;color:#168f8c;border-color:#a3d7d4}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.book{background:#fff;border:1px solid var(--line);border-radius:17px;padding:9px;text-align:left;transition:.2s;overflow:hidden}.book:hover{transform:translateY(-4px);box-shadow:0 10px 24px #997f5320}.book img{width:100%;height:124px;object-fit:cover;border-radius:10px;background:#eee}.book strong{display:block;font-size:14px;margin:9px 2px 3px}.book span{font-size:11px;color:#7c8b98}.book em{display:block;margin:7px 2px 0;font-style:normal;color:#21a895;font-size:12px;font-weight:700}.parents{margin-top:52px;padding:38px 42px;display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--ink);color:#fff;border-radius:26px}.light{color:#d9f6ed}.parents h2{color:#fff}.parents dl{display:flex;gap:24px}.parents dl div{text-align:center}.parents dt{font-size:29px;color:#ffcc56;font-weight:900}.parents dd{margin:4px 0;font-size:12px}dialog{border:0;border-radius:26px;padding:0;max-width:min(1100px,94vw);max-height:92vh;box-shadow:0 22px 60px #1a263d55}dialog::backdrop{background:#162a3e99}.close{position:absolute;right:14px;top:10px;z-index:5;width:35px;height:35px;border-radius:50%;font-size:25px;background:#ffffffdd;color:#203b58}.lesson-shell{display:grid;grid-template-columns:265px minmax(0,1fr);min-height:650px}.lesson-side{padding:25px;background:var(--coral);color:white}.lesson-cover{width:100%;height:160px;object-fit:contain;background:white;border-radius:15px}.lesson-side h2{font-size:29px;color:white}.mode{display:block;width:100%;margin:9px 0;text-align:left;padding:12px;border-radius:12px;background:#ffffff1c;color:#fff;border:1px solid #ffffffaa;font-weight:800}.mode.active{background:#fff;color:#d65a49}.lesson-main{padding:28px;background:#f7fcfd;min-width:0}.mode-panel{display:none}.mode-panel.active{display:block}.lesson-main video,.page-image{width:100%;max-height:56vh;object-fit:contain;display:block;background:#152337;border-radius:17px}.page-image{background:#fff;border:1px solid var(--line)}.caption{text-align:center;background:#fff;padding:14px;border-radius:14px;margin:11px 0}.caption b{font-size:20px}.caption small{display:block;color:#e7685f;font-size:15px;margin-top:5px}.controls{display:flex;justify-content:center;gap:12px;align-items:center;margin-top:13px}.progress{height:7px;border-radius:9px;background:#dcecef;margin-top:15px}.progress i{display:block;height:100%;background:var(--coral);border-radius:9px}.card-image{width:100%;max-height:57vh;object-fit:contain;background:#fff;border-radius:17px;border:1px solid var(--line)}.card-caption{margin-top:10px}.speak{display:block;margin:11px auto 0}.empty{padding:50px;text-align:center;background:#fff;border-radius:17px}.ear-player{padding:34px;text-align:center}.ear-player video{width:min(840px,80vw);max-height:65vh;background:#152337;border-radius:18px}.mini-controls{display:flex;justify-content:center;align-items:center;gap:13px;margin:15px}@media(max-width:760px){header{height:60px;padding:0 15px}nav{display:none}main{padding:10px 14px 45px}.hero{display:block;padding:28px;min-height:auto}.hero h1{font-size:31px}.mascot{margin-top:25px;height:160px}.face{inset:38px 0 auto}.path,.ear,.parents{display:block;padding:25px}.path ol{justify-content:space-between}.ear-art{margin:24px auto 0}.section-head{display:block}.search{display:block;margin-top:15px}.search input{width:85%}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.book img{height:115px}.parents dl{justify-content:space-between}.lesson-shell{display:block}.lesson-side{padding:20px}.lesson-cover{width:130px;height:100px;float:right;margin-left:12px}.lesson-side h2{font-size:27px}.lesson-main{padding:14px}.lesson-main video,.page-image{max-height:50vh}.ear-player{padding:30px 12px}.ear-player video{width:84vw}}
:root{} .growth-card{align-self:center;background:#fffdf2cc;border:1px solid #fff;padding:26px;border-radius:24px;box-shadow:0 12px 25px #a9873d1d}.growth-card>span{font-size:12px;font-weight:900;color:#1b9f9c}.growth-card strong{display:block;margin:7px 0;color:var(--ink);font-size:42px;line-height:1}.growth-card strong small{font-size:15px}.growth-card p{min-height:35px;font-size:13px}.growth-track{height:9px;background:#f0dfbd;border-radius:10px;overflow:hidden}.growth-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#f47b67,#ffab45);border-radius:inherit;transition:.35s}.growth-card em{display:inline-block;margin-top:13px;padding:5px 10px;border-radius:999px;background:#e2f4f3;color:#158a87;font-size:12px;font-style:normal;font-weight:800}.book em.book-status{display:inline-block;margin:7px 2px 0;padding:4px 7px;border-radius:8px;background:#f5f0e7;color:#7b776f;font-size:12px;font-weight:800}.book.reading .book-status{background:#fff0d7;color:#d86b3e}.book.done .book-status{background:#e2f4f0;color:#168f7d}.book.done{border-color:#9bd8c9}@media(max-width:760px){.growth-card{margin-top:24px;padding:21px}.growth-card strong{font-size:36px}}
:root{} .oxford{padding-top:66px}.verified{padding:8px 11px;border-radius:999px;background:#e2f4f0;color:#168f7d;font-size:12px;font-weight:800;white-space:nowrap}.oxford-guide{margin:24px 0;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;padding:25px 29px;background:#edf5ff;border:1px solid #cfe1f5;border-radius:23px}.oxford-guide b{font-size:18px}.oxford-guide p{font-size:13px;line-height:1.75;margin-bottom:0}.oxford-guide ol{margin:0;padding:0;list-style:none;display:flex;justify-content:space-between;gap:10px}.oxford-guide li{text-align:center;font-size:13px}.oxford-guide li b{display:block;width:36px;height:36px;line-height:36px;margin:0 auto 7px;border-radius:50%;background:#75aedd;color:#fff;font-size:15px}.oxford-guide li span{font-size:11px;color:#5b7188}.stage-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:11px}.stage-card{min-height:158px;padding:15px;border-radius:17px;background:#fff;border:1px solid #cfe1f5;box-shadow:0 5px 15px #5c8fc411}.stage-card:nth-child(3n+1){border-top:5px solid #73b8d8}.stage-card:nth-child(3n+2){border-top:5px solid #8fc99f}.stage-card:nth-child(3n){border-top:5px solid #977dd1}.stage-card.advanced{background:#f9f5ff}.stage-card span{display:block;font-size:10px;font-weight:900;letter-spacing:.1em;color:#5787ad}.stage-card strong{display:inline-block;font-size:28px;margin-top:8px}.stage-card small{margin-left:3px;font-size:10px;color:#708397}.stage-card p{min-height:36px;font-size:11px;line-height:1.45}.stage-card em{font-style:normal;font-size:10px;color:#368e81}.audit-note{padding:13px 16px;margin:20px 0 0;background:#fff7e8;border-radius:12px;color:#785f37;font-size:12px;line-height:1.7}@media(max-width:760px){.verified{margin-top:11px;display:inline-block}.oxford-guide{display:block;padding:21px}.oxford-guide ol{margin-top:20px}.stage-grid{grid-template-columns:repeat(2,1fr)}.stage-card{min-height:145px}}
:root{} .oxford-journey{display:grid;gap:16px}.journey-card{display:grid;grid-template-columns:290px 1fr;border:1px solid #dce8ed;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 8px 23px #31516d0d}.journey-intro{padding:25px;color:#fff;background:#6cb8d8}.journey-card.grow .journey-intro{background:#78bf9f}.journey-card.explore .journey-intro{background:#8b77c7}.journey-intro>span{font-size:10px;font-weight:900;letter-spacing:.09em;color:#ffffffcc}.journey-intro h3{margin:8px 0;font-size:24px}.journey-intro p{font-size:12px;line-height:1.65;margin:0}.journey-intro>b{display:block;margin-top:18px;font-size:29px}.journey-intro>b small{font-size:11px}.stage-steps{padding:15px;display:grid;grid-template-columns:repeat(4,1fr);gap:9px;align-content:center}.journey-card.explore .stage-steps{grid-template-columns:repeat(3,1fr)}.stage-step{position:relative;min-height:105px;padding:13px;text-align:left;background:#f8fbfd;border:1px solid #e1ebf1;border-radius:15px;color:var(--ink);transition:.2s}.stage-step:hover{transform:translateY(-2px);border-color:#7dbcd7}.stage-step strong{display:block;font-size:14px}.stage-step span{display:block;min-height:31px;margin:5px 0;color:#60748a;font-size:10px;line-height:1.35}.stage-step em{font-size:11px;font-style:normal;color:#148d88;font-weight:800}.stage-step i{position:absolute;right:7px;top:7px;padding:3px 5px;border-radius:99px;background:#ffdf96;color:#935c1d;font-size:9px;font-style:normal;font-weight:800}@media(max-width:760px){.journey-card{display:block}.journey-intro{padding:22px}.stage-steps,.journey-card.explore .stage-steps{grid-template-columns:repeat(2,1fr);padding:11px}.stage-step{min-height:100px}}
:root{} #oxfordDialog{width:min(1140px,95vw)}.oxford-list,.oxford-reader{padding:32px;background:#f8fcff}.oxford-list>p:not(.tag){font-size:13px}.oxford-book-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:22px}.oxford-book{padding:9px;text-align:left;border:1px solid #d9e6ec;border-radius:15px;background:#fff;color:var(--ink)}.oxford-book:hover{transform:translateY(-3px);box-shadow:0 8px 20px #52708b1d}.oxford-book img{width:100%;height:145px;object-fit:cover;border-radius:10px;background:#eef2f4}.oxford-book strong{display:block;margin:8px 2px 3px;font-size:13px;line-height:1.25}.oxford-book span{display:block;margin:3px 2px;font-size:11px;color:#148d88;font-weight:800}.reader-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.reader-top h2{margin:6px 0}.reader-top p:not(.tag){font-size:13px}.oxford-reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px;margin-top:17px}.oxford-reading-layout iframe{width:100%;height:66vh;border:1px solid #d8e4ea;border-radius:16px;background:#fff}.oxford-reading-layout aside{padding:14px;border-radius:16px;background:#fff;border:1px solid #d8e4ea}.oxford-reading-layout aside img{width:100%;height:130px;object-fit:cover;border-radius:11px}.oxford-reading-layout aside b{display:block;margin-top:15px}.oxford-reading-layout aside p{font-size:12px;line-height:1.6}.oxford-reading-layout audio{width:100%;margin:6px 0}.translation-wait{margin-top:15px;padding:12px;border-radius:11px;background:#fff6df;color:#7b653c}.translation-wait strong,.translation-wait span{display:block}.translation-wait strong{font-size:12px}.translation-wait span{margin-top:4px;font-size:11px;line-height:1.5}@media(max-width:760px){.oxford-list,.oxford-reader{padding:24px 14px}.oxford-book-grid{grid-template-columns:repeat(2,1fr);gap:10px}.oxford-book img{height:125px}.reader-top{display:block}.reader-top .outline{margin-top:5px}.oxford-reading-layout{display:block}.oxford-reading-layout iframe{height:55vh}.oxford-reading-layout aside{margin-top:12px}}
:root{} .native-reading{max-width:780px;margin:18px auto;text-align:center}.native-reading>#oxfordPage{display:block;width:100%;max-height:63vh;object-fit:contain;background:#fff;border:1px solid #d9e5eb;border-radius:16px}.native-reading audio{display:block;width:min(560px,100%);margin:14px auto 0}.sync-note{font-size:12px;color:#188d88;margin:13px 0}.native-reader .caption{box-shadow:0 7px 18px #2b4f6d0d}
:root{} .native-reading>#oxfordPage{height:calc(100vh - 355px);max-height:760px;min-height:360px;width:100%;object-fit:contain;object-position:center;background:#fff}.native-reader{max-height:94vh;overflow:auto}.native-reader .reader-top{position:sticky;top:-32px;z-index:2;padding:8px 0;background:#f8fcff}@media(max-width:760px){.native-reading>#oxfordPage{height:52vh;min-height:320px}.native-reader .reader-top{top:-24px}}
:root{} .growth-card{padding:20px}.growth-split{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.growth-item{padding:12px;border-radius:16px;background:#fffdf6;border:1px solid #f1ddb5}.growth-item.oxford-growth{background:#f5fbff;border-color:#cfe6ef}.growth-item>b{display:block;color:#1b9f9c;font-size:12px}.growth-item strong{font-size:28px;margin:6px 0 3px}.growth-item strong small{font-size:11px}.growth-item p{min-height:31px;margin:0;font-size:11px;line-height:1.45}.growth-item em{margin-top:9px;font-size:10px}.growth-item .growth-track{height:7px}.oxford-book .book-status{display:inline-block;margin:7px 2px 1px;padding:4px 7px;border-radius:8px;background:#f5f0e7;color:#7b776f;font-size:11px;font-style:normal;font-weight:800}.oxford-book.reading .book-status{background:#fff0d7;color:#d86b3e}.oxford-book.done .book-status{background:#e2f4f0;color:#168f7d}.oxford-book.done{border-color:#9bd8c9}@media(max-width:760px){.growth-split{grid-template-columns:1fr}.growth-item strong{font-size:30px}.growth-item p{min-height:0}}