@font-face{font-family:Noto Sans SC;font-style:normal;font-display:swap;font-weight:900;src:url(../media/noto-sans-sc-chinese-simplified-900-normal.0832h5gmo0w7o.woff2)format("woff2"),url(../media/noto-sans-sc-chinese-simplified-900-normal.14fkt49ogprvp.woff)format("woff")}
@font-face{font-family:Noto Sans SC;font-style:normal;font-display:swap;font-weight:900;src:url(../media/noto-sans-sc-latin-900-normal.1o66_kmbu0i6l.woff2)format("woff2"),url(../media/noto-sans-sc-latin-900-normal.2askg10-inbed.woff)format("woff")}
@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/jetbrains-mono-latin-400-normal.3crsbyy6lh6yf.woff2)format("woff2"),url(../media/jetbrains-mono-latin-400-normal.2-1gwgi1uvl-u.woff)format("woff")}
@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:600;src:url(../media/jetbrains-mono-latin-600-normal.2mm922pe315l1.woff2)format("woff2"),url(../media/jetbrains-mono-latin-600-normal.28pz06g_9sy0y.woff)format("woff")}
:root{--font-system:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:72px;--space-9:96px;--container:1240px;--prose:760px}[data-skin=workbench]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0e12;--surface:#15181e;--surface-2:#111419;--border:#262b33;--border-strong:#343b46;--text:#eceff3;--text-muted:#c7cdd6;--text-subtle:#a3acb9;--accent:#b8f04a;--accent-hover:#d4fa8a;--accent-ink:#0c0e12;--danger:#ff8f80;--success:#b8f04a;--font-display:"Noto Sans SC", var(--font-system);--font-body:var(--font-system);--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--weight-display:900;--radius-card:16px;--radius-control:10px;--shadow-card:none}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.75}img,video,iframe{max-width:100%}a{color:var(--accent);text-underline-offset:3px}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip-link{z-index:100;background:var(--accent);color:var(--accent-ink);border-radius:var(--radius-control);padding:8px 16px;position:absolute;top:8px;left:-9999px}.skip-link:focus{left:16px}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.mono{font-family:var(--font-mono)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.btn{border-radius:var(--radius-control);border:1px solid var(--border-strong);min-height:48px;color:var(--text);font:inherit;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:700;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover{color:var(--text);border-color:var(--text-subtle)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-ink)}.btn--small{min-height:44px;padding:8px 16px;font-size:14px}.btn[disabled]{opacity:.6;cursor:wait}.site-header{z-index:50;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-top:14px;padding-bottom:14px;display:flex}.brand{color:var(--text);font-family:var(--font-display);font-weight:var(--weight-display);align-items:center;gap:10px;font-size:20px;line-height:1;text-decoration:none;display:inline-flex}.brand:hover{color:var(--text)}.brand__mark{background:var(--accent);width:28px;height:28px;color:var(--accent-ink);font-family:var(--font-mono);border-radius:8px;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.site-nav{flex-wrap:wrap;align-items:center;gap:4px 20px;font-size:15px;display:flex}.site-nav a{color:var(--text-muted);padding:10px 0;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--text)}.site-nav .btn{color:var(--accent-ink);padding:8px 16px}.hero{padding:var(--space-8) 0}.section--lead{padding-top:var(--space-7)}.section__title--lead{font-size:clamp(32px,5vw,44px)}.hero__eyebrow{font-family:var(--font-mono);color:var(--text-subtle);margin:0 0 18px;font-size:13px}.hero__title{text-wrap:balance;max-width:920px;font-family:var(--font-display);font-weight:var(--weight-display);letter-spacing:-.02em;margin:0;font-size:clamp(36px,6vw,60px);line-height:1.1}.hero__title em{color:var(--accent);font-style:normal;display:block}.hero__intro{max-width:620px;color:var(--text-muted);margin:28px 0 0;font-size:18px}.hero__actions{flex-wrap:wrap;gap:14px;margin-top:36px;display:flex}.section{padding:var(--space-8) 0}.section--band{background:var(--surface-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-bottom:24px;display:flex}.section__title{font-family:var(--font-display);font-weight:var(--weight-display);margin:0;font-size:32px;line-height:1.3}.section__hint{font-family:var(--font-mono);color:var(--text-subtle);margin:0;font-size:13px}.section__more{font-size:15px;font-weight:700}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.tool-card{background:var(--surface);border:2px solid var(--accent);border-radius:var(--radius-card);height:100%;box-shadow:var(--shadow-card);flex-direction:column;gap:12px;padding:22px;transition:transform .15s,box-shadow .15s;display:flex}@media (hover:hover) and (pointer:fine){.tool-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #00000073}}.tool-card__domain{font-family:var(--font-mono);color:var(--text-subtle);word-break:break-all;font-size:12px}.tool-card__name{font-family:var(--font-display);font-weight:var(--weight-display);margin:0;font-size:24px;line-height:1.3}.tool-card__summary{color:var(--text-muted);margin:0;font-size:14px}.tool-card__label{font-family:var(--font-mono);color:var(--text-subtle);margin:0;font-size:12px}.tool-card__price{font-family:var(--font-mono);color:var(--accent);margin:2px 0 0;font-size:18px;font-weight:600}.tool-card__why{margin:2px 0 0;font-size:14px}.tool-card__benefits{color:var(--text-muted);margin:0;padding-left:18px;font-size:13px}.tool-card__open{margin-top:auto;padding:12px;font-size:15px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.course-card{border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border);height:100%;min-height:200px;color:var(--text);flex-direction:column;gap:10px;padding:28px;text-decoration:none;display:flex}.course-card:hover{color:var(--text);border-color:var(--border-strong)}.tag{font-family:var(--font-mono);color:var(--accent-ink);background:var(--accent);border-radius:6px;align-self:flex-start;padding:2px 10px;font-size:12px;line-height:1.6}.tag--quiet{color:var(--text-muted);border:1px solid var(--border-strong);background:0 0}.course-card__title{font-family:var(--font-display);font-weight:var(--weight-display);font-size:28px;line-height:1.3}.course-card__meta{color:var(--text-subtle);flex-grow:1;font-size:15px}.course-card__go{color:var(--accent);font-weight:700}.post-list{margin:0;padding:0;list-style:none}.post-list__item a{border-bottom:1px solid var(--border);color:var(--text);flex-wrap:wrap;gap:4px 32px;padding:20px 0;text-decoration:none;display:flex}.post-list__item a:hover .post-list__title{color:var(--accent)}.post-list__date{min-width:110px;font-family:var(--font-mono);color:var(--text-subtle);padding-top:4px;font-size:13px}.post-list__body{flex:320px;min-width:0}.post-list__title{font-size:19px;font-weight:700}.post-list__excerpt{color:var(--text-subtle);margin:4px 0 0;font-size:15px}.empty{color:var(--text-subtle);padding:24px 0}.page-head{padding:var(--space-8) 0 var(--space-6)}.page-head__kicker{font-family:var(--font-mono);color:var(--text-subtle);margin:0 0 12px;font-size:13px}.page-head__kicker a{color:var(--text-subtle)}.page-head__title{font-family:var(--font-display);font-weight:var(--weight-display);margin:0;font-size:clamp(32px,5vw,48px);line-height:1.2}.page-head__lead{max-width:720px;color:var(--text-muted);margin:16px 0 0;font-size:18px}.prose{max-width:var(--prose);color:var(--text);overflow-wrap:anywhere;padding-bottom:var(--space-8);font-size:17px;line-height:1.85}.prose>:first-child{margin-top:0}.prose h2,.prose h3,.prose h4{font-family:var(--font-display);margin:2em 0 .6em;line-height:1.35}.prose h2{font-size:28px;font-weight:var(--weight-display)}.prose h3{font-size:22px}.prose p,.prose ul,.prose ol,.prose blockquote{margin:0 0 1.1em}.prose li{margin:.3em 0}.prose blockquote{border-left:3px solid var(--accent);color:var(--text-muted);padding:4px 20px}.prose img{background:var(--surface);border:1px solid var(--border);border-radius:12px;height:auto;min-height:48px;margin:1.4em 0;display:block}.prose code{font-family:var(--font-mono);background:var(--surface);border-radius:6px;padding:2px 6px;font-size:.9em}.prose hr{border:0;border-top:1px solid var(--border);margin:2em 0}.prose table{border-collapse:collapse;display:block;overflow-x:auto}.prose td,.prose th{border:1px solid var(--border);padding:8px 12px}.course-layout{padding-bottom:var(--space-8);flex-wrap:wrap;align-items:flex-start;gap:32px;display:flex}.course-layout__main{flex:999 560px;min-width:0}.course-layout__side{flex:300px;min-width:0}.panel{border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border);padding:24px}.panel+.panel{margin-top:16px}.panel__title{font-family:var(--font-display);font-weight:var(--weight-display);margin:0 0 8px;font-size:20px}.panel p{color:var(--text-muted);margin:0 0 16px}.panel .btn{width:100%}.panel .btn+.btn{margin-top:10px}.outline__section{color:var(--text-subtle);margin:24px 0 8px;font-size:15px;font-weight:700}.outline__section:first-child{margin-top:0}.outline__list{border:1px solid var(--border);border-radius:var(--radius-card);margin:0;padding:0;list-style:none;overflow:hidden}.outline__item+.outline__item{border-top:1px solid var(--border)}.outline__link{min-height:56px;color:var(--text);background:var(--surface);align-items:center;gap:12px;padding:12px 18px;text-decoration:none;display:flex}.outline__link:hover{color:var(--text);background:var(--surface-2)}.outline__link[aria-current=page]{background:var(--surface-2);box-shadow:inset 3px 0 0 var(--accent)}.outline__icon{width:18px;height:18px;color:var(--text-subtle);flex:none}.outline__name{flex:1;min-width:0}.outline__meta{font-family:var(--font-mono);color:var(--text-subtle);flex:none;font-size:12px}.player{aspect-ratio:16/9;border-radius:var(--radius-card);border:1px solid var(--border);background:#000;position:relative;overflow:hidden}.player iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.player__placeholder{text-align:center;color:var(--text-subtle);justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.locked{text-align:center;border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border);padding:40px 28px}.locked h2{font-family:var(--font-display);font-weight:var(--weight-display);margin:0 0 8px;font-size:24px}.locked p{color:var(--text-muted);margin:0 0 24px}.locked__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.lesson-title{font-family:var(--font-display);font-weight:var(--weight-display);margin:24px 0 8px;font-size:28px;line-height:1.3}.lesson-nav{flex-wrap:wrap;justify-content:space-between;gap:12px;margin:24px 0 32px;display:flex}.auth-wrap{max-width:440px;padding:var(--space-8) 0;margin:0 auto}.form{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text-muted);font-size:14px;font-weight:700}.field input,.field textarea,.field select{border-radius:var(--radius-control);border:1px solid var(--border-strong);background:var(--surface);min-height:48px;color:var(--text);font:inherit;padding:10px 14px}.field textarea{resize:vertical;min-height:140px;line-height:1.6}.field textarea:focus,.field select:focus,.field input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.form__hint{color:var(--text-subtle);margin:0;font-size:14px}.notice{border-radius:var(--radius-control);border:1px solid var(--border-strong);margin:0;padding:12px 14px;font-size:15px}.notice--error{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 45%, transparent)}.notice--success{color:var(--success);border-color:color-mix(in srgb, var(--success) 45%, transparent)}.inline-form{flex-wrap:wrap;gap:10px;display:flex}.inline-form input{border-radius:var(--radius-control);border:1px solid var(--border-strong);background:var(--bg);min-height:48px;color:var(--text);font:inherit;font-family:var(--font-mono);text-transform:uppercase;flex:220px;padding:10px 14px}.my-courses{margin:0;padding:0;list-style:none}.my-courses li{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:16px 0;display:flex}.my-courses__title{font-size:18px;font-weight:700}.my-courses__meta{color:var(--text-subtle);font-size:14px}.svc-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.svc-card{border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border);height:100%;color:var(--text);flex-direction:column;gap:8px;padding:22px;text-decoration:none;transition:border-color .15s;display:flex}.svc-card:hover,.svc-card:focus-visible{border-color:var(--accent);color:var(--text)}.svc-card__num{font-family:var(--font-mono);color:var(--text-subtle);font-size:13px}.svc-card__title{font-family:var(--font-display);font-weight:var(--weight-display);font-size:22px;line-height:1.3}.svc-card__tagline{color:var(--text-muted);font-size:15px}.svc-card__price{font-family:var(--font-mono);color:var(--text-muted);margin-top:auto;padding-top:8px;font-size:14px}.svc-card__amount{color:var(--accent);font-size:22px;font-weight:600}.svc-jump{margin:0 0 var(--space-6);flex-wrap:wrap;gap:8px;display:flex}.svc-jump a{border:1px solid var(--border-strong);min-height:40px;color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:15px;display:inline-flex}.svc-jump a:hover{border-color:var(--accent);color:var(--text)}.svc-jump__num{font-family:var(--font-mono);color:var(--text-subtle);font-size:12px}.svc-group{padding:var(--space-6) 0;border-top:1px solid var(--border);scroll-margin-top:24px}.svc-group__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;display:flex}.svc-group__title{font-family:var(--font-display);font-weight:var(--weight-display);margin:0;font-size:28px}.svc-group__num{font-family:var(--font-mono);color:var(--text-subtle);font-size:20px;font-weight:600}.svc-group__intro{color:var(--text-muted);margin:8px 0 0}.svc-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:16px;margin-top:20px;display:grid}.svc{border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border);flex-direction:column;padding:24px;display:flex}.svc__top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 12px;display:flex}.svc__title{margin:0;font-size:19px;line-height:1.4}.svc__price{font-family:var(--font-mono);align-items:baseline;gap:6px;margin:14px 0 0;display:flex}.svc__amount{color:var(--accent);font-variant-numeric:tabular-nums;font-size:36px;font-weight:600;line-height:1.1}.svc__unit{color:var(--text-muted);font-size:15px}.svc__price-note{font-family:var(--font-mono);color:var(--text-muted);margin:6px 0 0;font-size:14px}.svc__summary{color:var(--text-muted);margin:12px 0 0}.svc__section{margin-top:16px}.svc__heading{color:var(--text);margin:0 0 8px;font-size:15px}.svc__lines{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.svc__lines li{align-items:flex-start;gap:10px;line-height:1.55;display:flex}.svc__check{width:18px;height:18px;color:var(--accent);flex:none;margin-top:3px}.svc__actions{flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:20px;display:flex}.svc-cta{margin:var(--space-6) 0 var(--space-8);max-width:560px}.svc-cta .btn{width:auto}.qa{margin-top:var(--space-7);padding-top:var(--space-6);border-top:1px solid var(--border)}.qa__title{font-family:var(--font-display);font-weight:var(--weight-display);align-items:center;gap:10px;margin:0 0 16px;font-size:22px;display:flex}.qa__count{font-family:var(--font-mono);color:var(--text-subtle);font-size:14px;font-weight:600}.qa__hint,.qa__empty{color:var(--text-muted);margin:0 0 16px}.qa-form{margin-bottom:24px}.qa-form--reply{gap:10px;margin:12px 0 0}.qa-form__actions{flex-wrap:wrap;gap:10px;display:flex}.qa__list{margin:0;padding:0;list-style:none}.qa__item{border-bottom:1px solid var(--border);padding:18px 0}.qa__meta{color:var(--text-subtle);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:14px;display:flex}.qa__name{color:var(--text-muted);font-weight:700}.qa__body{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;line-height:1.7}.qa__reply{border-radius:var(--radius-control);background:var(--surface);border:1px solid var(--border);margin-top:14px;padding:14px 16px}.qa__reply-btn{margin-top:12px}.qa-group{margin-bottom:24px}.qa-group__qr{border-radius:var(--radius-control);background:#fff;width:100%;max-width:200px;height:auto;margin:0 0 16px;display:block}.outline__icon--done{color:var(--accent)}.inquiry{max-width:var(--prose);margin:var(--space-6) 0}.course-layout__main>.inquiry:first-child{margin-top:0}.inquiry__title{font-family:var(--font-display);font-weight:var(--weight-display);margin:0 0 8px;font-size:24px}.inquiry__intro{color:var(--text-muted);margin:0 0 20px}.inquiry-form__grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.inquiry-form__cell{grid-column:1/-1;min-width:0}.inquiry-form__cell--half{grid-column:auto}.inquiry-form__message{color:var(--text-muted)}.field__optional{color:var(--text-subtle);font-weight:400}.field__error{color:var(--danger);margin:0;font-size:14px}.field [aria-invalid=true]{border-color:var(--danger)}.field--check label,.field--choices label{color:var(--text);cursor:pointer;align-items:flex-start;gap:10px;font-weight:400;display:flex}.field--check input,.field--choices input{width:18px;height:18px;min-height:0;accent-color:var(--accent);margin-top:3px}.field--choices{border:0;gap:10px;margin:0;padding:0}.field--choices legend{color:var(--text-muted);margin-bottom:8px;font-size:14px;font-weight:700}.hp-field{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.inquiry-done p{margin:0}.inquiry-done p+p{margin-top:8px}.contact-qr img{border-radius:var(--radius-control);background:#fff;width:100%;max-width:220px;height:auto;display:block}@media (max-width:640px){.inquiry-form__cell--half{grid-column:1/-1}}.site-footer{border-top:1px solid var(--border);padding:var(--space-6) 0;color:var(--text-subtle);font-size:14px}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;gap:16px 32px;display:flex}.site-footer__links{flex-wrap:wrap;gap:8px 20px;display:flex}.site-footer a{color:var(--text-subtle)}.site-footer a:hover{color:var(--text)}@media (max-width:640px){.section{padding:var(--space-7) 0}.site-nav{gap:0 16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}