@font-face{font-family:YLNum;src:url(/fonts/yl-num-700.ttf)format("truetype");font-weight:700;font-display:swap;unicode-range:U+20,U+25,U+2B-2F,U+30-3A,U+A5}:root{color-scheme:dark;--night:var(--hs-night);--glass:#07201da8;--line:#7dd4c129;--line-2:#f3efe417;--cream:var(--hs-cream);--mist:var(--hs-mist);--dim:var(--hs-dim);--teal:var(--hs-teal);--teal-hi:var(--hs-teal-hi);--lemon:var(--hs-lemon);--coral:var(--hs-coral);--coral-hi:var(--hs-coral-hi);--ink-on:var(--hs-ink);--ok:var(--hs-ok);--modal:var(--hs-modal);--f-num:"YLNum","DM Sans Variable","PingFang SC",system-ui,sans-serif;--f-zh:"Yuanti SC","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei","Noto Sans SC Variable",sans-serif;--f-lat:"DM Sans Variable","Avenir Next","PingFang SC","Microsoft YaHei",sans-serif;--t-display:clamp(44px,5.6vw,76px);--t-h2:clamp(30px,3.2vw,44px);--t-body:17px;--t-small:15px;--t-cap:13px;--t-micro:11px;--g:clamp(20px,5vw,80px);--pw:460px;--r:24px;--r-sm:14px;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--night);color:var(--cream);font:var(--t-body)/1.7 var(--f-zh);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--lemon);outline-offset:3px;border-radius:8px}h1,h2,h3,p{margin:0}h1,h2,.slogan{text-wrap:balance}#hs-sky{z-index:0;background:radial-gradient(70vmax 55vmax at var(--sx,75%) 30%,#42b4a02e,transparent 62%), radial-gradient(45vmax 40vmax at 10% 90%,#ec6c5f17,transparent 60%),var(--night);position:fixed;inset:0}#hs-word{z-index:1;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}#hs-word span{font:800 clamp(110px,21vw,340px)/1 var(--f-num);letter-spacing:-.03em;white-space:nowrap;color:#0000;-webkit-text-stroke:1.2px #7dd4c11c;will-change:transform}#hs-gl{z-index:2;width:100%;height:100%;display:block;position:fixed;inset:0}#hs-vig{z-index:3;pointer-events:none;background:radial-gradient(120% 90%,#0000 55%,#020a098c);position:fixed;inset:0}header{top:env(safe-area-inset-top,0px);z-index:30;height:76px;padding-inline:var(--g);grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;left:0;right:0}.brand{white-space:nowrap;justify-self:start;align-items:center;gap:10px;font-size:16px;font-weight:800;line-height:1.2;text-decoration:none;display:flex}.brand small{font:800 9px/1 var(--f-lat);letter-spacing:.22em;color:var(--mist);margin-top:3px;display:block}nav.top{-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);background:#05171599;border-radius:99px;gap:2px;padding:5px;display:flex}nav.top a{font-size:var(--t-cap);color:var(--mist);border-radius:99px;padding:8px 14px;text-decoration:none;transition:color .24s,background .24s}nav.top a:hover{color:var(--cream)}nav.top a.on{color:var(--ink-on);background:var(--cream)}.hr{justify-self:end;align-items:center;gap:10px;display:flex}.snd{border:1px solid var(--line);cursor:pointer;height:40px;font:800 12px/1 var(--f-zh);color:var(--mist);background:#05171599;border-radius:99px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.snd .eq{align-items:flex-end;gap:2px;height:12px;display:flex}.snd .eq i{background:currentColor;border-radius:1px;width:2px;height:30%}.snd[aria-pressed=true]{color:var(--lemon);border-color:#dbe00066}.snd[aria-pressed=true] .eq i{animation:.9s ease-in-out infinite eq}.snd .eq i:nth-child(2){animation-delay:-.3s}.snd .eq i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%,to{height:25%}50%{height:100%}}.cta-top{height:40px;font:800 13px/1 var(--f-zh);background:var(--lemon);color:var(--ink-on);white-space:nowrap;transition:transform .24s var(--ease),box-shadow .24s;border-radius:99px;align-items:center;padding:0 18px;text-decoration:none;display:inline-flex}.cta-top:hover{transform:translateY(-2px);box-shadow:0 10px 26px #dbe00040}#hs-rail{left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:30;-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);background:#0517158c;border-radius:99px;gap:6px;padding:6px;display:flex;position:fixed;transform:translate(-50%)}#hs-rail button{all:unset;cursor:pointer;height:28px;font:800 var(--t-micro)/1 var(--f-zh);color:var(--dim);transition:all .4s var(--ease);border-radius:99px;align-items:center;gap:8px;padding:0 10px;display:flex}#hs-rail button i{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}#hs-rail button span{white-space:nowrap;max-width:0;transition:max-width .4s var(--ease);overflow:hidden}#hs-rail button.on{color:var(--ink-on);background:var(--cream)}#hs-rail button.on span,#hs-rail button:hover span{max-width:6em}#hs-rail button:hover{color:var(--cream)}#hs-rail button.on:hover{color:var(--ink-on)}#hs-meter{transform-origin:0;background:linear-gradient(90deg,var(--teal),var(--lemon),var(--coral));z-index:31;width:100%;height:2px;position:fixed;top:0;left:0;transform:scaleX(0)}main{z-index:10;position:relative}.act{height:190vh;position:relative}.act.hero{height:170vh}.stage{height:100vh;padding:96px var(--g) 84px;align-items:center;display:flex;position:sticky;top:0}.act[data-side=r] .stage{justify-content:flex-end}.panel{width:min(var(--pw),100%);opacity:.5;transition:transform .7s var(--ease),opacity .7s var(--ease);gap:18px;display:grid;transform:translateY(14px)}.act.on .panel{opacity:1;transform:none}.hero .panel{width:min(580px,100%)}.card{background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(1.25);border:1px solid var(--line);border-radius:var(--r);padding:28px}.row{justify-content:space-between;align-items:center;gap:12px;min-height:28px;display:flex}.kicker{font:800 var(--t-micro)/1 var(--f-lat);letter-spacing:.18em;color:var(--teal-hi);text-transform:uppercase;white-space:nowrap;align-items:center;gap:10px;display:flex}.kicker b{font:800 var(--t-cap)/1 var(--f-num);letter-spacing:.04em;color:var(--lemon)}.pill{height:26px;font:800 var(--t-micro)/1 var(--f-zh);color:var(--cream);white-space:nowrap;background:#42b4a026;border:1px solid #7dd4c147;border-radius:99px;align-items:center;gap:7px;padding:0 10px;display:inline-flex}.pill i{background:var(--ok);border-radius:50%;width:6px;height:6px;animation:2s infinite ping}@keyframes ping{0%{box-shadow:0 0 #6fc79a99}70%,to{box-shadow:0 0 0 7px #6fc79a00}}h1,.slogan{font-size:var(--t-display);letter-spacing:-.02em;font-weight:800;line-height:1.06}h1 em,.slogan em{color:var(--ink-on);background:var(--lemon);border-radius:.1em;padding:0 .1em;font-style:normal}.hero h1.biz{font-size:var(--t-body);letter-spacing:.04em;color:var(--cream);line-height:1.5}h2{font-size:var(--t-h2);letter-spacing:-.015em;font-weight:800;line-height:1.15}.lede{font-size:var(--t-small);color:var(--mist);line-height:1.75}.hero .lede{font-size:var(--t-body);max-width:32em}.facts{border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);grid-template-columns:repeat(3,1fr);display:grid}.facts div{gap:4px;padding:14px 0 12px;display:grid}.facts div+div{border-left:1px solid var(--line-2);padding-left:16px}.facts b{font:800 30px/1 var(--f-num);font-variant-numeric:tabular-nums;color:var(--cream);white-space:nowrap}.facts b sup{font:800 12px/1 var(--f-zh);color:var(--teal-hi);vertical-align:top;margin-left:3px;position:relative;top:2px}.facts b.t{font:800 19px/1.55 var(--f-zh)}.facts span{color:var(--dim);font-size:12px;line-height:1.4}.entries{gap:8px;display:grid}.entry{border-radius:var(--r-sm);border:1px solid var(--line-2);cursor:pointer;text-align:left;width:100%;height:58px;transition:background .24s,border-color .24s,transform .3s var(--ease);background:#f3efe40b;grid-template-columns:62px 1fr 20px;align-items:center;gap:12px;padding:0 14px;text-decoration:none;display:grid}.entry:hover{background:#f3efe417;border-color:#7dd4c14d;transform:translate(3px)}.tag{font:800 10px/1 var(--f-zh);letter-spacing:.06em;white-space:nowrap;border-radius:7px;justify-self:start;align-items:center;height:22px;padding:0 8px;display:inline-flex}.tag.mp{color:var(--teal-hi);background:#42b4a033}.tag.web{color:var(--lemon);background:#dbe00024}.tag.dy{color:var(--coral-hi);background:#ec6c5f29}.tag.oa{color:var(--cream);background:#f3efe41a}.entry b{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;line-height:1.3;display:block;overflow:hidden}.entry small{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.35;display:block;overflow:hidden}.entry .arr{color:var(--mist);text-align:right;font-weight:800}.go{flex-wrap:wrap;gap:10px;display:flex}.more{font-size:var(--t-small);color:var(--teal-hi);align-items:center;gap:6px;margin-top:14px;font-weight:700;text-decoration:none;display:inline-flex}.more span{transition:transform .3s var(--ease)}.more:hover span{transform:translate(4px)}@view-transition{navigation:auto}.btn{height:48px;font:800 15px/1 var(--f-zh);cursor:pointer;transition:transform .24s var(--ease),box-shadow .24s;border:0;border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:0 22px;text-decoration:none;display:inline-flex}.btn.p{background:var(--cream);color:var(--ink-on)}.btn.p:hover{transform:translateY(-2px);box-shadow:0 0 0 5px #f3efe41f,0 14px 30px #0006}.btn.g{color:var(--cream);background:0 0;box-shadow:inset 0 0 0 1.5px #f3efe45c}.btn.g:hover{box-shadow:inset 0 0 0 1.5px var(--cream);transform:translateY(-2px)}.teachers{grid-template-columns:repeat(7,1fr);gap:10px 6px;display:grid}.tc{all:unset;cursor:pointer;text-align:center;justify-items:center;gap:4px;min-width:0;display:grid}.tc img{object-fit:cover;width:48px;height:48px;transition:box-shadow .3s,transform .3s var(--ease);border-radius:50%;display:block;box-shadow:0 0 0 2px #7dd4c140}.tc:hover img,.tc:focus-visible img{box-shadow:0 0 0 2px var(--lemon);transform:translateY(-3px)}.tc b{white-space:nowrap;font-size:12px;line-height:1.2}.tc small{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;line-height:1.2;overflow:hidden}.caps{grid-template-columns:1fr 1fr;gap:8px;display:grid}.caps div{border-radius:var(--r-sm);border:1px solid var(--line-2);color:var(--dim);background:#f3efe40b;padding:12px 14px;font-size:12.5px;line-height:1.45}.caps b{color:var(--cream);margin-bottom:2px;font-size:14px;display:block}.marq{overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marq div{width:max-content;color:var(--mist);white-space:nowrap;gap:22px;font-size:13px;animation:50s linear infinite mq;display:flex}.marq:hover div{animation-play-state:paused}@keyframes mq{to{transform:translate(-50%)}}.mail{border:1px solid var(--line-2);background:#f3efe40f;border-radius:99px;align-items:center;gap:10px;height:48px;padding:0 6px 0 16px;display:flex}.mail span{color:var(--dim);white-space:nowrap;font-size:12px}.mail code{min-width:0;font:800 14px/1 var(--f-lat);user-select:all;text-overflow:ellipsis;flex:1;overflow:hidden}.mail button{background:var(--cream);height:36px;color:var(--ink-on);font:800 12px/1 var(--f-zh);cursor:pointer;border:0;border-radius:99px;padding:0 14px}.yl-about{padding:8vh var(--g) 24vh;position:relative}.yl-about .card{width:min(var(--pw),100%);gap:14px;display:grid}.yl-about h2{font-size:var(--t-h2)}.yl-about p{font-size:var(--t-small);color:var(--mist);line-height:1.85}.yl-about p b{color:var(--cream)}.foot{color:var(--dim);flex-wrap:wrap;gap:4px 14px;font-size:11.5px;display:flex}.foot a{color:var(--dim)}.hint{left:50%;bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:29;font:800 var(--t-micro)/1 var(--f-zh);letter-spacing:.2em;color:var(--mist);pointer-events:none;flex-direction:column;align-items:center;gap:10px;transition:opacity .6s;display:flex;position:fixed;transform:translate(-50%)}.hint i{background:linear-gradient(var(--mist),transparent);width:1px;height:34px;animation:drip 1.8s var(--ease) infinite;transform-origin:top}@keyframes drip{0%{transform:scaleY(0)}60%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.toast{opacity:0;z-index:40;background:var(--cream);color:var(--ink-on);font:800 14px/1.45 var(--f-zh);transition:all .3s var(--ease);text-align:center;pointer-events:none;border-radius:14px;max-width:calc(100% - 32px);padding:12px 18px;position:fixed;top:92px;left:50%;transform:translate(-50%,-10px)}.toast.on{opacity:1;transform:translate(-50%)}.nogl #hs-gl,#hs-fallback{display:none}.nogl #hs-fallback{right:calc(var(--g) + 8vw);z-index:2;width:min(22vw,220px);display:block;position:fixed;top:28vh}.qm{z-index:50;-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .3s var(--ease);background:#020c0b9e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.qm.on{opacity:1;pointer-events:auto}.qm-in{background:var(--modal);border:1px solid var(--line);border-radius:var(--r);text-align:center;width:min(360px,100%);transition:transform .45s var(--ease);justify-items:center;gap:14px;padding:24px;display:grid;transform:translateY(16px)scale(.98)}.qm.on .qm-in{transform:none}.qm-code{background:#fff;border-radius:20px;width:220px;height:220px;padding:14px;box-shadow:0 0 0 6px #dbe0001f,0 20px 50px #00000073}.qm-code img{object-fit:contain;image-rendering:auto;width:100%;height:100%;display:block}.qm-code.px img{image-rendering:pixelated}.qm h3{font-size:20px;font-weight:800}.qm p{color:var(--mist);font-size:13.5px;line-height:1.6}.qm .note{color:var(--dim);font-size:12px}.qm .acts{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.qm .acts .btn{height:42px;padding:0 18px;font-size:14px}@media (width<=1100px){nav.top a{padding:8px 10px}}@media (width<=900px){nav.top{display:none}header{grid-template-columns:1fr auto}:root{--pw:440px}}@media (width<=760px){header{height:64px}.snd span.l{display:none}.act,.act.hero{height:auto;min-height:0}.stage{height:auto;min-height:0;padding:58vh 16px 22vh;display:block;position:relative}.hero .stage{padding-top:50vh}.panel{opacity:1;width:100%;transform:none}.card{padding:22px}.yl-about{padding:0 16px 12vh}.teachers{grid-template-columns:repeat(5,1fr)}#hs-rail{display:none}#hs-meter{height:3px}.hint{display:none}.caps{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.panel{opacity:1;transform:none}}.pg-act{height:150vh}.pg{z-index:10;padding:0 var(--g) 96px;gap:clamp(56px,8vw,96px);max-width:1240px;margin:0 auto;display:grid;position:relative}.pg-sec{gap:22px;display:grid}.pg-head{gap:10px;max-width:640px;display:grid}.pg-head h2{font-size:var(--t-h2)}.pg-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px;display:grid}.pg-tiles{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:10px;display:grid}.tile{all:unset;cursor:pointer;border-radius:var(--r-sm);background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);transition:transform .3s var(--ease),border-color .3s;gap:4px;padding:16px;display:grid}.tile:hover,.tile:focus-visible{border-color:#7dd4c166;transform:translateY(-3px)}.tile b{font:800 30px/1 var(--f-num);color:var(--cream)}.tile b sup{font:800 12px/1 var(--f-zh);color:var(--teal-hi);vertical-align:top;margin-left:3px}.tile span{color:var(--mist);font-size:14px}.course{all:unset;cursor:pointer;border-radius:var(--r);background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);transition:transform .35s var(--ease),border-color .35s;grid-template-rows:auto 1fr;display:grid;position:relative;overflow:hidden}.course:hover,.course:focus-visible{border-color:#7dd4c173;transform:translateY(-4px)}.course img{aspect-ratio:16/9;object-fit:cover;background:var(--modal);width:100%;display:block}.course .ci{align-content:start;gap:6px;padding:14px 16px 16px;display:grid}.course b{font-size:15.5px;line-height:1.4}.course small{color:var(--dim);font-size:12.5px;line-height:1.5}.course .meta{color:var(--mist);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.course .free{color:var(--ink-on);background:var(--lemon);border-radius:99px;padding:2px 8px;font-weight:800}.steps{counter-reset:st;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px;display:grid}.step{border-radius:var(--r);background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);align-content:start;gap:8px;padding:22px;display:grid}.step:before{counter-increment:st;content:counter(st,decimal-leading-zero);font:800 22px/1 var(--f-num);color:var(--lemon)}.step b{font-size:17px}.step p{color:var(--mist);font-size:14px;line-height:1.7}.faq{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px;display:grid}.faq div{border-radius:var(--r);background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);align-content:start;gap:8px;padding:22px;display:grid}.faq h3{font-size:17px;line-height:1.45}.faq p{color:var(--mist);font-size:14px;line-height:1.75}.tbl{border-radius:var(--r);border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px);overflow-x:auto}.tbl table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px}.tbl th,.tbl td{text-align:left;border-bottom:1px solid var(--line-2);padding:12px 16px}.tbl th{color:var(--dim);font-size:12px;font-weight:800}.tbl tr:last-child td{border-bottom:0}.tbl td b{font:800 16px/1 var(--f-num)}.tstrip{flex-wrap:wrap;gap:14px 10px;display:flex}.tstrip .tc{width:76px}.tstrip .tc img{width:56px;height:56px}.logos{flex-wrap:wrap;gap:10px;display:flex}.logos a{border-radius:var(--r-sm);background:var(--cream);width:120px;height:64px;transition:transform .3s var(--ease);place-items:center;padding:10px;display:grid}.logos a:hover{transform:translateY(-3px)}.logos img{object-fit:contain;max-width:100%;max-height:100%}.pg-foot{border-top:1px solid var(--line-2);gap:12px;padding-top:28px;display:grid}html.hs-dim #hs-gl{opacity:.28}#hs-gl{transition:opacity .8s var(--ease)}@media (width<=760px){.pg-act{height:auto}.pg{padding:0 16px 72px}}.pg{grid-template-columns:minmax(0,1fr)}.pg-sec,.pg-grid>*,.pg-tiles>*{min-width:0}.course img{max-width:100%;height:auto}header:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#051715eb 0%,#051715b3 55%,#0000 100%);position:absolute;inset:0 0 -18px}.pg-foot{grid-template-columns:minmax(0,1fr)}.pg-foot>*,.entry>span{min-width:0}