:root{
  --bg:#f5f7fb;
  --surface:#ffffff;
  --surface-2:#f8f9fc;
  --ink:#151927;
  --muted:#697386;
  --line:#e5e8f0;
  --line-strong:#d9deea;
  --brand:#5b5ce2;
  --brand-2:#7b61ff;
  --accent:#7c5cff;
  --accent-2:#2ec5ce;
  --navy:#111526;
  --navy-2:#191f36;
  --success:#168b64;
  --warning:#a06a00;
  --radius:18px;
  --radius-sm:12px;
  --shadow:0 18px 50px rgba(27,32,56,.10);
  --shadow-lg:0 30px 80px rgba(20,25,50,.18);
  --container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
.container{width:min(calc(100% - 40px),var(--container));margin:0 auto}
.muted{color:var(--muted)}
.white{background:#fff}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--brand);margin-bottom:12px}

/* Header */
/* V12.73 — Global sticky-header occlusion contract: scrolling page content must never show through the navigation bar. */
.site-header{position:sticky;top:0;z-index:50;background:#fff!important;background-color:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:1px solid #eceef2;isolation:isolate}
.nav{height:74px;display:flex;align-items:center;gap:28px}
.brand{font-weight:850;font-size:20px;letter-spacing:-.03em;display:flex;align-items:center;gap:10px;white-space:nowrap}
.brand-mark{width:27px;height:27px;border-radius:9px;background:linear-gradient(135deg,var(--brand),#9a68ff 60%,#47d6dd);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 6px 18px rgba(91,92,226,.25);position:relative}
.brand-mark:before{content:"";position:absolute;inset:7px;border:2px solid #fff;border-radius:4px;transform:rotate(45deg);opacity:.9}
.nav-links{display:flex;align-items:center;gap:6px;margin-left:auto}
.nav-links a{padding:9px 11px;border-radius:9px;color:#4c5568;font-size:14px;transition:.2s}
.nav-links a:hover,.nav-links a.active{color:var(--ink);background:#f0f2f8}
.nav-actions{display:flex;gap:10px}
.menu-btn{display:none;border:0;background:transparent;font-size:23px;color:var(--ink);margin-left:auto}

/* Buttons */
.btn{border:1px solid var(--line-strong);background:#fff;color:var(--ink);border-radius:11px;padding:10px 16px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
.btn:hover{transform:translateY(-1px);border-color:#c9cfdf;box-shadow:0 8px 20px rgba(31,36,60,.08)}
.btn-primary{background:var(--navy);color:#fff;border-color:var(--navy)}
.btn-primary:hover{background:#1a2035;border-color:#1a2035;box-shadow:0 10px 24px rgba(17,21,38,.18)}
.btn-accent{background:linear-gradient(135deg,#7068ff,#945cff);color:#fff;border:0;box-shadow:0 10px 28px rgba(109,91,255,.25)}
.btn-accent:hover{box-shadow:0 14px 32px rgba(109,91,255,.34)}
.btn-lg{padding:13px 20px;border-radius:13px;font-size:15px}
.text-link,.small-link{color:var(--brand);font-weight:750}
.text-link:hover,.small-link:hover{text-decoration:underline;text-underline-offset:3px}

/* Hero */
.hero{position:relative;overflow:hidden;background:linear-gradient(118deg,#0f1324 0%,#171c31 55%,#202442 100%);color:#fff;padding:88px 0 80px}
.hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(116,96,255,.34),rgba(116,96,255,0) 66%);right:-130px;top:-210px;filter:blur(4px)}
.hero:after{content:"";position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(46,197,206,.18),rgba(46,197,206,0) 65%);left:32%;bottom:-330px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:70px;align-items:center;position:relative;z-index:2}
.hero .eyebrow{color:#9aa7ff}
.hero h1{font-size:clamp(42px,5.4vw,72px);line-height:1.04;letter-spacing:-.055em;margin:0 0 22px;max-width:760px}
.lead{font-size:19px;line-height:1.75;color:#c6ccdc;max-width:660px;margin:0 0 20px}
.promise{font-size:17px;font-weight:800;color:#fff;margin-top:12px}
.hero-actions{display:flex;gap:12px;margin-top:32px}
.hero .hero-actions .btn:first-child{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}
.hero-panel{position:relative;background:linear-gradient(155deg,rgba(255,255,255,.13),rgba(255,255,255,.055));border:1px solid rgba(255,255,255,.17);border-radius:26px;padding:27px;box-shadow:0 35px 90px rgba(0,0,0,.28);backdrop-filter:blur(12px);min-height:440px;overflow:hidden}
.hero-panel:before{content:"";position:absolute;right:-35px;top:35px;width:190px;height:190px;border-radius:38% 62% 64% 36%;background:linear-gradient(135deg,#776bff,#3ecad2);filter:blur(.1px);opacity:.85;transform:rotate(19deg);box-shadow:-28px 32px 65px rgba(0,0,0,.20)}
.hero-panel:after{content:"";position:absolute;right:21px;top:74px;width:108px;height:108px;border:1px solid rgba(255,255,255,.35);border-radius:29px;transform:rotate(29deg)}
.mini{font-size:12px;color:#9ea8bd;text-transform:uppercase;letter-spacing:.13em;font-weight:800}
.hero-stat{font-size:62px;line-height:1;margin-top:18px;font-weight:850;letter-spacing:-.055em;position:relative;z-index:2;max-width:260px}
.hero-stat small{font-size:13px;font-weight:650;letter-spacing:0;color:#9fa8bc;margin-left:9px}
.panel-list{position:absolute;left:24px;right:24px;bottom:24px;background:rgba(9,12,25,.55);border:1px solid rgba(255,255,255,.10);border-radius:17px;padding:7px 15px;backdrop-filter:blur(12px)}
.panel-row{display:flex;justify-content:space-between;gap:16px;padding:11px 3px;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px}.panel-row:last-child{border-bottom:0}.panel-row span{color:#8f9ab1}

/* Sections */
.section{padding:86px 0}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px}
.section-head h2,.page-hero h1{font-size:clamp(30px,4vw,45px);line-height:1.12;letter-spacing:-.04em;margin:0 0 10px}
.section-head p,.page-hero p{color:var(--muted);margin:0;max-width:690px}
.stats-inline{font-weight:800;color:#3c4455;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;white-space:nowrap}
.category{margin-top:54px}.category:first-of-type{margin-top:0}
.category-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}
.category-top h3{font-size:25px;letter-spacing:-.03em;margin:0 0 4px}.category-top p{margin:0;color:var(--muted)}
.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.course-all{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding-bottom:80px}
.course-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.23s ease;box-shadow:0 2px 8px rgba(25,32,56,.03)}
.course-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#daddf0}
.thumb{position:relative;height:190px;overflow:hidden;padding:22px;background:linear-gradient(145deg,#20284a,#6a63ee 58%,#a37bff);display:flex;align-items:flex-end;color:#fff}
.thumb:before{content:"";position:absolute;width:155px;height:155px;border-radius:40px;background:linear-gradient(145deg,rgba(255,255,255,.30),rgba(255,255,255,.04));right:-24px;top:-22px;transform:rotate(25deg);border:1px solid rgba(255,255,255,.18)}
.thumb:after{content:"";position:absolute;width:78px;height:78px;border-radius:24px;right:52px;top:42px;border:1px solid rgba(255,255,255,.48);transform:rotate(43deg);box-shadow:0 24px 45px rgba(25,20,80,.22)}
.thumb.ue{background:linear-gradient(145deg,#132436,#0d7d95 55%,#48d2c4)}
.thumb.ai{background:linear-gradient(145deg,#361844,#9a4ec2 50%,#f56f8e)}
.thumb-title{font-size:20px;line-height:1.05;font-weight:900;letter-spacing:.06em;position:relative;z-index:2;text-shadow:0 2px 16px rgba(0,0,0,.18)}
.course-body{padding:19px 19px 16px}
.course-meta{font-size:12px;font-weight:800;color:var(--brand);margin-bottom:8px}
.course-title{font-size:17px;font-weight:850;line-height:1.38;letter-spacing:-.018em;margin-bottom:7px}
.course-desc{font-size:13px;line-height:1.65;color:var(--muted);min-height:43px}
.course-foot{display:flex;justify-content:space-between;align-items:center;margin-top:17px;color:#596175;font-size:12px}
.pill,.tag,.status,.status-badge{display:inline-flex;align-items:center;border-radius:999px;font-size:11px;font-weight:800;padding:5px 9px;background:#f0efff;color:#5c55cc}

/* Experience */
.experience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.feature-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;min-height:210px;overflow:hidden}
.feature-card:after{content:"";position:absolute;right:-38px;bottom:-48px;width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,rgba(91,92,226,.12),rgba(46,197,206,.05))}
.feature-icon{width:42px;height:42px;border-radius:13px;background:#efefff;color:var(--brand);display:grid;place-items:center;font-weight:900;margin-bottom:28px}
.feature-card h3{font-size:22px;margin:0 0 10px;letter-spacing:-.025em}.feature-card p{color:var(--muted);margin:0;position:relative;z-index:2}
.feature-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.tag{background:#f4f5f9;color:#576174}

/* Updates */
.updates{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:24px}
.timeline,.making,.account-card,.sidebar-card,.plan-box,.result-card,.auth-card{background:#fff;border:1px solid var(--line);border-radius:20px}
.timeline{overflow:hidden}
.update-row{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}.update-row:last-child{border-bottom:0}
.update-date{color:#8a93a5;font-size:12px;font-weight:800}.update-title{font-weight:780}.update-type{font-size:11px;color:#6b7280;background:#f5f6f8;border-radius:999px;padding:5px 9px;white-space:nowrap}
.making{padding:24px}.making h3{margin:0 0 15px}.making-item{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.making-item:last-child{border-bottom:0}.status{background:#eef9f6;color:var(--success)}

/* Join */
.join-card{background:linear-gradient(125deg,#111526,#1a2037);border-radius:28px;padding:48px;color:#fff;display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:center;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}
.join-card:after{content:"";position:absolute;right:-70px;top:-130px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(126,97,255,.32),rgba(126,97,255,0) 70%)}
.join-card h2{font-size:38px;letter-spacing:-.04em;margin:5px 0 12px}.join-card p{color:#b7bfd1;max-width:650px}.benefits{padding:0;margin:23px 0 0;list-style:none}.benefits li{padding:6px 0;color:#d9deea}.benefits li:before{content:"✓";color:#70e0cf;font-weight:900;margin-right:10px}
.join-side{position:relative;z-index:2;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);padding:26px;border-radius:20px}.price{font-size:54px;font-weight:900;letter-spacing:-.055em;margin:4px 0 18px}.small-link{display:block;color:#b8c0ff;font-size:12px;margin-top:16px;line-height:1.6}
.footer{padding:28px 0;border-top:1px solid var(--line);background:#fff;color:#80899a;font-size:12px}.footer-row{display:flex;justify-content:space-between;gap:20px}.footer-links{display:flex;gap:18px}

/* Secondary pages */
.page-hero{padding:68px 0 36px}.page-hero p{font-size:16px}
.filterbar{display:flex;gap:9px;align-items:center;margin:0 0 30px;position:sticky;top:84px;z-index:20;background:rgba(245,247,251,.94);backdrop-filter:blur(14px);padding:12px 0}
.filter{border:1px solid var(--line);background:#fff;color:#5f687b;border-radius:999px;padding:8px 13px;font-weight:750;font-size:13px}.filter.active,.filter:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.search{margin-left:auto;width:230px;border:1px solid var(--line-strong);background:#fff;border-radius:11px;padding:10px 13px;outline:none}.search:focus{border-color:#a6a8ef;box-shadow:0 0 0 3px rgba(91,92,226,.10)}

.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;padding-bottom:90px;align-items:start}.detail-main{min-width:0}.detail-cover{height:420px;border-radius:25px;background:linear-gradient(145deg,#20284a,#6a63ee 58%,#a37bff);color:#fff;display:flex;align-items:flex-end;padding:38px;font-size:44px;font-weight:900;letter-spacing:.06em;line-height:1;box-shadow:var(--shadow);position:relative;overflow:hidden}.detail-cover:before{content:"";position:absolute;width:280px;height:280px;border-radius:70px;background:rgba(255,255,255,.15);right:-42px;top:-60px;transform:rotate(25deg);border:1px solid rgba(255,255,255,.2)}.detail-main h1{font-size:37px;letter-spacing:-.04em;line-height:1.15;margin:30px 0 11px}.detail-main h2{font-size:24px;margin:34px 0 14px}.detail-main li{margin-bottom:7px}.detail-info{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 30px}.info-chip{font-size:12px;font-weight:750;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:#596175}.lesson-list{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.lesson{display:flex;justify-content:space-between;gap:20px;padding:16px 19px;border-bottom:1px solid var(--line)}.lesson:last-child{border-bottom:0}.lesson span{color:var(--muted);font-size:13px}.sidebar-card{position:sticky;top:105px;padding:25px}.sidebar-card h3{font-size:22px;margin:2px 0 9px}.sidebar-card .btn{width:100%;margin-top:13px}

/* Migration */
.migration-hero{padding:65px 0 0}.migration-hero .box{position:relative;background:linear-gradient(125deg,#101427,#1a2140);border-radius:28px;color:#fff;padding:48px;overflow:hidden;box-shadow:var(--shadow-lg)}.migration-hero .box:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(110,95,255,.34),rgba(110,95,255,0) 70%);right:-80px;top:-150px}.migration-hero h1{font-size:47px;letter-spacing:-.045em;margin:0 0 12px;position:relative;z-index:2}.migration-hero p{color:#c1c8d8;max-width:830px;font-size:17px;position:relative;z-index:2}.migration-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:32px;position:relative;z-index:2}.migration-benefit{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:17px}.migration-benefit strong{display:block;margin-bottom:5px}.migration-benefit span{display:block;color:#aeb7ca;font-size:12px;line-height:1.6}
.rule-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:26px}.rule-table th,.rule-table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line)}.rule-table tr:last-child td{border-bottom:0}.rule-table th{font-size:12px;color:#7b8496;background:#fafbfc}.rule-table td:last-child{font-weight:850}.direct{color:var(--success)}
.calc-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px}.plan-box{padding:25px}.plan-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}.plan-option{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;padding:12px 13px;background:#fafbfc;font-size:13px;transition:.16s}.plan-option:has(input:checked){border-color:#a5a4ef;background:#f2f1ff}.plan-option input{accent-color:var(--brand);width:16px;height:16px}.result-card{padding:27px;position:sticky;top:105px;height:max-content;box-shadow:var(--shadow)}.result-card .label{font-size:12px;color:#7d8698;font-weight:800}.result-price{font-size:45px;font-weight:900;letter-spacing:-.05em;margin:7px 0}.result-note{color:var(--muted);font-size:13px;margin-bottom:20px;min-height:42px}.result-card .btn{width:100%}.special{font-size:11px;line-height:1.6;color:#8b94a5;margin-top:13px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px;min-height:160px}.step-num{color:var(--brand);font-size:12px;font-weight:900;margin-bottom:27px}.step strong{display:block;font-size:16px;margin-bottom:7px}.step span{color:var(--muted);font-size:12px;line-height:1.65}.faq{max-width:860px}.faq details{background:#fff;border:1px solid var(--line);border-radius:13px;padding:0 17px;margin-bottom:10px}.faq summary{padding:16px 0;font-weight:800;cursor:pointer}.faq p{color:var(--muted);margin:0;padding:0 0 17px}

/* Account/auth */
.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-bottom:90px}.account-card{padding:27px;min-height:210px}.account-card h2{font-size:22px;margin:9px 0}.status-badge{background:#fff4e5;color:#9b5d00}.redeem{display:flex;gap:9px;margin-top:17px}.redeem input,.field input{min-width:0;width:100%;border:1px solid var(--line-strong);border-radius:11px;padding:11px 13px;outline:none}.redeem input:focus,.field input:focus{border-color:#a5a4ef;box-shadow:0 0 0 3px rgba(91,92,226,.10)}
.auth-wrap{min-height:calc(100vh - 75px);display:grid;place-items:center;padding:60px 20px;background:radial-gradient(circle at 50% 20%,#ecebff,transparent 36%),var(--bg)}.auth-card{width:min(430px,100%);padding:32px;box-shadow:var(--shadow)}.auth-tabs{display:flex;background:#f1f3f7;border-radius:11px;padding:4px;margin-bottom:26px}.auth-tab{flex:1;border:0;border-radius:8px;padding:8px;background:transparent;color:#7a8394;font-weight:800}.auth-tab.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(25,31,54,.08)}.auth-card h2{font-size:27px;letter-spacing:-.035em;margin:0 0 4px}.field{margin-top:17px}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:7px;color:#555e70}.auth-card>.btn{width:100%;margin-top:21px}

/* Modal/toast */
.modal-backdrop{position:fixed;inset:0;background:rgba(10,13,24,.55);display:none;place-items:center;z-index:100;padding:20px;backdrop-filter:blur(5px)}.modal-backdrop.open{display:grid}.modal{width:min(430px,100%);background:#fff;border-radius:22px;padding:27px;box-shadow:0 35px 100px rgba(0,0,0,.28);animation:pop .18s ease-out}.modal-top{display:flex;justify-content:space-between;align-items:flex-start}.modal h3{font-size:25px;letter-spacing:-.035em;margin:0}.close{border:0;background:#f2f3f7;width:34px;height:34px;border-radius:10px;font-size:20px}.modal-price{font-size:48px;font-weight:900;letter-spacing:-.05em;margin:16px 0 4px}.modal .btn{width:100%}.modal-note{font-size:11px;color:#8992a3;line-height:1.6;margin-top:13px}.toast{position:fixed;right:24px;bottom:24px;background:#161a2a;color:#fff;border-radius:12px;padding:11px 16px;font-size:13px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:120}.toast.show{opacity:1;transform:none}
@keyframes pop{from{transform:scale(.97);opacity:.3}to{transform:scale(1);opacity:1}}

@media(max-width:1000px){
  .hero-grid{grid-template-columns:1fr;gap:40px}.hero-panel{min-height:350px}.hero-stat{font-size:52px}.course-all{grid-template-columns:repeat(3,1fr)}.course-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.sidebar-card{position:static}.calc-grid{grid-template-columns:1fr}.result-card{position:static}.updates{grid-template-columns:1fr}.join-card{grid-template-columns:1fr}.migration-benefits{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .nav{height:66px;gap:10px}.nav-links,.nav-actions{display:none}.menu-btn{display:block}.site-header.menu-open .nav{height:auto;min-height:66px;flex-wrap:wrap;padding:17px 0}.site-header.menu-open .nav-links{display:flex;order:10;width:100%;flex-direction:column;align-items:stretch;padding:6px 0 14px}.site-header.menu-open .nav-actions{display:flex;order:11;width:100%;padding-bottom:14px}.site-header.menu-open .nav-actions .btn{width:100%}
  .hero{padding:64px 0 56px}.hero h1{font-size:46px}.lead{font-size:17px}.section{padding:66px 0}.section-head{align-items:flex-start;flex-direction:column}.stats-inline{white-space:normal}.course-all{grid-template-columns:repeat(2,1fr)}.experience-grid,.account-grid{grid-template-columns:1fr}.filterbar{overflow:auto}.search{display:none}.migration-hero .box{padding:34px}.migration-hero h1{font-size:39px}.plan-list{grid-template-columns:1fr}.footer-row{flex-direction:column}.detail-cover{height:330px;font-size:36px}
}
@media(max-width:560px){
  .container{width:min(calc(100% - 28px),var(--container))}.hero-grid{gap:30px}.hero h1{font-size:39px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-panel{min-height:320px;padding:21px}.hero-stat{font-size:45px}.hero-panel:before{width:140px;height:140px}.section{padding:54px 0}.course-grid,.course-all{grid-template-columns:1fr}.thumb{height:210px}.category-top{align-items:flex-start;flex-direction:column}.update-row{grid-template-columns:64px minmax(0,1fr)}.update-type{grid-column:2;width:max-content}.join-card{padding:30px 24px;border-radius:22px}.join-card h2{font-size:31px}.price{font-size:47px}.steps{grid-template-columns:1fr}.migration-hero{padding-top:30px}.migration-hero .box{padding:28px 23px}.migration-hero h1{font-size:34px}.rule-table th,.rule-table td{padding:12px}.redeem{flex-direction:column}.modal{padding:22px}
}

.legacy-catalog-lesson{cursor:default}.legacy-catalog-lesson strong{font-weight:750}.legacy-catalog-lesson span{white-space:nowrap}

/* V12.56 purchase channels */
.purchase-live{display:grid;gap:9px;margin:16px 0 4px}.purchase-live a,.purchase-live button{width:100%}.purchase-contact{padding:11px 12px;border-radius:10px;background:#f4f2ef;font-size:11px;color:#56514b;line-height:1.6}.purchase-contact b{font-weight:850}.purchase-note{font-size:9px;color:#8b857d;line-height:1.55;text-align:center}

/* V12.67 launch-content polish */
.feature-card-wide{grid-column:1/-1;min-height:230px}.feature-card-wide p{max-width:980px}.feature-card-wide .feature-list{max-width:980px}


/* V12.81 Course lifecycle */
.course-card-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.course-lifecycle-pill{white-space:nowrap}
.course-lifecycle-pill.is-completed{background:#eaf8ef;color:#267446}
.course-lifecycle-pill.is-updating{background:#fff4d8;color:#946200}
.course-lifecycle-pill.is-planned{background:#f0f2f5;color:#646b78}
.course-lifecycle-pill.is-draft{background:#f5f0ff;color:#6c55b5}
.detail-lifecycle-note{margin:10px 0 0;color:#6f7480;font-size:13px;line-height:1.65}
.detail-lifecycle-note.is-updating{color:#8a6500}

/* JulyLearn V12.90 — navigation priority cleanup.
   Signed-in “我的账号” stays a normal nav peer after “我的知识库”;
   primary action styling is reserved for genuinely high-priority actions. */