:root{--blue:#275ee8;--ink:#1c263d;--muted:#7d8493;--line:#edf0f5;--bg:#f7f8fb}*{box-sizing:border-box}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--ink);font-size:14px}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{text-decoration:none;color:inherit}header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.header-inner{max-width:1280px;margin:auto;height:82px;display:flex;align-items:center;gap:45px;padding:0 30px}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:750;white-space:nowrap}.logo{display:grid;place-items:center;width:35px;height:35px;background:var(--blue);color:white;border-radius:10px 10px 10px 2px;font-size:22px}.brand-en{font-size:10px;letter-spacing:2px;color:#8a90a0;margin-left:1px}nav{display:flex;height:100%;gap:30px;white-space:nowrap}nav a{display:flex;align-items:center;position:relative;font-weight:600;color:#616b7d}nav a.active{color:var(--blue)}nav a.active:after{content:"";position:absolute;bottom:0;left:8px;right:8px;height:3px;background:var(--blue);border-radius:3px}.header-tools{display:flex;align-items:center;gap:21px;margin-left:auto}.search{display:flex;gap:9px;align-items:center;background:#f4f6fa;padding:11px 14px;border-radius:7px;width:230px}.search span{font-size:24px;line-height:15px;color:#9299a8}.search input{width:100%;border:0;background:none;min-width:0;outline:none;font-size:12px}.search kbd{font-size:10px;color:#9299a8;white-space:nowrap}.admin-link{font-size:12px;color:#7a8292;white-space:nowrap}.avatar{border:0;background:#eaf0ff;color:var(--blue);border-radius:50%;width:36px;height:36px;font-weight:bold}main{max-width:1280px;margin:auto;padding:30px}button.primary,.primary{border:0;background:var(--blue);color:white;padding:13px 24px;border-radius:6px;display:inline-block;font-weight:600}button.secondary,.secondary{border:1px solid #dde3ef;background:#fff;padding:12px 22px;border-radius:6px;display:inline-block}.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:22px}.hero{position:relative;overflow:hidden;background:#edf2ff;min-height:340px;border-radius:12px;padding:42px 44px;display:flex;align-items:center}.hero-copy{position:relative;z-index:2;max-width:55%}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--blue);font-weight:650}.hero h1{font-size:38px;line-height:1.45;letter-spacing:-1px;margin:17px 0 12px;font-weight:750}.hero p{color:#73819d;line-height:1.8;font-size:13px;margin-bottom:25px}.hero .primary{font-size:13px}.hero-bottom{margin-top:20px;display:flex;gap:20px;font-size:11px;color:#6e7fa0}.hero-art{position:absolute;width:340px;height:320px;right:0;top:20px;perspective:900px}.orb{position:absolute;width:235px;height:235px;border-radius:50%;right:20px;top:40px;background:radial-gradient(circle at 30% 30%,#d7e4ff,#b7cdfe);opacity:.6}.book{position:absolute;width:153px;height:205px;border-radius:5px 12px 12px 5px;padding:22px;box-shadow:14px 20px 30px #4a6fb82d;transform:rotate(-13deg);top:62px;left:26px;background:#285cda;color:white;border-left:7px solid #1b49b8}.book small{font-size:8px;letter-spacing:2px}.book strong{font-size:32px;line-height:1.2;display:block;margin-top:18px}.book:after{content:"";position:absolute;bottom:24px;right:25px;width:52px;height:52px;border:1px solid #ffffff70;border-radius:50%;box-shadow:12px 0 0 -1px #285cda,13px 0 0 #ffffff70}.book.back{background:#fefeff;transform:rotate(14deg);left:157px;top:52px;width:125px;height:179px;color:#2c5696;border-left:6px solid #dce4f8}.book.back strong{font-size:27px}.book.back:after{display:none}.float-note{position:absolute;right:32px;bottom:22px;background:white;border-radius:8px;padding:13px 19px;box-shadow:0 8px 30px #5277b21c;font-size:12px;color:#46659e;transform:rotate(5deg)}.welcome{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}.welcome .avatar{width:45px;height:45px;margin-bottom:14px}.welcome h3{margin:0 0 8px;font-size:17px}.welcome p{font-size:12px;color:var(--muted);line-height:1.8}.welcome .secondary{width:100%;text-align:center;font-size:12px;margin:15px 0}.welcome-stat{display:flex;justify-content:space-around;border-top:1px solid var(--line);padding-top:18px;text-align:center}.welcome-stat strong{font-size:20px;display:block}.welcome-stat span{font-size:11px;color:var(--muted)}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:25px 22px;border-bottom:1px solid #e7ebf3}.benefit{display:flex;gap:13px;align-items:center}.benefit i{font-style:normal;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:var(--blue);background:#eaf0fd;font-size:20px}.benefit strong{display:block;font-size:13px;margin-bottom:4px}.benefit span{color:var(--muted);font-size:11px}.section-title{display:flex;align-items:end;justify-content:space-between;margin:34px 0 20px}.section-title h2{font-size:23px;margin:0;letter-spacing:-.5px}.section-title p{color:var(--muted);font-size:12px;margin:7px 0 0}.section-title a{font-size:12px;color:#7c8496}.categories{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.chip{border:0;background:#fff;color:#677286;border-radius:6px;padding:10px 19px;font-size:12px}.chip.active{background:var(--blue);color:white}.course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px}.course-card{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;text-align:left;transition:transform .18s,box-shadow .18s;display:block;width:100%;padding:0;color:inherit}.course-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #24395e12}.cover{height:164px;position:relative;overflow:hidden;padding:25px;color:white;background:var(--cover);isolation:isolate}.cover:before{content:"";position:absolute;width:160px;height:160px;border:1px solid #ffffff30;border-radius:50%;right:-30px;bottom:-65px;box-shadow:0 0 0 20px #ffffff0a,0 0 0 42px #ffffff0a;z-index:-1}.cover .cover-kicker{font-size:9px;letter-spacing:2px;opacity:.7;display:block;margin-bottom:14px}.cover strong{font-size:24px;line-height:1.35;letter-spacing:.5px;display:block;width:80%}.cover .cover-bottom{position:absolute;left:25px;bottom:17px;font-size:9px;letter-spacing:1px;opacity:.65}.cover .cover-symbol{position:absolute;right:16px;bottom:17px;font-size:49px;color:#ffffff55;font-weight:250;transform:rotate(-15deg)}.cover .tag{position:absolute;right:12px;top:12px;background:#ffffff22;padding:4px 7px;border-radius:3px;font-size:9px}.card-body{padding:17px 17px 16px}.card-body h3{font-size:15px;line-height:1.5;margin:0 0 8px}.card-body p{font-size:11px;color:var(--muted);margin:0 0 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.teacher{display:flex;align-items:center;gap:7px;color:#677183;font-size:11px}.teacher-dot{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#edf1f7;color:#8290a9;font-size:10px}.card-foot{margin-top:14px;border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:space-between;align-items:center}.price{color:#f06845;font-weight:700;font-size:20px}.price small{font-size:12px}.card-foot span:last-child{font-size:10px;color:#8d95a2}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:32px}.editorial article{border-radius:10px;background:#eaf0fd;padding:26px 30px;position:relative;overflow:hidden}.editorial article:last-child{background:#f3ede4}.editorial small{font-size:10px;color:#6e7a91}.editorial h3{font-size:20px;margin:11px 0}.editorial p{font-size:12px;color:#758095;margin:0 0 18px}.editorial a{font-size:12px;color:var(--blue);font-weight:600}.editorial .art-letter{position:absolute;right:25px;top:20px;font-size:90px;color:#4768a61a;font-family:Georgia,serif}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:24px}.detail-hero{display:grid;grid-template-columns:42% 1fr;background:white;padding:28px;gap:36px;border-radius:12px;border:1px solid var(--line)}.detail-hero .cover{height:300px;border-radius:8px;padding:45px}.detail-hero .cover strong{font-size:40px}.detail-hero h1{font-size:28px;margin:18px 0 12px}.detail-hero p{color:#788297;line-height:1.8}.detail-meta{font-size:12px;color:#788297;display:flex;gap:20px;margin:22px 0}.detail-buy{background:#f8f9fc;padding:18px;border-radius:7px;margin-top:22px;display:flex;align-items:center;justify-content:space-between}.detail-tabs{display:grid;grid-template-columns:1fr 300px;gap:24px;margin-top:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:26px}.panel h2{font-size:20px;margin:0 0 20px}.panel p{line-height:1.9;color:#737f91}.lesson{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:white;border:0;border-top:1px solid var(--line);padding:18px 0;color:var(--ink)}.lesson .num{color:#8f9bb1;font-size:12px}.lesson strong{font-size:13px;font-weight:500;flex:1}.lesson .lesson-status{font-size:11px;color:var(--blue)}.empty{text-align:center;padding:70px 20px;background:white;border:1px solid var(--line);border-radius:12px}.empty h2{font-size:23px}.empty p{color:var(--muted);margin-bottom:25px}.progress{height:5px;background:#edf1f8;border-radius:4px;margin-top:14px;overflow:hidden}.progress div{height:100%;background:var(--blue)}.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.reader-layout{display:grid;grid-template-columns:1fr 300px;gap:24px}.reader{min-height:480px}.reader h1{font-size:27px;line-height:1.6}.reader p{line-height:2;color:#566277;font-size:15px}.reader blockquote{background:#eef3ff;padding:20px;border-left:3px solid var(--blue);margin:22px 0;line-height:1.8;color:#456294}.reader small{color:#7d8798}.reader .primary{margin-top:24px}.demo-strip{font-size:11px;color:#7384a1;background:#edf2fc;border:1px solid #dfe8fa;padding:12px 16px;border-radius:6px;margin-bottom:20px}.admin-layout{display:grid;grid-template-columns:180px 1fr;gap:24px}.admin-nav{background:white;border:1px solid var(--line);border-radius:10px;padding:18px;height:fit-content}.admin-nav a{display:block;padding:13px;border-radius:6px;color:#718096;font-size:13px}.admin-nav a.active{background:#edf2ff;color:var(--blue)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.metric{background:white;border:1px solid var(--line);border-radius:8px;padding:22px}.metric small{color:var(--muted)}.metric strong{display:block;font-size:27px;margin-top:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}th{text-align:left;color:#8791a4;font-weight:500;background:#f8f9fc}td,th{padding:15px 12px;border-bottom:1px solid var(--line)}td button{background:#eef3ff;color:var(--blue);border:0;padding:7px 11px;border-radius:4px;font-size:11px}.badge{background:#edf7ef;color:#4c8c5c;padding:5px 9px;font-size:10px;border-radius:4px}.badge.gray{background:#f1f3f7;color:#7b8494}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.page-head h1{font-size:27px;margin:0 0 9px}.page-head p{color:var(--muted);margin:0;font-size:12px}footer{max-width:1220px;margin:38px auto 0;border-top:1px solid #e6ebf3;padding:26px 0 30px;display:flex;justify-content:space-between;color:#929aaa;font-size:10px}.footer-brand{font-size:16px;color:#52617b;font-weight:650}.footer-brand span{font-size:10px;font-weight:400;margin-left:12px;color:#929aaa}dialog{border:0;border-radius:12px;padding:30px;width:440px;max-width:calc(100vw - 32px);box-shadow:0 25px 100px #11244344}dialog::backdrop{background:#17233965;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{font-size:21px;margin:0}.close{border:0;background:#f0f3f8;width:28px;height:28px;border-radius:50%;font-size:19px;color:#738098}.checkout-item{padding:20px 0;border-bottom:1px solid var(--line);line-height:1.7}.checkout-row{display:flex;justify-content:space-between;padding:18px 0}.payment-choice{padding:14px;border:1px solid #bdcfff;border-radius:6px;background:#f5f8ff;color:#4167b4;margin:10px 0 18px}dialog .primary{width:100%;margin-top:12px}dialog p{color:#798496;font-size:12px;line-height:1.8}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#24324b;color:white;border-radius:7px;padding:13px 22px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s;font-size:13px}#toast.show{opacity:1}.sort{background:transparent;border:1px solid #e0e6ef;border-radius:5px;padding:8px;color:#718098;font-size:12px}button:disabled{opacity:.5;cursor:default}@media(min-width:1400px){main{padding-top:34px}.hero{min-height:360px}.cover{height:180px}}@media(max-width:1100px){.header-inner{gap:25px}nav{gap:18px}.brand-en,.search kbd{display:none}.search{width:175px}.hero-copy{max-width:65%}.hero-art{right:-80px;opacity:.7}.hero-layout{grid-template-columns:1fr 240px}.hero{padding:35px}.hero h1{font-size:32px}.course-grid{grid-template-columns:repeat(3,1fr)}.benefits{gap:12px;padding-left:0;padding-right:0}.benefit span{font-size:10px}footer{margin:30px}}@media(max-width:780px){.header-inner{height:auto;min-height:70px;padding:15px 20px;gap:15px;flex-wrap:wrap}.brand{font-size:22px}.header-tools{gap:13px}.search{width:165px}.admin-link{display:none}nav{order:3;width:100%;height:35px;gap:30px;font-size:13px}.header-tools{margin-left:auto}main{padding:20px}.hero-layout{grid-template-columns:1fr}.welcome{display:none}.hero{min-height:310px;padding:28px}.hero-copy{max-width:65%}.hero h1{font-size:30px}.hero-art{right:-90px;top:10px;transform:scale(.8)}.hero-bottom{gap:12px;font-size:10px}.benefits{grid-template-columns:1fr 1fr;padding:22px 0;gap:20px}.course-grid{grid-template-columns:1fr 1fr;gap:14px}.cover{height:155px;padding:20px}.cover strong{font-size:22px}.cover .cover-bottom{left:20px}.card-body{padding:14px}.card-body h3{font-size:14px}.editorial{grid-template-columns:1fr}.detail-hero{grid-template-columns:1fr;padding:20px;gap:10px}.detail-hero .cover{height:250px}.detail-tabs,.reader-layout{grid-template-columns:1fr}.learning-grid{grid-template-columns:1fr 1fr}.admin-layout{grid-template-columns:1fr}.admin-nav{display:flex;padding:6px;overflow:auto}.admin-nav a{white-space:nowrap}.metrics{gap:9px}.metric{padding:15px}.metric strong{font-size:22px}.panel{padding:20px}footer{margin:20px;display:block;line-height:2}.footer-brand span{display:block;margin:0}.page-head h1{font-size:23px}}@media(max-width:430px){.search{width:135px;padding:10px}.search input{font-size:11px}.header-tools{gap:10px}.hero{min-height:310px;padding:25px}.hero h1{font-size:27px}.hero-copy{max-width:75%}.hero-art{right:-130px;opacity:.5}.hero p{max-width:190px}.hero-bottom{display:block;line-height:1.8}.cover{height:135px;padding:16px}.cover strong{font-size:19px}.cover .cover-bottom{font-size:8px;left:16px;bottom:14px}.cover .cover-kicker{font-size:8px;margin-bottom:12px}.cover .tag{font-size:8px;right:8px;top:8px}.cover .cover-symbol{font-size:38px;right:8px}.card-body h3{font-size:13px}.card-body p{font-size:10px}.card-foot .price{font-size:18px}.card-foot span:last-child{font-size:9px}.chip{padding:9px 14px}.section-title h2{font-size:21px}.learning-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr}.detail-buy{gap:12px}.detail-buy .primary{padding:12px 18px}.editorial article{padding:24px}.page-head{gap:15px}.page-head .secondary{padding:10px 13px;font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:430px){.hero-copy{max-width:100%}.hero-art{right:-170px;opacity:.13;pointer-events:none}.hero h1{font-size:27px;letter-spacing:-.5px}.hero p{max-width:240px}.hero .eyebrow{font-size:10px;letter-spacing:1.4px}.hero{min-height:330px}.hero-bottom{margin-top:16px}}