:root{
  --bg:#03070c;--bg2:#07111c;--panel:#091521;--line:rgba(255,255,255,.11);--text:#f5f8fb;--muted:#9aa9b8;--blue:#1688ff;--blue2:#59b5ff;--green:#55d6a6;--orange:#ef9a55;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;overflow:hidden}.topbar{position:fixed;z-index:30;top:0;left:0;right:0;height:76px;display:flex;align-items:center;padding:0 4.5vw;background:linear-gradient(180deg,rgba(2,5,9,.86),rgba(2,5,9,0));backdrop-filter:blur(4px)}.brand{color:#fff;text-decoration:none;line-height:1}.brand-main{font-weight:800;letter-spacing:-.04em;font-size:18px}.brand-main span{color:var(--blue)}.brand small{display:block;font-size:7px;letter-spacing:.22em;margin-top:5px;color:#98a7b7}.nav{display:flex;gap:34px;margin:auto}.nav a,.nav-cta{color:#c8d0d8;text-decoration:none;font-size:13px}.nav a:hover{color:#fff}.nav-cta{padding:10px 18px;border:1px solid rgba(255,255,255,.25);border-radius:8px;color:#fff}.pager{position:fixed;z-index:40;right:26px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:11px}.pager button{width:6px;height:6px;border:0;border-radius:20px;background:rgba(255,255,255,.28);padding:0;cursor:pointer;transition:.3s}.pager button.active{height:26px;background:var(--blue)}#fullpage{height:100vh;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;overscroll-behavior:none}.panel{position:relative;height:100vh;min-height:650px;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;padding:96px 6vw 56px;display:flex;align-items:center}.hero{padding:0 6vw}.hero-media{position:absolute;inset:0}.hero-media video{position:absolute;right:0;top:0;width:70%;height:100%;object-fit:cover;object-position:56% center;filter:saturate(.88) contrast(1.08) brightness(.78)}.hero-image-fallback{position:absolute;right:0;top:0;width:70%;height:100%;background:url('assets/hero-skater.jpg') center/cover no-repeat;z-index:-1;filter:saturate(.88) contrast(1.08) brightness(.78)}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03070c 0%,rgba(3,7,12,.94) 25%,rgba(3,7,12,.55) 53%,rgba(3,7,12,.1) 78%),linear-gradient(0deg,#03070c 0%,transparent 24%,rgba(0,0,0,.1) 80%)}.hero-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(50,135,230,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(50,135,230,.10) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,black,transparent 70%)}.hero-copy{position:relative;z-index:2;width:46%;max-width:680px}.eyebrow,.section-index{color:var(--blue2);font-size:12px;letter-spacing:.18em;font-weight:700}.hero h1,.feature h2,.apply h2{font-size:clamp(46px,6vw,92px);line-height:1.02;letter-spacing:-.055em;margin:18px 0 20px}.hero h1 em,.apply h2 em{font-style:normal;color:var(--blue)}.hero-copy p,.feature-copy p,.apply-content p{color:#b2bfcc;font-size:17px;line-height:1.8;max-width:560px}.hero-actions{display:flex;gap:14px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;min-width:132px;height:46px;border-radius:8px;text-decoration:none;font-size:14px;transition:.2s}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 0 30px rgba(22,136,255,.25)}.btn.primary:hover{transform:translateY(-2px);background:#3197ff}.btn.ghost{border:1px solid rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.03)}.hero-meta{position:absolute;z-index:2;left:6vw;bottom:7vh;display:flex;gap:56px}.hero-meta div{border-left:1px solid var(--line);padding-left:16px;display:flex;flex-direction:column}.hero-meta strong{font-size:13px}.hero-meta span{font-size:11px;color:#7f91a1;margin-top:6px}.scroll-cue{position:absolute;right:5vw;bottom:3vh;color:#738596;font-size:9px;letter-spacing:.2em;z-index:2}.scroll-cue span{color:#fff;margin-left:6px}.feature{justify-content:space-between;gap:6vw;background:radial-gradient(circle at 65% 50%,rgba(14,71,127,.22),transparent 32%),linear-gradient(135deg,#04090f,#06101a 55%,#03070c)}.feature-copy{position:relative;z-index:3;width:34%;max-width:500px}.feature-copy.right{order:2}.feature h2{font-size:clamp(38px,4.8vw,70px);margin:14px 0 20px}.micro-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.micro-tags span{border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:#8498aa;font-size:11px}.product-stage{position:relative;z-index:2;flex:1;height:78vh;display:flex;align-items:center;justify-content:center}.section-glow{position:absolute;width:48vw;height:48vw;border-radius:50%;background:rgba(16,120,255,.1);filter:blur(120px);right:8vw}.phone{position:relative;border:1px solid rgba(255,255,255,.4);border-radius:46px;padding:10px;background:#050709;box-shadow:0 30px 100px rgba(0,0,0,.58),0 0 0 2px rgba(255,255,255,.06) inset;overflow:hidden}.phone:before{content:"";position:absolute;z-index:4;top:13px;left:50%;transform:translateX(-50%);width:30%;height:24px;background:#030406;border-radius:20px}.phone-large{height:min(72vh,740px);aspect-ratio:9/19.5}.phone-medium{height:min(64vh,650px);aspect-ratio:9/19.5}.phone-screen{height:100%;border-radius:37px;overflow:hidden;background:#f4f6f8;color:#15202b;padding:34px 14px 14px;font-size:12px}.schedule-screen,.today-screen{background:linear-gradient(180deg,#0a1830,#07101c);color:#e9f2fa}.mini-status{display:flex;justify-content:space-between;font-size:10px;margin-bottom:10px}.mini-title{text-align:center;font-weight:700;font-size:15px;margin-bottom:14px}.week-row{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center;color:#8da0b1;font-size:8px}.week-row span{padding:5px 0;border-radius:8px}.week-row .selected{background:var(--blue);color:white}.week-row b{font-size:11px}.filters{display:flex;gap:7px;margin:11px 0}.filters span{background:#10233b;border:1px solid #1a3552;border-radius:8px;padding:7px 9px;font-size:8px;color:#99aec1}.timeline{display:flex;height:65%;border-top:1px solid rgba(255,255,255,.08);padding-top:8px}.times{width:36px;font-size:7px;line-height:38px;color:#6f8295}.slots{position:relative;flex:1;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:100% 38px,33.33% 100%}.slot{position:absolute;width:31%;border-radius:6px;padding:7px;font-size:8px;line-height:1.2;color:#fff}.slot small{opacity:.7;font-size:6px}.s1{top:7%;left:1%;background:#784a39}.s2{top:28%;left:35%;background:#226d75}.s3{top:44%;left:67%;background:#775f1d}.s4{top:68%;left:12%;background:#4e3c72}.mini-nav{position:absolute;bottom:14px;left:14px;right:14px;display:flex;justify-content:space-around;color:#6b7b8c;font-size:8px}.mini-nav .on{color:var(--blue2)}.orbit-card{position:absolute;min-width:150px;padding:14px 16px;border:1px solid rgba(255,255,255,.15);background:rgba(8,18,28,.78);backdrop-filter:blur(16px);border-radius:14px;display:flex;flex-direction:column;box-shadow:0 20px 50px rgba(0,0,0,.35)}.orbit-card small{color:#7890a4}.orbit-card strong{font-size:19px;margin:4px 0}.orbit-card span{color:var(--green);font-size:10px}.orbit-card.one{left:5%;top:24%}.orbit-card.two{right:1%;bottom:20%}.ice-texture{position:absolute;left:0;top:0;bottom:0;width:48%;background:url('assets/ice-texture.jpg') center/cover;opacity:.21;mask-image:linear-gradient(to right,black,transparent)}.booking-stage{width:56%;flex:none}.back-phone{transform:translateX(-6%) rotate(-3deg);opacity:.72}.front-phone{position:absolute;transform:translateX(26%) rotate(1.5deg)}.booking-list article{position:relative;background:#fff;border-radius:13px;padding:12px 10px;margin:8px 0;box-shadow:0 8px 18px rgba(15,35,55,.08);display:flex;flex-direction:column}.booking-list article small{color:#7c8994;margin-top:5px}.booking-list article button{position:absolute;right:10px;top:18px;border:0;border-radius:7px;background:#167cff;color:#fff;padding:7px 10px}.tabs{display:flex;gap:5px}.tabs span{padding:7px 8px;font-size:9px;color:#75808b}.tabs .active{background:#177fff;color:#fff;border-radius:7px}.stepper{display:flex;align-items:center;justify-content:center;margin:18px 0}.stepper i{font-style:normal;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#dce3ea;color:#7b8792}.stepper i.done{background:#147eff;color:#fff}.stepper b{width:38px;height:2px;background:#d7dee5}.booking-card{padding:16px;background:#eef4fb;border-radius:14px;margin:16px 0}.booking-card small,label{color:#7a8792;font-size:9px}.booking-card h4{margin:5px 0;font-size:18px}.booking-card p{margin:5px 0;color:#65717c;font-size:10px}.select-row{margin-top:6px;padding:13px;background:#fff;border:1px solid #dde4ea;border-radius:10px;display:flex;justify-content:space-between}.confirm-btn{width:100%;border:0;border-radius:10px;background:#167fff;color:#fff;padding:13px;margin-top:20px}.flow-line{display:flex;align-items:center;gap:12px;margin-top:32px;color:#8093a5;font-size:10px;white-space:nowrap}.flow-line i{height:1px;width:28px;background:#33475a}.role-strip{display:flex;align-items:center;gap:14px;margin-top:32px}.role-strip div{padding:12px 14px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column}.role-strip strong{font-size:11px}.role-strip span{font-size:9px;color:#7990a3;margin-top:5px}.role-strip b{color:#40566b}.today-screen article{display:grid;grid-template-columns:50px 1fr auto;gap:8px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08)}.today-screen time{color:#8aa0b4;font-size:9px}.today-screen article b{font-size:11px}.today-screen article small{display:block;color:#7790a5;margin-top:4px;font-size:8px}.today-screen article span{font-size:7px;color:#74d5b2}.day-summary{display:flex;justify-content:space-around;margin:6px 0 16px;padding:12px;background:#0d2036;border:1px solid rgba(255,255,255,.06);border-radius:14px}.day-summary div{display:flex;flex-direction:column;align-items:center}.day-summary b{font-size:18px}.day-summary small{font-size:7px;color:#758b9e}.insight{background:radial-gradient(circle at 70% 40%,rgba(19,106,193,.18),transparent 30%),linear-gradient(135deg,#03070c,#06101a)}.insight-glow{left:45%;right:auto}.analytics-grid{width:58%;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative;z-index:2}.metric{min-height:170px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:linear-gradient(155deg,rgba(15,31,47,.9),rgba(6,14,22,.92));padding:22px;position:relative;overflow:hidden}.metric.wide{grid-column:span 2}.metric small{display:block;color:#8196a9;font-size:11px}.metric strong{display:block;font-size:34px;margin-top:16px}.metric span{color:#55d6a6;font-size:10px}.metric svg{position:absolute;bottom:20px;right:18px;width:50%;height:60px}.metric polyline{fill:none;stroke:#1b89ff;stroke-width:2}.ring{position:absolute;right:24px;bottom:24px;width:70px;height:70px;border-radius:50%;background:conic-gradient(var(--blue) 0 91%,#1c2b38 91% 100%)}.ring:after{content:"";position:absolute;inset:12px;border-radius:50%;background:#091522}.bars{height:80px;display:flex;align-items:flex-end;gap:9px;margin-top:24px}.bars i{width:16px;height:var(--h);background:linear-gradient(#36a3ff,#0b4d9c);border-radius:4px 4px 0 0}.apply{justify-content:center;text-align:center;background:#02060a}.apply-bg{position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,6,10,.92),rgba(2,6,10,.54)),url('assets/ice-footer.jpg') center/cover no-repeat;filter:saturate(.8)}.apply-content{position:relative;z-index:2;max-width:900px}.apply h2{font-size:clamp(42px,5.4vw,78px)}.apply-content p{margin:0 auto}.centered{justify-content:center}footer{position:absolute;z-index:2;left:6vw;right:6vw;bottom:30px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#607387;font-size:10px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform .85s ease}.reveal.delay-1{transition-delay:.12s}.panel.in-view .reveal{opacity:1;transform:none}
#schedule{justify-content:space-between;gap:4vw;padding-top:84px;padding-bottom:44px}
#schedule .feature-copy{width:38%;max-width:470px}
#schedule h2{font-size:clamp(80px,7.6vw,100px);line-height:1;letter-spacing:-.055em;margin:16px 0 24px}
#schedule .product-stage{height:calc(100vh - 140px)}
.schedule-phone{height:min(86vh,880px,calc(100vh - 150px))}
.schedule-screen{display:flex;flex-direction:column;padding-top:22px}
.sched-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:0 2px}
.sched-top .mini-title{margin:0;text-align:left;font-size:15px}
.sched-week{font-size:8px;color:#7fa0bd;background:#0e2036;border:1px solid #1c3a58;border-radius:8px;padding:4px 8px}
.week-switch{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:9px}
.week-switch span{text-align:center;font-size:8px;padding:5px 0;border:1px solid #1c3a58;border-radius:7px;color:#8fa7bc;background:#0d1f33}
.week-switch span.on{background:var(--blue);border-color:var(--blue);color:#fff}
.filter-row{display:flex;align-items:center;gap:8px;margin-bottom:9px}
.coach-chip{font-size:8px;padding:5px 9px;border:1px solid #1c3a58;border-radius:7px;background:#102848;color:#cfe0ef;white-space:nowrap;display:flex;align-items:center;gap:4px}
.coach-chip:after{content:"▾";color:#6f8aa4}
.rink-chips{display:flex;gap:4px;flex:1;overflow:hidden}
.rink-chips span{font-size:8px;padding:5px 7px;border-radius:7px;border:1px solid #1c3a58;color:#8fa7bc;background:#0d1f33;white-space:nowrap}
.rink-chips span.on{background:rgba(22,136,255,.22);border-color:#2f7fd0;color:#cfe7ff}
.legend{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;font-size:8px;color:#8fa7bc}
.legend span{display:flex;align-items:center;gap:4px}
.dot{width:7px;height:7px;border-radius:2px;display:inline-block}
.lg-avail{background:#bcdffc;border:1px solid #7cb9ee}
.lg-booked{background:#1f6fdc}
.lg-adj{background:#ffe8a3;border:1px solid #e8c86a}
.lg-clean{background:#c9d6e2;border:1px solid #a9bfd4}
.lg-no{background:#ffb9b0;border:1px solid #f0897c}
.st-wrap{flex:1;min-height:0;display:grid;grid-template-columns:34px repeat(7,1fr);grid-template-rows:30px repeat(11,1fr);border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;background:rgba(255,255,255,.02);background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:100% calc((100% - 30px)/11),calc((100% - 34px)/7) 100%;background-position:0 30px,34px 0}
.st-corner{grid-area:1/1/2/2;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);display:grid;place-items:center;color:#5d7186;font-size:7px}
.st-day{grid-row:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-right:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.08)}
.st-day b{font-size:8px;font-weight:600;color:#cfe0ef}
.st-day i{font-style:normal;font-size:7px;color:#7b92a8}
.st-day.today{background:rgba(22,136,255,.12)}
.st-day.today b{color:#9ed2ff}
.st-day.today i{color:#59b5ff}
.st-day:nth-child(2){grid-area:1/2/2/3}
.st-day:nth-child(3){grid-area:1/3/2/4}
.st-day:nth-child(4){grid-area:1/4/2/5}
.st-day:nth-child(5){grid-area:1/5/2/6}
.st-day:nth-child(6){grid-area:1/6/2/7}
.st-day:nth-child(7){grid-area:1/7/2/8}
.st-day:nth-child(8){grid-area:1/8/2/9}
.st-time{grid-column:1;display:flex;align-items:center;justify-content:flex-end;padding-right:5px;color:#5d7186;font-size:7px;border-right:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.05)}
.st-time:nth-child(9){grid-area:2/1/3/2}
.st-time:nth-child(10){grid-area:3/1/4/2}
.st-time:nth-child(11){grid-area:4/1/5/2}
.st-time:nth-child(12){grid-area:5/1/6/2}
.st-time:nth-child(13){grid-area:6/1/7/2}
.st-time:nth-child(14){grid-area:7/1/8/2}
.st-time:nth-child(15){grid-area:8/1/9/2}
.st-time:nth-child(16){grid-area:9/1/10/2}
.st-time:nth-child(17){grid-area:10/1/11/2}
.st-time:nth-child(18){grid-area:11/1/12/2}
.st-time:nth-child(19){grid-area:12/1/13/2}
.st-block{margin:2px;border-radius:5px;padding:4px 5px;font-size:8px;line-height:1.2;min-width:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.st-block b{font-weight:700}
.st-block small{opacity:.85;font-size:6px;margin-top:2px}
.bk-booked{background:#1f6fdc;border:1px solid #3c8df5;color:#fff}
.bk-avail{background:#d7edff;border:1px solid #7cb9ee;color:#11548f}
.bk-adj{background:#fff2bd;border:1px solid #dfc46a;color:#7c6212}
.bk-clean{background:#cfe0ec;border:1px solid #a5bfd4;color:#4f6b84}
.bk-no{background:#ffd9d3;border:1px solid #f09a8d;color:#a03e30}
.schedule-screen .mini-nav{position:static;display:flex;justify-content:space-around;color:#6b7b8c;font-size:8px;padding-top:9px;margin-top:8px;border-top:1px solid rgba(255,255,255,.08)}
.status-help{position:absolute;z-index:3;left:2%;bottom:12%;min-width:168px;padding:13px 15px;border:1px solid rgba(255,255,255,.16);background:rgba(9,20,31,.82);backdrop-filter:blur(14px);border-radius:14px;box-shadow:0 18px 46px rgba(0,0,0,.38)}
.status-help small{display:block;color:#9db4c8;font-size:9px;letter-spacing:.06em;font-weight:700;margin-bottom:9px}
.status-help div{display:flex;align-items:center;gap:7px;font-size:10px;color:#dbe7f2;padding:3px 0}
.status-help i{width:9px;height:9px;border-radius:2px;display:inline-block}
.sh-avail{background:#bcdffc;border:1px solid #7cb9ee}
.sh-adj{background:#ffe8a3;border:1px solid #e8c86a}
.sh-no{background:#ffb9b0;border:1px solid #f0897c}
@media(max-width:900px){body{overflow:auto}.topbar{height:64px;padding:0 20px}.nav{display:none}.pager{display:none}#fullpage{height:auto;overflow:visible;scroll-snap-type:none}.panel{height:auto;min-height:100svh;padding:90px 24px 50px;flex-direction:column;justify-content:center}.hero{height:100svh;padding:0 24px}.hero-media video,.hero-image-fallback{width:100%;opacity:.62}.hero-media:after{background:linear-gradient(0deg,#03070c 5%,rgba(3,7,12,.44) 55%,rgba(3,7,12,.42)),linear-gradient(90deg,rgba(3,7,12,.72),transparent)}.hero-copy{width:100%;margin-top:15vh}.hero-meta{left:24px;right:24px;bottom:6vh;gap:18px}.hero-meta div:nth-child(3){display:none}.feature{gap:20px}.feature-copy,.feature-copy.right{width:100%;max-width:none;order:0}.feature h2{font-size:42px}.product-stage,.booking-stage{width:100%;height:52vh}.phone-large{height:min(50vh,560px)}.phone-medium{height:min(44vh,500px)}.orbit-card{display:none}.analytics-grid{width:100%;grid-template-columns:1fr 1fr}.metric.wide{grid-column:span 2}.metric{min-height:130px;padding:16px}.metric strong{font-size:26px}.role-strip{gap:6px}.role-strip b{display:none}.role-strip div{padding:10px}.flow-line{white-space:normal;flex-wrap:wrap}.ice-texture{width:100%;opacity:.12}.booking .feature-copy.right{order:0}.booking-stage{order:2}.apply{height:100svh}footer{left:24px;right:24px;flex-direction:column;gap:5px}#schedule .feature-copy{width:100%;max-width:none}#schedule h2{font-size:42px;line-height:1.12;letter-spacing:-.04em}#schedule .product-stage{width:100%;height:52vh}#schedule .status-help{display:none}}


/* ===== 2026-08 static visual refinement: Schedule / Booking / Coach ===== */
.platform-note{margin-top:18px;color:#72879a;font-size:11px;letter-spacing:.02em;display:flex;align-items:center;gap:8px}.mini-program-mark{display:inline-grid;place-items:center;width:20px;height:20px;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#a8bac9;font-size:12px}

/* shared text rhythm */
#schedule .feature-copy,#booking .feature-copy,#operations .feature-copy{max-width:520px}
#schedule h2,#booking h2,#operations h2{font-size:clamp(54px,4.5vw,76px);line-height:1.04;letter-spacing:-.05em;margin:18px 0 26px}
#schedule .feature-copy p,#booking .feature-copy p,#operations .feature-copy p{font-size:16px;line-height:1.9;color:#aebbc8;max-width:520px}
#schedule .micro-tags,#booking .micro-tags,#operations .micro-tags{margin-top:28px}

/* Schedule: faithful light mini-program UI in a dark presentation shell */
#schedule{gap:5vw;padding-top:88px;padding-bottom:42px}
#schedule .feature-copy{width:36%}
.schedule-showcase{position:relative;z-index:2;width:58%;height:82vh;display:flex;align-items:center;justify-content:center}
.schedule-phone-real{height:min(79vh,820px);aspect-ratio:9/19.5;border-radius:44px;padding:9px}
.schedule-real-screen{padding:0;background:#f5f7fb;color:#10233a;border-radius:36px;overflow:hidden}
.wx-header{background:#0d2748;color:white;padding:13px 16px 12px}.wx-status{display:flex;justify-content:space-between;font-size:9px;margin-bottom:14px}.wx-nav{display:grid;grid-template-columns:30px 1fr auto;align-items:center}.wx-nav>span{font-size:24px;font-weight:300}.wx-nav>b{text-align:center;font-size:15px}.wx-nav>i{font-style:normal;background:rgba(2,16,31,.28);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:6px 9px;font-size:10px}
.schedule-body{padding:18px 13px 14px;height:calc(100% - 84px);overflow:hidden}.sr-title-row{display:flex;justify-content:space-between;align-items:flex-start}.sr-title-row h3{margin:0 0 3px;font-size:18px}.sr-title-row small{font-size:9px;color:#7d8a98}.lang-pill{font-size:9px;background:#fff;padding:6px 9px;border-radius:15px;box-shadow:0 6px 20px rgba(25,45,65,.08)}
.sr-week-switch{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;background:#fff;border-radius:18px;margin:13px 0 10px;overflow:hidden;box-shadow:0 6px 20px rgba(25,45,65,.04)}.sr-week-switch span,.sr-week-switch b,.sr-week-switch em{font-style:normal;font-size:9px;text-align:center;padding:9px 3px;color:#72808c}.sr-week-switch b{background:#0d2748;color:white;border-radius:18px}.sr-week-switch em{color:#1688ff;font-weight:700}
.sr-filters{display:flex;gap:6px;margin:6px 0 8px}.sr-filters span{font-size:8px;padding:6px 9px;background:#fff;border-radius:13px;color:#72808c}.sr-filters span.selected{background:#0d2748;color:#fff}.sr-legend{display:flex;gap:7px;flex-wrap:wrap;margin:7px 0 9px}.sr-legend span{font-size:7px;color:#536170;display:flex;align-items:center;gap:3px}.sr-legend i,.detail-statuses i{width:7px;height:7px;border-radius:50%;display:inline-block}.c-avail{background:#24b8df}.c-booked{background:#7b899a}.c-adj{background:#f3a40c}.c-clean{background:#a9b7c6}.c-no{background:#ef4949}
.sr-toolbar{display:flex;justify-content:flex-end;gap:11px;align-items:center;margin:6px 0 9px;font-size:8px;color:#5c6a78}.sr-toolbar strong{border:1px solid #70d4ad;color:#23835f;border-radius:7px;padding:5px 7px;background:#effcf7}
.sr-grid{height:calc(100% - 175px);min-height:360px;display:grid;grid-template-columns:36px repeat(3,1fr);grid-template-rows:42px repeat(5,1fr);border:1px solid #e1e6eb;border-radius:8px;overflow:hidden;background:#fff}.sr-grid-head{display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:1px solid #e4e8ed;border-bottom:1px solid #dce2e8;background:#fafbfc}.sr-grid-head b{font-size:10px}.sr-grid-head small{font-size:8px;color:#72808c}.sr-grid-head.blank{border-left:0}.sr-time{display:flex;align-items:flex-start;justify-content:flex-end;padding:9px 5px 0 0;font-size:7px;color:#6f7f8e;border-top:1px solid #e8ecef}.sr-cell{position:relative;border-left:1px solid #e8ecef;border-top:1px solid #e8ecef;padding:3px}.lesson{height:100%;border-radius:8px;padding:6px;display:flex;flex-direction:column;gap:3px;overflow:hidden;font-size:7px;border:1px solid}.lesson b{font-size:7px}.lesson strong{font-size:9px}.lesson small{font-size:7px;opacity:.78}.lesson.avail{background:#dff5ff;border-color:#8fd6eb;color:#173c54}.lesson.group{background:#fff;border-color:#c8d0d8;color:#15202b}.lesson.clean{background:#fff;border-color:#cbd4dc;color:#445666;justify-content:center;align-items:center}.lesson.no{background:#ffe4e2;border-color:#ef9a93;color:#78372f}.lesson.booked{background:#e6e8ec;border-color:#b9c0c8;color:#202a34}.lesson.adjust{background:#fff1bc;border-color:#e9ca69;color:#6e5713}
.schedule-detail-card{position:absolute;left:1%;bottom:8%;width:250px;padding:18px 20px;border-radius:16px;background:rgba(8,19,30,.94);border:1px solid rgba(255,255,255,.13);box-shadow:0 24px 70px rgba(0,0,0,.42);backdrop-filter:blur(16px)}.detail-kicker{color:#58b5ff;font-size:8px;letter-spacing:.18em}.schedule-detail-card h4{font-size:16px;line-height:1.45;margin:8px 0 12px}.detail-statuses{display:flex;flex-wrap:wrap;gap:8px 12px}.detail-statuses span{font-size:9px;color:#c5d1dc;display:flex;align-items:center;gap:5px}.schedule-detail-card>small{display:block;margin-top:14px;color:#657b8e;font-size:8px}

/* Booking: show the real journey, not a screenshot wall */
#booking{gap:5vw}.booking-journey{position:relative;z-index:2;width:58%;height:76vh;display:grid;grid-template-columns:1.02fr 1.08fr;grid-template-rows:1fr 1fr;gap:16px;padding:8px}.journey-card{position:relative;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:linear-gradient(180deg,rgba(245,248,252,.98),rgba(236,241,247,.98));color:#10233a;box-shadow:0 30px 80px rgba(0,0,0,.28);padding:22px;overflow:hidden}.journey-card:nth-child(2){grid-row:1/3;grid-column:2}.journey-step{display:block;color:#1788ff;font-size:9px;letter-spacing:.12em;font-weight:800;margin-bottom:14px}.journey-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:12px}.journey-head b{font-size:17px}.journey-head small{font-size:9px;color:#748394}.coach-search{background:#fff;border:1px solid #e3e7eb;border-radius:12px;color:#a3adb7;padding:11px 13px;font-size:10px;margin-bottom:10px}.coach-row{display:grid;grid-template-columns:34px 1fr 14px;gap:10px;align-items:center;padding:11px 10px;background:#fff;border-radius:13px;margin-top:8px}.coach-row i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#65768b;color:white;font-style:normal;font-weight:700}.coach-row.active i{background:#0d2748}.coach-row b{font-size:12px}.coach-row small{display:block;margin-top:4px;color:#72808c;font-size:8px}.coach-row.active small{color:#2b8a62}.coach-row>span{font-size:22px;color:#a4adb6}.day-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:16px 0}.day-tabs span,.day-tabs b{text-align:center;padding:10px 4px;border-radius:10px;background:#fff;font-size:9px;color:#7a8793}.day-tabs b{background:#e6f1ff;color:#1477da;border:1px solid #9fc6ef}.time-item{display:grid;grid-template-columns:45px 1fr auto;gap:10px;align-items:center;background:#fff;border-radius:14px;padding:13px 11px;margin:10px 0;border-left:4px solid #20bde5}.time-item.group{border-left-color:#8b56e6}.time-item time{font-size:11px;font-weight:700}.time-item div b{font-size:11px}.time-item div small{display:block;color:#7c8994;font-size:8px;margin-top:4px}.time-item em{font-style:normal;font-size:8px;padding:5px 7px;background:#e8fbef;color:#24885e;border-radius:9px}.time-item.group em{background:#efe6ff;color:#6e40bd}.request-card{text-align:center;display:flex;flex-direction:column;justify-content:center}.request-success{width:44px;height:44px;margin:0 auto 8px;border-radius:50%;display:grid;place-items:center;background:#22b77a;color:#fff;font-size:24px}.request-card h4{font-size:16px;margin:4px 0 8px}.request-card p{font-size:9px;color:#6c7a88;line-height:1.7;margin:0}.request-student{display:flex;justify-content:space-between;margin:13px 0;padding:10px 11px;background:#fff;border-radius:11px}.request-student small{color:#7e8b97}.request-student b{font-size:10px}.request-card button{border:0;background:#1688ff;color:white;border-radius:10px;padding:10px;font-size:9px}
#booking .feature-copy{width:34%}

/* Coach: one real-feeling schedule + multilingual support */
#operations{gap:5vw}.coach-showcase{position:relative;z-index:2;width:58%;height:80vh;display:flex;align-items:center;justify-content:center}.coach-phone{height:min(75vh,780px);aspect-ratio:9/19.5}.coach-real-screen{padding:0;background:#f4f6fa;color:#10233a;border-radius:36px;overflow:hidden}.coach-body{padding:18px 14px}.coach-name{font-size:21px;font-weight:800;margin-bottom:12px}.coach-legend{display:flex;gap:7px;flex-wrap:wrap;background:#fff;border-radius:12px;padding:9px 10px;margin-bottom:10px}.coach-legend span{font-size:7px;display:flex;align-items:center;gap:4px}.coach-legend span:before{content:"";width:7px;height:7px;border-radius:50%;background:#20a76b}.coach-legend .open:before{background:#23b8dc}.coach-legend .adjust:before{background:#f2a50c}.coach-legend .group:before{background:#8c55e8}.coach-week{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-radius:18px;overflow:hidden;margin-bottom:10px}.coach-week span,.coach-week b{font-size:9px;text-align:center;padding:10px;color:#748291}.coach-week b{background:#0d2748;color:#fff;border-radius:18px}.coach-days{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:14px}.coach-days span,.coach-days b{background:#fff;border-radius:12px;padding:9px 6px;font-size:9px;display:flex;flex-direction:column}.coach-days small{color:#8793a0;font-size:7px;margin-top:3px}.coach-days b{border:1px solid #0d2748;background:#e7f2ff}.coach-body h4{font-size:14px;margin:4px 0 10px}.coach-session{display:grid;grid-template-columns:46px 1fr;gap:10px;margin:9px 0}.coach-session time{font-size:11px;font-weight:800;border-right:1px solid #d7dfe6;padding-top:9px}.coach-session time small{display:block;color:#8c98a4;font-size:8px;margin-top:3px}.coach-session article{position:relative;background:#fff;border-radius:14px;border-left:4px solid #22b8df;padding:11px 10px;box-shadow:0 8px 20px rgba(20,40,60,.06)}.coach-session article.group-card{border-left-color:#8c55e8}.coach-session article b{font-size:11px}.coach-session article>span{font-size:8px;color:#5f6e7c;margin-left:6px}.coach-session article strong{position:absolute;right:10px;top:10px;font-size:7px;color:#247aa6;background:#e4f6ff;border-radius:8px;padding:4px 5px}.coach-session article small{display:block;color:#7d8995;font-size:8px;margin-top:8px}.language-stack{position:absolute;right:1%;top:18%;width:245px;display:flex;flex-direction:column;gap:12px}.language-card{padding:16px 18px;border-radius:16px;background:rgba(8,19,30,.94);border:1px solid rgba(255,255,255,.13);box-shadow:0 20px 55px rgba(0,0,0,.36)}.language-card span{font-size:8px;color:#5bb8ff;letter-spacing:.18em}.language-card b{display:block;font-size:13px;margin:8px 0}.language-card p{font-size:10px;color:#9fb0bf;line-height:1.5;margin:0 0 8px}.language-card em{font-style:normal;font-size:8px;color:#54d2a2}.language-card.ru{transform:translateX(22px)}.language-note{padding:11px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);display:flex;justify-content:space-between;align-items:center}.language-note strong{color:#fff;font-size:11px}.language-note small{color:#768b9d;font-size:8px}.language-badges{display:flex;gap:10px;margin-top:30px}.language-badges span{font-size:10px;border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:8px 12px;color:#869bad}.language-badges span.active{border-color:rgba(89,181,255,.5);color:#bfe1ff;background:rgba(22,136,255,.09)}

/* footer / copyright */
.site-footer{align-items:flex-end}.site-footer>div:first-child{display:flex;flex-direction:column;gap:5px}.site-footer strong{color:#8da0b1;font-size:10px}.site-footer span{color:#607387}.footer-links{display:flex;gap:16px}.site-footer>small{color:#536779}

@media(max-width:1300px){.schedule-detail-card{left:-3%;width:220px}.language-stack{right:-4%;width:215px}.booking-journey{width:60%}}
@media(max-width:900px){.platform-note{font-size:9px}.schedule-showcase,.booking-journey,.coach-showcase{width:100%;height:56vh}.schedule-detail-card,.language-stack{display:none}#schedule .feature-copy,#booking .feature-copy,#operations .feature-copy{width:100%}#schedule h2,#booking h2,#operations h2{font-size:42px}.schedule-phone-real,.coach-phone{height:min(52vh,600px)}.booking-journey{display:flex;overflow-x:auto;justify-content:flex-start;padding:10px}.journey-card{min-width:78vw;height:48vh}.journey-card:nth-child(2){min-width:82vw}.site-footer{align-items:flex-start}.footer-links{display:none}}

/* ===== Mobile full-page refinement 2026-08-15 ===== */
/* Final CTA must not reuse an old webpage screenshot as its background. */
.apply-bg{
  background:
    radial-gradient(circle at 50% 22%,rgba(22,136,255,.12),transparent 34%),
    linear-gradient(0deg,rgba(2,6,10,.90),rgba(2,6,10,.62)),
    url('assets/ice-texture.jpg') center/cover no-repeat;
  filter:saturate(.72) contrast(1.05);
}

@media(max-width:900px){
  html,body{height:100%;overscroll-behavior:none}
  body{overflow:hidden}
  #fullpage{
    height:100dvh;
    min-height:100svh;
    overflow-y:auto;
    overflow-x:hidden;
    scroll-snap-type:y mandatory;
    scroll-behavior:smooth;
    overscroll-behavior-y:contain;
    -webkit-overflow-scrolling:touch;
  }
  .panel{
    width:100%;
    height:100dvh;
    min-height:100svh;
    max-height:100dvh;
    scroll-snap-align:start;
    scroll-snap-stop:always;
    overflow:hidden;
    padding:76px 18px 22px;
    justify-content:center;
    gap:14px;
  }
  .topbar{height:62px;padding:0 16px;background:linear-gradient(180deg,rgba(2,6,10,.96),rgba(2,6,10,.78) 65%,rgba(2,6,10,0))}
  .brand-main{font-size:20px}.brand small{font-size:6px}.nav-cta{font-size:13px;padding:9px 16px}
  .hero{height:100dvh;min-height:100svh;padding:0 20px}
  .hero-copy{margin-top:8vh}
  .hero h1{font-size:clamp(48px,14vw,66px);line-height:.98;margin:14px 0 16px}
  .hero-copy p{font-size:14px;line-height:1.7}
  .hero-actions{margin-top:22px}.hero-meta{bottom:5.5vh;gap:12px}.hero-meta div{padding-left:10px}.hero-meta strong{font-size:11px}.hero-meta span{font-size:9px}
  .platform-note{margin-top:12px;font-size:9px}

  /* Shared mobile typography: keep every module visually balanced. */
  #schedule .feature-copy,#booking .feature-copy,#operations .feature-copy,.insight .feature-copy{
    width:100%;max-width:none;flex:none;
  }
  #schedule h2,#booking h2,#operations h2,.insight h2{
    font-size:clamp(38px,11vw,48px);
    line-height:1.02;
    letter-spacing:-.045em;
    margin:10px 0 14px;
  }
  #schedule .feature-copy p,#booking .feature-copy p,#operations .feature-copy p,.insight .feature-copy p{
    font-size:13px;line-height:1.72;max-width:none;margin:0;
  }
  .section-index{font-size:10px}
  .micro-tags{margin-top:16px;gap:7px}.micro-tags span{font-size:9px;padding:6px 9px}

  /* Schedule: one complete phone, never crop its bottom edge. */
  #schedule{justify-content:flex-start;padding-top:82px}
  #schedule .feature-copy{height:auto}
  .schedule-showcase{width:100%;height:49dvh;min-height:0;flex:none;margin-top:2px}
  .schedule-phone-real{height:min(48dvh,470px);max-width:76vw;border-radius:34px;padding:7px}
  .schedule-real-screen{border-radius:28px}
  .schedule-detail-card{display:none}
  .wx-header{padding:10px 11px 8px}.wx-status{margin-bottom:9px;font-size:7px}.wx-nav>b{font-size:12px}.wx-nav>span{font-size:18px}.wx-nav>i{font-size:7px;padding:4px 6px}
  .schedule-body{padding:11px 9px 9px;height:calc(100% - 62px)}
  .sr-title-row h3{font-size:14px}.sr-title-row small{font-size:7px}.lang-pill{font-size:7px;padding:4px 7px}
  .sr-week-switch{margin:8px 0 6px}.sr-week-switch span,.sr-week-switch b,.sr-week-switch em{font-size:7px;padding:6px 2px}
  .sr-filters{gap:4px;margin:4px 0 5px}.sr-filters span{font-size:6px;padding:4px 6px}
  .sr-legend{gap:4px 6px;margin:4px 0 5px}.sr-legend span{font-size:5.5px}.sr-legend i{width:5px;height:5px}
  .sr-toolbar{margin:3px 0 5px;font-size:6px}.sr-toolbar strong{padding:3px 5px}
  .sr-grid{height:calc(100% - 124px);min-height:0;grid-template-columns:28px repeat(3,1fr);grid-template-rows:31px repeat(5,1fr)}
  .sr-grid-head b{font-size:7px}.sr-grid-head small{font-size:6px}.sr-time{font-size:5.5px;padding:5px 3px 0 0}.lesson{padding:4px;font-size:5.5px}.lesson b,.lesson small{font-size:5.5px}.lesson strong{font-size:7px}

  /* Booking: show the complete three-step journey in one viewport. */
  #booking{justify-content:flex-start;padding-top:80px}
  #booking .feature-copy{order:0}
  #booking .booking-journey{order:1}
  #booking .feature-copy p{max-width:96%}
  #booking .flow-line{margin-top:12px;gap:7px;font-size:8px;flex-wrap:nowrap;white-space:nowrap}
  #booking .flow-line i{width:18px}
  .booking-journey{
    width:100%;height:45dvh;min-height:0;
    display:grid;overflow:visible;
    grid-template-columns:1fr 1fr;
    grid-template-rows:minmax(0,1fr) 112px;
    gap:8px;padding:0;margin-top:2px;
  }
  .journey-card{min-width:0!important;height:auto!important;padding:11px;border-radius:15px;overflow:hidden}
  .journey-card:nth-child(1){grid-column:1;grid-row:1}
  .journey-card:nth-child(2){grid-column:2;grid-row:1}
  .journey-card:nth-child(3){grid-column:1/3;grid-row:2}
  .journey-step{font-size:6px;margin-bottom:7px}.journey-head{margin-bottom:6px}.journey-head b{font-size:11px}.journey-head small{font-size:6px}
  .coach-search{font-size:7px;padding:7px 8px;margin-bottom:5px}.coach-row{grid-template-columns:25px 1fr 8px;gap:6px;padding:7px 6px;margin-top:5px;border-radius:9px}.coach-row i{width:24px;height:24px;font-size:9px}.coach-row b{font-size:8px}.coach-row small{font-size:5.5px;margin-top:2px}.coach-row>span{font-size:14px}
  .day-tabs{gap:3px;margin:7px 0}.day-tabs span,.day-tabs b{padding:6px 2px;font-size:6px;border-radius:7px}
  .time-item{grid-template-columns:30px 1fr auto;gap:5px;padding:7px 6px;margin:5px 0;border-radius:9px;border-left-width:3px}.time-item time{font-size:7px}.time-item div b{font-size:7px}.time-item div small{font-size:5px;margin-top:2px}.time-item em{font-size:5px;padding:3px 4px}.time-pick .time-item:last-child{display:none}
  .request-card{text-align:left;display:grid;grid-template-columns:42px 1fr auto;grid-template-rows:auto auto;column-gap:9px;align-items:center;padding:10px 12px}
  .request-card .journey-step{position:absolute;top:9px;left:62px;margin:0}.request-success{grid-column:1;grid-row:1/3;width:34px;height:34px;margin:0;font-size:18px}.request-card h4{grid-column:2;grid-row:1;margin:9px 0 0;font-size:10px}.request-card p{grid-column:2;grid-row:2;font-size:6px;line-height:1.4}.request-student{display:none}.request-card button{grid-column:3;grid-row:1/3;padding:7px 8px;font-size:6px;border-radius:7px}

  /* Coach: keep one readable phone and multilingual message visible. */
  #operations{justify-content:flex-start;padding-top:80px}
  .language-badges{margin-top:14px;gap:6px}.language-badges span{font-size:8px;padding:6px 9px}
  .coach-showcase{width:100%;height:47dvh;min-height:0;flex:none;margin-top:2px}
  .coach-phone{height:min(45dvh,445px);max-width:72vw;border-radius:34px;padding:7px}
  .coach-real-screen{border-radius:28px}
  .coach-body{padding:11px 9px}.coach-name{font-size:14px;margin-bottom:7px}.coach-legend{padding:6px;margin-bottom:6px;gap:4px}.coach-legend span{font-size:5.5px}.coach-legend span:before{width:5px;height:5px}.coach-week{margin-bottom:6px}.coach-week span,.coach-week b{font-size:6px;padding:6px}.coach-days{gap:4px;margin-bottom:7px}.coach-days span,.coach-days b{padding:5px 4px;font-size:6px}.coach-days small{font-size:5px}.coach-body h4{font-size:9px;margin:2px 0 5px}.coach-session{grid-template-columns:32px 1fr;gap:6px;margin:5px 0}.coach-session time{font-size:7px;padding-top:5px}.coach-session time small{font-size:5px}.coach-session article{padding:6px 6px;border-radius:9px;border-left-width:3px}.coach-session article b{font-size:7px}.coach-session article>span,.coach-session article small{font-size:5px}.coach-session article strong{font-size:5px;right:5px;top:5px;padding:2px 3px}.coach-session article small{margin-top:4px}
  .language-stack{display:none}

  /* Insight: all cards fit inside one snap page. */
  #insight{justify-content:flex-start;padding-top:82px}
  .analytics-grid{width:100%;height:51dvh;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1.05fr .9fr 1.05fr .9fr;gap:8px;margin-top:4px}
  .metric{min-height:0;height:auto;padding:12px;border-radius:13px}.metric.wide{grid-column:1/3}.metric small{font-size:8px}.metric strong{font-size:24px;margin-top:8px}.metric span{font-size:7px}.metric svg{height:40px;bottom:10px;right:10px}.ring{width:50px;height:50px;right:12px;bottom:12px}.ring:after{inset:9px}.bars{height:55px;gap:6px;margin-top:12px}.bars i{width:11px}

  /* Closing page: clean ice texture, compact footer, one viewport. */
  .apply{height:100dvh;min-height:100svh;padding:86px 20px 28px;justify-content:center}
  .apply h2{font-size:clamp(38px,10.5vw,48px);line-height:1.02;margin:12px 0 18px}.apply-content p{font-size:13px;line-height:1.7}.apply .hero-actions{margin-top:22px}
  .site-footer{left:20px;right:20px;bottom:18px;padding-top:12px;gap:3px;align-items:flex-start}.site-footer strong{font-size:8px}.site-footer span,.site-footer>small{font-size:7px}.footer-links{display:none}
}

@media(max-width:390px){
  .panel{padding-left:15px;padding-right:15px}
  #schedule h2,#booking h2,#operations h2,.insight h2{font-size:38px}
  .schedule-showcase{height:47dvh}.schedule-phone-real{height:46dvh}
  .booking-journey{height:43dvh}.coach-showcase{height:45dvh}.coach-phone{height:43dvh}
  .analytics-grid{height:49dvh}
}

/* ===== First public release: WeChat contact + Mini Program entry ===== */
button{font:inherit}
.nav-cta,.btn,.platform-mini-link,.footer-links button{cursor:pointer}
.nav-cta{background:rgba(255,255,255,.02)}
.nav-cta:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.42)}
.btn{border:0}
.btn.ghost{border:1px solid rgba(255,255,255,.28)}
.platform-note{flex-wrap:wrap}
.platform-mini-link{border:0;background:transparent;color:#43a7ff;padding:0 2px;font-size:inherit;text-decoration:none}
.platform-mini-link:hover{color:#fff}

.mini-program-quick{
  position:absolute;z-index:3;right:5.5vw;bottom:126px;
  display:flex;align-items:center;gap:13px;padding:10px 14px 10px 10px;
  border:1px solid rgba(255,255,255,.12);border-radius:16px;
  background:rgba(4,12,19,.78);backdrop-filter:blur(14px);
  box-shadow:0 20px 60px rgba(0,0,0,.32);text-align:left;
}
.mini-program-quick img{width:82px;height:82px;object-fit:cover;border-radius:10px;background:#fff}
.mini-program-quick div{display:flex;flex-direction:column;gap:5px;max-width:170px}
.mini-program-quick strong{font-size:13px;color:#eef7ff}
.mini-program-quick span{font-size:10px;line-height:1.5;color:#788b9e}

.footer-links button{
  padding:0;border:0;background:transparent;color:#607387;font-size:10px;
}
.footer-links button:hover{color:#d9e6f1}

.qr-modal{position:fixed;inset:0;z-index:200;display:none;place-items:center;padding:22px}
.qr-modal.open{display:grid}
.qr-modal-backdrop{position:absolute;inset:0;background:rgba(0,3,6,.78);backdrop-filter:blur(10px)}
.qr-dialog{
  position:relative;z-index:1;width:min(92vw,430px);padding:30px 30px 24px;
  border:1px solid rgba(255,255,255,.14);border-radius:22px;
  background:linear-gradient(160deg,#0b1724,#050b11 70%);
  box-shadow:0 40px 120px rgba(0,0,0,.68);text-align:center;color:#fff;
}
.qr-close{
  position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:50%;
  background:rgba(255,255,255,.06);color:#9db0c1;font-size:23px;line-height:1;cursor:pointer;
}
.qr-close:hover{background:rgba(255,255,255,.12);color:#fff}
.qr-kicker{display:block;margin-bottom:10px;color:#48aaff;font-size:10px;letter-spacing:.18em;font-weight:700}
.qr-dialog h3{font-size:24px;letter-spacing:-.03em;margin:0 0 10px}
.qr-dialog p{margin:0 auto 20px;max-width:340px;color:#91a3b5;font-size:13px;line-height:1.7}
.qr-image-wrap{width:250px;max-width:76vw;aspect-ratio:1;margin:0 auto 14px;padding:10px;border-radius:18px;background:#fff;overflow:hidden}
.qr-image-wrap img{display:block;width:100%;height:100%;object-fit:contain}
.qr-dialog>small{color:#718496;font-size:10px;letter-spacing:.04em}
body.modal-open{overflow:hidden}

@media(max-width:900px){
  /* A QR code cannot be scanned from the same phone reliably; keep the mobile CTA clean.
     The existing “微信小程序” action opens the code in a modal for long-press recognition. */
  .mini-program-quick{display:none}
  .apply-content{max-width:100%}
  .qr-dialog{padding:28px 22px 22px;border-radius:20px}
  .qr-dialog h3{font-size:21px}
  .qr-dialog p{font-size:12px}
  .qr-image-wrap{width:min(66vw,250px)}
}

@media(max-width:390px){
  .apply .hero-actions{margin-top:16px}
  .qr-modal{padding:16px}
  .qr-dialog{padding:25px 18px 20px}
}


/* ===== Precision typography + active navigation refinement 2026-08-17 ===== */
:root{--focus:#1688ff;--focus-soft:#66bdff;--safe-text:#b9c7d4}

/* Active navigation: clear but restrained, with a smooth indicator. */
.nav a{position:relative;padding:9px 1px;color:#aebbc7;font-size:14px;font-weight:600;transition:color .28s ease,transform .28s ease}
.nav a::after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--blue2),var(--blue));box-shadow:0 0 16px rgba(22,136,255,.38);transition:left .28s ease,right .28s ease,opacity .28s ease;opacity:0}
.nav a:hover,.nav a.active{color:#fff}
.nav a.active::after{left:0;right:0;opacity:1}

/* Headings: preserve the current visual system, but separate the semantic focus. */
.focus-title{display:flex;align-items:baseline;gap:.13em;flex-wrap:nowrap;line-height:.98!important;letter-spacing:-.06em!important}
.focus-title.two-line{display:flex;flex-direction:column;align-items:flex-start;gap:.02em}
.focus-title.two-line>span{display:flex;align-items:baseline;gap:.12em;white-space:nowrap}
.title-lead{color:#f5f8fb;font-weight:820}
.title-focus{color:var(--focus);font-weight:880;text-shadow:0 0 28px rgba(22,136,255,.10)}
.nowrap{white-space:nowrap}
.copy-highlight{color:#dceeff;font-weight:650;text-shadow:0 0 18px rgba(89,181,255,.08)}
.feature-copy p{color:#aab9c7;font-size:18px;line-height:1.82;max-width:590px}
.section-index{font-size:13px;letter-spacing:.19em}

/* Minimum readable supporting type on desktop. */
.micro-tags span{font-size:13px;color:#95a9ba;padding:9px 14px}
.flow-line{font-size:12px;color:#90a4b6}.flow-line i{background:#3a5369}
.language-badges span{font-size:12px;padding:9px 14px}
.schedule-detail-card .detail-kicker,.journey-step{font-size:11px}
.schedule-detail-card small,.language-card span,.language-card em,.language-note small{font-size:10px}
.language-card b{font-size:15px}.language-card p{font-size:12px}
.site-footer strong{font-size:12px}.site-footer span,.site-footer>small,.footer-links button{font-size:11px}
.hero-meta strong{font-size:14px}.hero-meta span{font-size:12px}
.platform-note{font-size:11px}

/* Increase readability inside product mockups without changing their structure. */
.journey-head b{font-size:18px}.journey-head small{font-size:11px}
.coach-search{font-size:12px}.coach-row b{font-size:13px}.coach-row small{font-size:10px}
.day-tabs span,.day-tabs b{font-size:11px}.time-item time,.time-item div b{font-size:12px}.time-item div small{font-size:10px}.time-item em{font-size:10px}
.request-card h4{font-size:17px}.request-card p{font-size:11px}.request-student b,.request-card button{font-size:11px}
.coach-legend span{font-size:9px}.coach-week span,.coach-week b,.coach-days span,.coach-days b{font-size:10px}.coach-days small{font-size:8px}
.coach-session time{font-size:12px}.coach-session time small{font-size:9px}.coach-session article b{font-size:12px}.coach-session article>span,.coach-session article small{font-size:9px}.coach-session article strong{font-size:8px}
.metric small{font-size:13px}.metric span{font-size:11px}

/* Final page: scalable, sharp rink artwork instead of the low-height raster strip. */
.apply-bg{
  background:
    radial-gradient(circle at 50% 22%,rgba(22,136,255,.12),transparent 34%),
    linear-gradient(0deg,rgba(2,6,10,.90),rgba(2,6,10,.62)),
    url('assets/ice-texture.jpg') center/cover no-repeat!important;
  filter:saturate(.72) contrast(1.05)!important;
}

@media(max-width:1300px){
  .feature-copy p{font-size:16px}
  .focus-title{font-size:clamp(42px,4.7vw,64px)!important}
}

@media(max-width:900px){
  .focus-title{font-size:clamp(38px,10vw,48px)!important;line-height:1.02!important;gap:.08em}
  .focus-title:not(.two-line){flex-wrap:wrap}
  .focus-title .nowrap{white-space:nowrap}
  .feature-copy p{font-size:14px!important;line-height:1.75!important;color:#b5c3d0}
  .section-index{font-size:11px!important}
  .micro-tags span{font-size:11px!important;padding:7px 10px!important}
  .flow-line{font-size:10px!important}
  .language-badges span{font-size:10px!important;padding:7px 10px!important}
  .site-footer strong{font-size:10px!important}.site-footer span,.site-footer>small{font-size:9px!important}
  .platform-note{font-size:10px!important;line-height:1.5}
  .metric small{font-size:10px!important}.metric span{font-size:9px!important}
  /* Product mockups: never drop below a legibility floor on phones. */
  .journey-step{font-size:8px!important}.journey-head b{font-size:12px!important}.journey-head small{font-size:8px!important}.coach-search{font-size:9px!important}
  .coach-row b{font-size:9px!important}.coach-row small{font-size:7px!important}.day-tabs span,.day-tabs b{font-size:8px!important}
  .time-item time,.time-item div b{font-size:8px!important}.time-item div small,.time-item em{font-size:7px!important}.request-card h4{font-size:11px!important}.request-card p,.request-card button{font-size:8px!important}
  .coach-name{font-size:15px!important}.coach-legend span{font-size:7px!important}.coach-week span,.coach-week b,.coach-days span,.coach-days b{font-size:8px!important}.coach-days small{font-size:7px!important}
  .coach-session time,.coach-session article b{font-size:8px!important}.coach-session time small,.coach-session article>span,.coach-session article small,.coach-session article strong{font-size:7px!important}
}

@media(max-width:430px){
  .focus-title:not(.two-line){display:block}
  .focus-title:not(.two-line) .title-lead{display:block;margin-bottom:.02em}
  .focus-title:not(.two-line) .title-focus{display:block}
}


/* ===== ICP filing disclosure (2026-09) ===== */
.site-footer{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:end;
  column-gap:28px;
}
.site-footer .footer-brand{display:flex;flex-direction:column;gap:5px;min-width:0}
.site-footer .footer-center{display:flex;flex-direction:column;align-items:center;gap:7px;justify-self:center}
.site-footer .icp-record{
  color:#7d91a4;
  font-size:11px;
  line-height:1.4;
  text-decoration:none;
  white-space:nowrap;
  transition:color .2s ease;
}
.site-footer .icp-record:hover,.site-footer .icp-record:focus-visible{color:#d9e6f1;text-decoration:underline}
.site-footer>small{justify-self:end;white-space:nowrap}

@media(max-width:900px){
  .site-footer{
    display:grid;
    grid-template-columns:1fr;
    row-gap:5px;
    align-items:start;
  }
  .site-footer .footer-center{align-items:flex-start;justify-self:start;gap:3px}
  .site-footer .icp-record{font-size:9px!important}
  .site-footer>small{justify-self:start}
}