:root {
      color-scheme: dark;
      --bg:#05080e;
      --panel:#0d1420;
      --panel2:#121b29;
      --line:rgba(205,225,242,.16);
      --line-strong:rgba(224,238,249,.31);
      --text:#f7f9fc;
      --body:#c7d3e0;
      --muted:#a4b2c2;
      --orange:#ff762e;
      --orange-light:#ffad74;
      --ice:#9be1ef;
      --focus:#b9e8ff;
      --max:1320px;
    }
    * { box-sizing:border-box; }
    html { overflow-x:clip; scroll-padding-top:95px; }
    body { min-width:320px; margin:0; overflow-x:clip; color:var(--text); background:radial-gradient(circle at 86% 2%,rgba(31,113,146,.15),transparent 30rem),radial-gradient(circle at 5% 42%,rgba(192,66,21,.08),transparent 28rem),var(--bg); font-family:"Avenir Next","Nunito Sans","PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif; font-size:16px; line-height:1.75; font-weight:400; letter-spacing:.005em; -webkit-font-smoothing:antialiased; }
    body::before { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; background:repeating-linear-gradient(0deg,transparent 0 61px,rgba(175,207,226,.025) 62px 63px),linear-gradient(90deg,transparent calc(50% - .5px),rgba(175,207,226,.03) 50%,transparent calc(50% + .5px)); }
    a { color:inherit; cursor:pointer; touch-action:manipulation; }
    a:focus-visible { outline:3px solid var(--focus); outline-offset:4px; }
    .skip { position:absolute; top:-100px; left:12px; z-index:100; background:#daf5ff; color:#06121c; padding:10px 16px; }
    .skip:focus { top:12px; }
    .frame { width:min(calc(100% - 48px),var(--max)); margin-inline:auto; border-inline:1px solid rgba(212,230,245,.09); }
    .inner { padding-inline:38px; }
    .mono { font-family:"Avenir Next",Inter,"PingFang SC","Noto Sans SC",sans-serif; letter-spacing:.035em; font-weight:650; }
    .eyebrow { margin:0; color:var(--ice); font-size:12px; font-weight:700; line-height:1.5; }
    .glass { border:1px solid var(--line); background:linear-gradient(135deg,rgba(27,39,56,.72),rgba(8,14,22,.9)); box-shadow:inset 0 1px rgba(255,255,255,.075),0 25px 70px rgba(0,0,0,.19); backdrop-filter:blur(15px); }
    .action { min-height:52px; display:inline-flex; align-items:center; justify-content:center; gap:14px; padding:0 21px; border:1px solid rgba(255,158,99,.5); border-radius:8px; background:linear-gradient(180deg,#e15c1a,#a9390c); box-shadow:inset 0 1px rgba(255,255,255,.2),0 12px 32px rgba(230,79,14,.15); color:#fff; text-decoration:none; font-size:14px; font-weight:720; line-height:1.35; }
    .action:hover { background:linear-gradient(180deg,#fa7029,#bb450f); }
    .action.secondary { border-color:var(--line-strong); background:rgba(255,255,255,.045); box-shadow:none; }
    .action.secondary:hover { background:rgba(255,255,255,.085); }
    .action svg { width:16px; height:16px; flex:none; }
    main { padding-top:100px; }
    .hero { padding-block:54px 52px; }
    .hero-topline { display:flex; justify-content:space-between; gap:20px; border-top:1px solid var(--line); padding:15px 0 36px; color:var(--muted); font-size:11px; font-weight:700; }
    .hero-grid { display:grid; grid-template-columns:1fr .92fr; min-height:620px; border:1px solid var(--line); }
    .hero-copy { display:flex; flex-direction:column; justify-content:center; padding:58px 55px 58px 20px; border-right:1px solid var(--line); }
    h1 { max-width:670px; margin:23px 0 24px; font-size:clamp(40px,3.55vw,50px); line-height:1.27; letter-spacing:-.035em; font-weight:720; }
    .hero-line { display:block; white-space:nowrap; }
    .hero-line.hero-statement { max-width:640px; white-space:normal; line-height:1.25; letter-spacing:0; text-wrap:balance; }
    .hero-line:nth-child(3) { font-size:.76em; letter-spacing:-.025em; }
    .hero-line.highlight { color:var(--orange-light); font-weight:760; }
    .hero-copy > p:not(.eyebrow) { max-width:590px; margin:0; color:var(--body); font-size:17px; line-height:1.85; }
    .hero-copyline { display:block; }
    .hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:32px; }
    .hero-bottom { display:flex; flex-wrap:wrap; gap:10px; margin-top:38px; color:var(--muted); font-size:11px; }
    .hero-bottom span { border:1px solid var(--line); padding:5px 8px; }
    .hero-viz { min-width:0; display:flex; flex-direction:column; background:radial-gradient(circle at 50% 20%,rgba(50,136,163,.12),transparent 40%),linear-gradient(135deg,#0e1825,#070b12); }
    .viz-label { display:flex; justify-content:space-between; gap:14px; border-bottom:1px solid var(--line); padding:18px 20px; color:#b4c2d0; font-size:11px; font-weight:700; }
    .viz-photo { min-height:0; flex:1; display:grid; place-items:center; padding:20px; }
    .viz-photo picture { width:100%; display:block; }
    .viz-photo img { width:100%; height:auto; display:block; border:1px solid rgba(202,222,240,.16); box-shadow:0 30px 60px rgba(0,0,0,.32); }
    .viz-footer { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
    .viz-footer div { min-height:75px; display:flex; flex-direction:column; justify-content:center; padding:12px 16px; border-right:1px solid var(--line); }
    .viz-footer div:last-child { border-right:0; }
    .viz-footer b { color:#fff; font-size:18px; line-height:1.2; }
    .viz-footer span { color:var(--muted); font-size:10px; }
    .opening-strip { display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid var(--line); }
    .opening-strip div { min-height:94px; display:flex; align-items:center; gap:14px; padding:20px 18px; border-right:1px solid var(--line); color:#d4deea; font-size:13px; line-height:1.55; }
    .opening-strip div:last-child { border-right:0; }
    .opening-strip b { color:var(--orange-light); font-size:12px; }
    .chapter { padding-block:112px; border-bottom:1px solid var(--line); }
    .chapter-head { display:grid; grid-template-columns:.75fr 1.25fr; gap:50px; margin-bottom:44px; }
    .chapter-head h2 { margin:0; max-width:700px; font-size:clamp(36px,4vw,54px); line-height:1.34; letter-spacing:-.025em; font-weight:680; }
    .chapter-head p { max-width:530px; margin:16px 0 0; color:var(--body); font-size:15px; line-height:1.85; }
    .chapter-index { color:var(--orange-light); font-size:12px; font-weight:700; }
    .claim { display:grid; grid-template-columns:.72fr 1.28fr; border:1px solid rgba(255,151,86,.27); background:linear-gradient(100deg,rgba(53,33,25,.58),rgba(12,20,30,.8)); }
    .claim-number { min-height:264px; display:flex; flex-direction:column; justify-content:space-between; padding:24px 31px; border-right:1px solid var(--line); }
    .claim-number strong { font-size:clamp(96px,12vw,168px); line-height:.9; font-weight:750; letter-spacing:-.085em; }
    .claim-number strong span { color:var(--orange-light); font-size:.36em; }
    .claim-number small { color:var(--muted); font-size:14px; line-height:1.55; }
    .claim-body { display:flex; flex-direction:column; justify-content:center; padding:30px 46px; }
    .claim-body h3 { max-width:650px; margin:0 0 18px; font-size:31px; line-height:1.32; }
    .claim-body p { max-width:700px; margin:0; color:var(--body); font-size:15px; line-height:1.85; }
    .claim-body .claim-note { margin-top:23px; border-top:1px solid var(--line); padding-top:15px; color:var(--muted); font-size:12px; }
    .control-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; margin-top:17px; }
    .control { min-height:290px; display:flex; flex-direction:column; padding:24px; }
    .control b { color:var(--ice); font-size:12px; }
    .control h3 { margin:auto 0 11px; font-size:23px; line-height:1.32; }
    .control p { margin:0; color:var(--body); font-size:13px; line-height:1.8; }
    .process { display:grid; grid-template-columns:repeat(3,1fr); gap:0; border:1px solid var(--line); }
    .process-item { min-height:295px; padding:28px; border-right:1px solid var(--line); background:rgba(20,30,44,.57); }
    .process-item:last-child { border-right:0; }
    .process-item .num { color:var(--orange-light); font-size:12px; font-weight:700; }
    .process-item h3 { margin:62px 0 12px; font-size:27px; }
    .process-item p { margin:0; color:var(--body); font-size:14px; line-height:1.85; }
    .process-foot { margin:18px 0 0; color:#b6c3d2; font-size:14px; line-height:1.8; }
    .course-board { display:grid; grid-template-columns:.48fr 1fr; border:1px solid var(--line); }
    .course-intro { min-height:560px; display:flex; flex-direction:column; justify-content:space-between; padding:36px; border-right:1px solid var(--line); background:radial-gradient(circle at 100% 100%,rgba(255,116,46,.11),transparent 45%),rgba(17,24,37,.8); }
    .course-intro img { width:100%; height:auto; display:block; margin:22px 0; object-fit:contain; }
    .course-intro h3 { max-width:390px; margin:0 0 11px; font-size:31px; line-height:1.3; }
    .course-intro p { margin:0; color:var(--body); font-size:14px; line-height:1.8; }
    .course-lines { display:grid; grid-template-rows:repeat(5,1fr); }
    .course-line { display:grid; grid-template-columns:52px 1fr auto; align-items:center; gap:14px; padding:18px 28px; border-bottom:1px solid var(--line); }
    .course-line:last-child { border-bottom:0; }
    .course-line .no { color:var(--ice); font-size:11px; font-weight:700; }
    .course-line strong { font-size:18px; line-height:1.5; }
    .course-line span:last-child { max-width:230px; color:var(--muted); font-size:12px; line-height:1.65; text-align:right; }
    .assignment-head { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:24px; }
    .assignment-head h2 { max-width:660px; margin:10px 0 0; font-size:clamp(38px,4.2vw,57px); line-height:1.25; letter-spacing:-.04em; }
    .assignment-head p { max-width:420px; margin:0; color:var(--body); font-size:14px; line-height:1.8; }
    .type-list { border-top:1px solid var(--line); }
    .type-row { display:grid; grid-template-columns:74px .58fr 1fr; align-items:center; gap:16px; min-height:104px; border-bottom:1px solid var(--line); }
    .type-row b { color:var(--orange-light); font-size:11px; }
    .type-row strong { font-size:24px; line-height:1.3; overflow-wrap:anywhere; }
    .type-row p { margin:0; color:var(--body); font-size:14px; line-height:1.75; }
    .type-row.custom { background:linear-gradient(90deg,rgba(255,107,39,.075),transparent 70%); }
    .delivery-box { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
    .delivery-box article { min-height:320px; display:flex; flex-direction:column; padding:30px; }
    .delivery-box b { color:var(--ice); font-size:16px; line-height:1.45; letter-spacing:.015em; }
    .delivery-box h3 { margin:auto 0 13px; font-size:27px; line-height:1.3; }
    .delivery-box p { margin:0; color:var(--body); font-size:14px; line-height:1.85; }
    .price-board { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
    .price-box { min-height:390px; display:flex; flex-direction:column; border:1px solid var(--line); padding:30px; background:linear-gradient(145deg,rgba(26,37,51,.76),rgba(9,15,23,.9)); }
    .price-box:first-child { border-color:rgba(255,146,81,.37); background:linear-gradient(145deg,rgba(49,32,25,.68),rgba(10,17,26,.91)); }
    .price-box h3 { margin:10px 0 22px; font-size:21px; line-height:1.45; letter-spacing:-.02em; }
    .price-options { display:grid; gap:0; margin-bottom:23px; }
    .price-option { display:flex; align-items:baseline; flex-wrap:wrap; gap:7px; padding:12px 0; }
    .price-option + .price-option { border-top:1px solid var(--line); }
    .price-option:first-child { padding-top:2px; }
    .price-main { display:inline-flex; align-items:baseline; gap:3px; color:#fff; }
    .price-main strong { font-size:50px; line-height:1; font-weight:680; letter-spacing:-.055em; }
    .price-main b { color:var(--orange-light); font-size:18px; font-weight:700; }
    .price-option.secondary .price-main strong { font-size:34px; }
    .price-option.secondary .price-main b { color:var(--ice); font-size:16px; }
    .price-context { color:var(--muted); font-size:13px; line-height:1.55; }
    .price-box p { margin:auto 0 0; border-top:1px solid var(--line); padding-top:20px; color:var(--body); font-size:14px; line-height:1.8; }
    .promo { display:grid; grid-template-columns:180px 1fr; gap:28px; align-items:center; margin-top:15px; border:1px solid rgba(255,148,79,.34); border-radius:12px; padding:25px 30px; background:linear-gradient(110deg,rgba(81,38,20,.74),rgba(44,28,21,.46) 56%,rgba(22,27,36,.8)); }
    .promo strong { width:max-content; display:inline-block; padding:11px 16px 12px; border:1px solid rgba(255,227,195,.7); border-radius:9px; color:#1b0b05; background:linear-gradient(135deg,#ffd19d,#ff8c42 65%,#ff7026); box-shadow:0 10px 34px rgba(255,112,38,.25),inset 0 1px rgba(255,255,255,.66); font-size:32px; font-weight:850; line-height:1; letter-spacing:-.045em; transform:rotate(-3deg); }
    .promo p { margin:0; color:#dce5ed; font-size:15px; line-height:1.75; }
    .price-notes { display:grid; gap:7px; margin-top:18px; }
    .price-notes p { margin:0; color:var(--muted); font-size:14px; line-height:1.72; }
    .price-notes strong { color:#e9f1f8; font-weight:700; }
    .contact { padding-block:110px; }
    .contact-board { display:grid; grid-template-columns:1.2fr .8fr; border:1px solid rgba(215,232,244,.27); background:linear-gradient(115deg,rgba(28,41,58,.76),rgba(9,15,24,.9)); }
    .contact-copy { padding:45px; border-right:1px solid var(--line); }
    .contact-copy h2 { max-width:620px; margin:18px 0 15px; font-size:clamp(39px,4.8vw,64px); line-height:1.28; letter-spacing:-.025em; font-weight:680; }
    .contact-copy h2 em { color:var(--orange-light); font-style:normal; }
    .contact-copy p { max-width:650px; margin:0; color:var(--body); line-height:1.85; }
    .contact-action { display:flex; flex-direction:column; justify-content:center; padding:45px; background:radial-gradient(circle at 100% 0%,rgba(255,117,49,.12),transparent 55%); }
    .contact-action .wechat { display:block; width:max-content; max-width:100%; margin:13px 0 25px; color:#fff; font-size:clamp(30px,3vw,42px); font-weight:760; line-height:1.2; letter-spacing:.02em; user-select:all; overflow-wrap:anywhere; }
    .contact-action p { margin:0; color:var(--muted); font-size:12px; line-height:1.75; }
    .workspace-entry { display:flex; justify-content:center; padding-block:46px 18px; }
    .workspace-action { min-width:min(100%,320px); }
    footer { border-top:1px solid var(--line); padding:26px 0 34px; }
    .footer-row { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px 25px; color:#9eacbc; font-size:12px; }
    .footer-row strong { color:#e9f0f7; }
    @media (max-width:1100px) {
      .hero-grid { grid-template-columns:1fr; }
      .hero-copy { min-height:510px; border-right:0; border-bottom:1px solid var(--line); padding-right:30px; }
      .hero-viz { min-height:500px; }
      .control-grid { grid-template-columns:repeat(2,1fr); }
      .control { min-height:230px; }
      .course-board { grid-template-columns:1fr; }
      .course-intro { min-height:0; border-right:0; border-bottom:1px solid var(--line); }
      .course-intro img { max-width:550px; }
    }
    @media (max-width:760px) {
      .frame { width:min(calc(100% - 24px),var(--max)); }
      .inner { padding-inline:18px; }
      main { padding-top:80px; }
      .hero { padding-top:25px; }
      .hero-topline { padding-bottom:18px; }
      .hero-grid { min-height:0; }
      .hero-copy { min-height:0; padding:42px 24px; }
      h1 { font-size:clamp(30px,9.3vw,39px); }
      .hero-line:nth-child(3) { font-size:.72em; }
      .hero-copy > p:not(.eyebrow) { font-size:16px; }
      .control p,.process-item p,.course-intro p,.course-line span:last-child,.type-row p,.delivery-box p,.price-box p,.promo p,.contact-action p { font-size:16px; }
      .claim-body .claim-note,.price-notes p { font-size:14px; }
      .hero-viz { min-height:0; }
      .opening-strip { grid-template-columns:1fr 1fr; }
      .opening-strip div:nth-child(2) { border-right:0; }
      .opening-strip div:nth-child(-n+2) { border-bottom:1px solid var(--line); }
      .chapter { padding-block:80px; }
      .chapter-head { grid-template-columns:1fr; gap:15px; }
      .claim { grid-template-columns:1fr; }
      .claim-number { min-height:210px; border-right:0; border-bottom:1px solid var(--line); }
      .claim-body { padding:30px; }
      .process { grid-template-columns:1fr; }
      .process-item { min-height:220px; border-right:0; border-bottom:1px solid var(--line); }
      .process-item:last-child { border-bottom:0; }
      .process-item h3 { margin:30px 0 12px; }
      .course-line { grid-template-columns:35px 1fr; }
      .course-line span:last-child { grid-column:2; max-width:none; text-align:left; }
      .assignment-head { align-items:start; flex-direction:column; }
      .delivery-box,.price-board { grid-template-columns:1fr; }
      .promo { grid-template-columns:1fr; gap:8px; }
      .contact-board { grid-template-columns:1fr; }
      .contact-copy { border-right:0; border-bottom:1px solid var(--line); }
      .contact-action { padding:32px 45px; }
    }
    @media (max-width:440px) {
      .hero-copy { padding:36px 18px; }
      .hero-actions { display:grid; }
      .hero-actions .action { width:100%; }
      .viz-label { flex-direction:column; gap:3px; }
      .viz-photo { padding:12px; }
      .viz-footer div { padding:12px 8px; }
      .opening-strip div { padding:15px 10px; font-size:12px; }
      .control-grid { grid-template-columns:1fr; }
      .control { min-height:205px; }
      .type-row { grid-template-columns:34px 1fr; gap:8px; padding:17px 5px; }
      .type-row p { grid-column:2; }
      .course-intro,.claim-number,.claim-body,.delivery-box article,.price-box,.contact-copy { padding:23px; }
      .contact-action { padding:24px; }
    }
    @media (prefers-reduced-transparency:reduce) { .glass { backdrop-filter:none; background:var(--panel); } }
    @media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

    /* 9-16 Obsidian Glass motion layer — content and section order remain unchanged. */
    :root {
      --ease-out: cubic-bezier(.16,1,.3,1);
      --ease-soft: cubic-bezier(.22,.61,.36,1);
      --glass-edge: rgba(222,240,255,.22);
      --glass-fill: rgba(15,24,36,.62);
      --glow-orange: rgba(255,114,43,.34);
      --glow-cyan: rgba(102,220,241,.22);
    }
    html { scroll-behavior:smooth; }
    body { background:#04070c; }
    body::before { z-index:-3; background:radial-gradient(circle at 15% 8%,rgba(255,111,40,.12),transparent 26rem),radial-gradient(circle at 83% 20%,rgba(61,190,221,.13),transparent 34rem),repeating-linear-gradient(0deg,transparent 0 71px,rgba(175,207,226,.024) 72px 73px),linear-gradient(90deg,transparent calc(50% - .5px),rgba(175,207,226,.04) 50%,transparent calc(50% + .5px)); }
    body::after { content:""; position:fixed; inset:0; z-index:90; pointer-events:none; opacity:.22; mix-blend-mode:soft-light; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E"); }
    .motion-field { position:fixed; inset:0; z-index:-2; overflow:hidden; pointer-events:none; }
    .motion-orb { position:absolute; width:38rem; aspect-ratio:1; border-radius:50%; filter:blur(78px); opacity:.16; will-change:transform; }
    .motion-orb.a { top:-16rem; left:-11rem; background:#ff6f28; animation:orbA 19s var(--ease-soft) infinite alternate; }
    .motion-orb.b { top:29%; right:-18rem; background:#46cce8; animation:orbB 24s var(--ease-soft) infinite alternate; }
    .motion-orb.c { bottom:-20rem; left:28%; background:#ff934e; opacity:.1; animation:orbC 27s var(--ease-soft) infinite alternate; }
    @keyframes orbA { to { transform:translate3d(18vw,12vh,0) scale(1.12); } }
    @keyframes orbB { to { transform:translate3d(-19vw,18vh,0) scale(.86); } }
    @keyframes orbC { to { transform:translate3d(22vw,-13vh,0) scale(1.16); } }
    .pointer-glow { position:fixed; top:0; left:0; z-index:0; width:420px; height:420px; border-radius:50%; pointer-events:none; opacity:0; background:radial-gradient(circle,rgba(255,149,86,.13),rgba(68,202,232,.055) 29%,transparent 68%); transform:translate3d(-50%,-50%,0); transition:opacity .45s ease; mix-blend-mode:screen; will-change:transform; }
    #motion-trail { position:fixed; inset:0; z-index:1; width:100%; height:100%; pointer-events:none; opacity:.72; }
    .frame { position:relative; }
    main.frame { z-index:2; isolation:isolate; }
    .action { position:relative; overflow:hidden; transition:transform .45s var(--ease-out),border-color .35s ease,background .35s ease,box-shadow .45s ease; }
    .action::before { content:""; position:absolute; inset:-1px; pointer-events:none; background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.22) 43%,transparent 62%); transform:translateX(-125%); transition:transform 1.25s var(--ease-out); }
    .action:hover::before { transform:translateX(125%); }
    .action:hover { transform:translateY(-2px); border-color:rgba(255,175,116,.6); box-shadow:0 16px 40px rgba(0,0,0,.25),0 0 28px rgba(255,118,46,.11); }
    section[id] { scroll-margin-top:88px; }
    .hero { position:relative; }
    .hero::before { content:""; position:absolute; inset:8% 1.5% 4%; z-index:-1; pointer-events:none; border-radius:50%; background:radial-gradient(circle at 50% 45%,rgba(255,118,46,.08),transparent 60%); filter:blur(38px); }
    .hero-grid,.claim,.course-board,.contact-board,.price-box,.process,.glass { border-color:var(--glass-edge); background-color:rgba(9,15,24,.48); box-shadow:inset 0 1px rgba(255,255,255,.08),inset 0 -1px rgba(255,255,255,.02),0 30px 90px rgba(0,0,0,.22); backdrop-filter:blur(18px) saturate(135%); -webkit-backdrop-filter:blur(18px) saturate(135%); }
    .hero-grid,.claim,.course-board,.contact-board,.process { border-radius:22px; overflow:hidden; }
    .glass,.price-box,.process-item { border-radius:16px; }
    .hero-viz { position:relative; overflow:hidden; background:radial-gradient(circle at 44% 21%,rgba(70,203,232,.16),transparent 42%),linear-gradient(135deg,rgba(15,28,43,.94),rgba(5,9,15,.96)); }
    .hero-viz::before { content:""; position:absolute; inset:-35% -18%; z-index:0; pointer-events:none; background:conic-gradient(from 170deg,transparent 0 38%,rgba(116,229,247,.13) 44%,transparent 52% 72%,rgba(255,126,55,.15) 79%,transparent 86%); animation:vizOrbit 18s linear infinite; }
    .hero-viz::after { content:""; position:absolute; z-index:3; top:-25%; left:0; right:0; height:22%; pointer-events:none; background:linear-gradient(180deg,transparent,rgba(131,232,248,.14),transparent); animation:scan 7.5s var(--ease-soft) infinite; }
    .hero-viz > * { position:relative; z-index:1; }
    .viz-photo { position:relative; isolation:isolate; padding-block:90px; }
    .viz-photo img { transform:translate3d(0,var(--hero-parallax,0px),0) rotateX(var(--viz-rx,0deg)) rotateY(var(--viz-ry,0deg)); transform-style:preserve-3d; transition:transform .18s linear,filter .55s ease; filter:saturate(1.05) contrast(1.04); }
    .hero-viz:hover .viz-photo img { filter:saturate(1.2) contrast(1.07) brightness(1.04); }
    @keyframes vizOrbit { to { transform:rotate(360deg); } }
    @keyframes scan { 0%,18% { transform:translateY(-150%); opacity:0; } 32%,70% { opacity:1; } 84%,100% { transform:translateY(690%); opacity:0; } }
    .opening-strip { position:absolute; inset:0; z-index:4; display:block; border:0; pointer-events:none; }
    .opening-strip div { position:absolute; width:max-content; max-width:190px; min-height:0; display:flex; align-items:center; gap:9px; padding:10px 13px; border:1px solid rgba(224,241,253,.3); border-radius:13px; color:#eef7fc; background:linear-gradient(135deg,rgba(31,46,64,.82),rgba(8,15,24,.68)); box-shadow:inset 0 1px rgba(255,255,255,.16),inset 0 -1px rgba(255,255,255,.025),0 16px 38px rgba(0,0,0,.3),0 0 26px rgba(105,220,240,.07); backdrop-filter:blur(18px) saturate(155%); -webkit-backdrop-filter:blur(18px) saturate(155%); font-size:12px; line-height:1.4; white-space:nowrap; animation:floatCard var(--float-duration,7.8s) var(--ease-soft) var(--float-delay,0s) infinite alternate; }
    .opening-strip div:nth-child(n) { border:1px solid rgba(224,241,253,.3); }
    .opening-strip div::before { content:""; width:24px; height:1px; flex:none; background:linear-gradient(90deg,var(--orange-light),rgba(155,225,239,.45)); box-shadow:0 0 12px rgba(255,132,66,.35); }
    .opening-strip div:nth-child(1) { top:7%; left:3%; --float-x:11px; --float-y:-7px; --float-angle:-.6deg; --float-duration:7.4s; }
    .opening-strip div:nth-child(2) { top:11%; right:3%; --float-x:-10px; --float-y:8px; --float-angle:.7deg; --float-duration:8.2s; --float-delay:-2.4s; }
    .opening-strip div:nth-child(3) { bottom:9%; left:4%; --float-x:9px; --float-y:7px; --float-angle:.5deg; --float-duration:8.8s; --float-delay:-4.1s; }
    .opening-strip div:nth-child(4) { right:3%; bottom:6%; --float-x:-12px; --float-y:-8px; --float-angle:-.7deg; --float-duration:7.9s; --float-delay:-1.2s; }
    .opening-strip b { display:inline-grid; min-width:24px; height:24px; place-items:center; border:1px solid rgba(255,166,105,.35); border-radius:7px; color:#ffc294; background:rgba(255,117,46,.11); font-size:10px; }
    @keyframes floatCard { from { transform:translate3d(0,0,0) rotate(0deg); } to { transform:translate3d(var(--float-x),var(--float-y),0) rotate(var(--float-angle)); } }
    .hero-line { text-shadow:0 0 0 transparent; transition:text-shadow .5s ease; }
    .hero-line.highlight { background:linear-gradient(92deg,#ff9253,#ffd0a8 48%,#ff7c35 88%); background-size:180% auto; -webkit-background-clip:text; background-clip:text; color:transparent; animation:titleLight 7s ease-in-out infinite; }
    @keyframes titleLight { 0%,100% { background-position:0% center; } 50% { background-position:100% center; } }
    .chapter { position:relative; }
    .chapter::before { content:""; position:absolute; left:0; top:13%; bottom:13%; width:1px; background:linear-gradient(transparent,rgba(255,126,55,.48),rgba(117,225,242,.32),transparent); transform:scaleY(var(--section-line,0)); transform-origin:top; }
    .chapter-index { display:inline-flex; align-items:center; min-height:34px; padding:6px 11px; border:1px solid rgba(255,168,109,.32); border-radius:999px; background:linear-gradient(135deg,rgba(255,121,51,.12),rgba(255,255,255,.025)); box-shadow:inset 0 1px rgba(255,255,255,.1),0 10px 28px rgba(0,0,0,.18),0 0 24px rgba(255,118,46,.07); backdrop-filter:blur(13px); -webkit-backdrop-filter:blur(13px); text-shadow:0 0 22px rgba(255,118,46,.25); }
    .chapter-head > div:last-child,.assignment-head { border:1px solid rgba(211,233,248,.14); border-radius:18px; padding:24px 28px; background:linear-gradient(145deg,rgba(29,42,59,.35),rgba(7,13,21,.48)); box-shadow:inset 0 1px rgba(255,255,255,.07),0 24px 66px rgba(0,0,0,.14); backdrop-filter:blur(15px); -webkit-backdrop-filter:blur(15px); }
    .claim-number,.claim-body,.course-intro,.contact-action { background-image:linear-gradient(145deg,rgba(255,255,255,.045),transparent 50%,rgba(109,221,241,.035)); box-shadow:inset 0 1px rgba(255,255,255,.08); }
    .process { gap:14px; border:0; overflow:visible; background:transparent; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
    .process-item { border:1px solid rgba(214,235,249,.2); background:linear-gradient(145deg,rgba(26,39,55,.7),rgba(8,14,22,.8)); box-shadow:inset 0 1px rgba(255,255,255,.08),0 24px 64px rgba(0,0,0,.2); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); }
    .process-item:last-child { border-right:1px solid rgba(214,235,249,.2); }
    .type-list { display:grid; gap:10px; border-top:0; }
    .type-row { border:1px solid rgba(210,234,249,.15); border-radius:14px; padding-inline:22px; background:linear-gradient(110deg,rgba(25,38,54,.5),rgba(8,14,22,.68)); box-shadow:inset 0 1px rgba(255,255,255,.06),0 16px 42px rgba(0,0,0,.12); backdrop-filter:blur(13px); -webkit-backdrop-filter:blur(13px); }
    .type-row.custom { border-color:rgba(255,156,91,.34); background:linear-gradient(100deg,rgba(93,45,24,.36),rgba(18,27,40,.68) 54%,rgba(8,14,22,.72)); box-shadow:inset 0 1px rgba(255,255,255,.08),0 20px 55px rgba(255,93,22,.06); }
    .course-lines { gap:8px; padding:8px; }
    .course-line { border:1px solid rgba(210,234,249,.13); border-radius:12px; background:linear-gradient(110deg,rgba(255,255,255,.035),rgba(255,255,255,.012)); box-shadow:inset 0 1px rgba(255,255,255,.045); }
    .course-line:last-child { border-bottom:1px solid rgba(210,234,249,.13); }
    .price-option { margin-top:7px; padding:12px 14px; border:1px solid rgba(211,234,249,.14); border-radius:12px; background:linear-gradient(120deg,rgba(255,255,255,.045),rgba(255,255,255,.012)); box-shadow:inset 0 1px rgba(255,255,255,.07); }
    .price-option + .price-option { border-top:1px solid rgba(211,234,249,.14); }
    .price-notes { border:1px solid rgba(211,234,249,.14); border-radius:13px; padding:16px 18px; background:linear-gradient(130deg,rgba(23,35,50,.48),rgba(8,14,22,.64)); box-shadow:inset 0 1px rgba(255,255,255,.055),0 18px 46px rgba(0,0,0,.14); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); }
    .reveal { --reveal-y:32px; opacity:0; filter:blur(8px); transform:translate3d(0,var(--reveal-y),0); transition:opacity .95s var(--ease-out),filter .95s var(--ease-out),transform .95s var(--ease-out); transition-delay:var(--reveal-delay,0ms); }
    .reveal.is-visible { --reveal-y:0px; opacity:1; filter:blur(0); }
    .tilt { --rx:0deg; --ry:0deg; --lift:0px; transform:translate3d(0,calc(var(--reveal-y,0px) + var(--lift)),0) perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry)); transform-style:preserve-3d; transition:opacity .8s var(--ease-out),filter .8s var(--ease-out),transform .55s var(--ease-out),border-color .4s ease,box-shadow .55s ease; }
    .tilt:hover { --lift:-7px; border-color:rgba(255,169,111,.45); box-shadow:inset 0 1px rgba(255,255,255,.12),0 38px 92px rgba(0,0,0,.32),0 0 42px rgba(255,118,46,.08); }
    .sheen { position:relative; overflow:hidden; }
    .sheen::after { content:""; position:absolute; z-index:5; inset:-60% -85%; pointer-events:none; background:linear-gradient(104deg,transparent 43%,rgba(255,255,255,.16) 49%,rgba(116,229,247,.11) 52%,transparent 58%); transform:translateX(-46%) rotate(7deg); transition:transform 1.65s var(--ease-out); }
    .sheen:hover::after { transform:translateX(46%) rotate(7deg); }
    .claim-number strong,.price-main strong { transition:transform .55s var(--ease-out),text-shadow .55s ease; transform-origin:left bottom; }
    .claim:hover .claim-number strong,.price-box:hover .price-main strong { transform:scale(1.025); text-shadow:0 0 30px rgba(255,130,62,.18); }
    .promo { position:relative; overflow:hidden; isolation:isolate; }
    .promo::before { content:""; position:absolute; inset:-140% -25%; z-index:-1; background:conic-gradient(from 0deg,transparent,rgba(255,141,73,.22),transparent 28%,rgba(112,226,245,.12),transparent 62%); animation:promoOrbit 13s linear infinite; }
    @keyframes promoOrbit { to { transform:rotate(360deg); } }
    .wechat { text-shadow:0 0 24px rgba(121,226,244,.13); }
    .motion-ready .hero-topline,.motion-ready .hero-copy .eyebrow,.motion-ready .hero-copy h1,.motion-ready .hero-copy > p,.motion-ready .hero-actions,.motion-ready .hero-bottom,.motion-ready .hero-viz,.motion-ready .opening-strip { animation:heroIn .95s var(--ease-out) both; }
    .motion-ready .hero-copy .eyebrow { animation-delay:.08s; }
    .motion-ready .hero-copy h1 { animation-delay:.16s; }
    .motion-ready .hero-copy > p { animation-delay:.28s; }
    .motion-ready .hero-actions { animation-delay:.38s; }
    .motion-ready .hero-bottom { animation-delay:.46s; }
    .motion-ready .hero-viz { animation-delay:.2s; }
    .motion-ready .opening-strip { animation-delay:.52s; }
    @keyframes heroIn { from { opacity:0; transform:translateY(24px) scale(.985); filter:blur(9px); } to { opacity:1; transform:none; filter:none; } }
    @media (max-width:760px) {
      .motion-orb { width:23rem; filter:blur(62px); }
      .hero-grid,.claim,.course-board,.contact-board,.process { border-radius:15px; }
      .glass,.price-box,.process-item { border-radius:13px; }
      .chapter::before { display:none; }
      #motion-trail,.pointer-glow { display:none; }
      .viz-photo { padding:74px 12px; }
      .opening-strip div { max-width:43%; padding:8px 9px; gap:6px; border-radius:11px; font-size:10px; white-space:normal; }
      .opening-strip div::before { width:10px; }
      .opening-strip div:nth-child(1) { top:4%; left:2%; }
      .opening-strip div:nth-child(2) { top:7%; right:2%; }
      .opening-strip div:nth-child(3) { bottom:6%; left:2%; }
      .opening-strip div:nth-child(4) { right:2%; bottom:3%; }
      .opening-strip b { min-width:21px; height:21px; font-size:9px; }
      .chapter-head > div:last-child,.assignment-head { padding:20px; }
      .type-row { padding:17px 13px; }
      .course-lines { gap:6px; padding:6px; }
      .course-line { padding:17px 15px; }
    }
    @media (max-width:440px) { .hero-line:nth-child(3) { font-size:.64em; letter-spacing:-.05em; } }
    @media (hover:none),(pointer:coarse) { #motion-trail,.pointer-glow { display:none; } .tilt:hover { --lift:0px; } }
    @media (prefers-reduced-transparency:reduce) { .hero-grid,.claim,.course-board,.contact-board,.price-box,.process,.glass { backdrop-filter:none; -webkit-backdrop-filter:none; background:#0b121d; } }
    @media (prefers-reduced-motion:reduce) {
      html { scroll-behavior:auto; }
      .motion-orb,.hero-viz::before,.hero-viz::after,.hero-line.highlight,.promo::before,.opening-strip div { animation:none !important; }
      .reveal,.motion-ready .hero-topline,.motion-ready .hero-copy .eyebrow,.motion-ready .hero-copy h1,.motion-ready .hero-copy > p,.motion-ready .hero-actions,.motion-ready .hero-bottom,.motion-ready .hero-viz,.motion-ready .opening-strip { opacity:1 !important; filter:none !important; transform:none !important; animation:none !important; transition:none !important; }
      .tilt { transform:none !important; transition:none !important; }
      #motion-trail,.pointer-glow { display:none !important; }
    }