.sf-root{color:var(--text)}.sf-root .chapter{scroll-margin-top:140px}.sf-root .toolbar{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:8px 0 4px}.sf-root .btn-audio{font-family:var(--font)}.sf-root .btn-audio.on{background:hsla(23,92%,75%,.16)}.sf-root{--bg:var(--color-base);--bg-2:var(--color-mantle);--bg-3:var(--color-mantle);--panel:var(--color-mantle);--panel-2:var(--color-base);--line:var(--color-surface0);--line-soft:var(--color-surface0);--text:var(--color-text);--text-dim:var(--color-subtext1);--text-faint:var(--color-subtext0);--blue:var(--color-blue);--green:var(--color-green);--orange:var(--color-peach);--pink:var(--color-mauve);--red:var(--color-red);--yellow:var(--color-yellow);--grid:rgba(166,227,161,.08);--grid-label:var(--color-overlay0);--radius:14px;--radius-s:9px;--font:var(--font-space-grotesk),"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--font-display:var(--font-jost),"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--font-serif:var(--font-cormorant),"Noto Serif SC","Songti SC","SimSun",serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--ease-out:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box;margin:0;padding:0}@keyframes bgDrift{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(2%,2%,0) scale(1.07)}}.sf-root a{color:var(--blue);text-decoration:none;transition:color .15s}.sf-root a:hover{text-decoration:underline}.sf-root code{font-family:var(--mono);color:var(--orange);background:hsla(23,92%,75%,.09);padding:1px 6px;border-radius:4px}.sf-root .hl{color:var(--blue);font-weight:600}.sf-root ::-moz-selection{background:rgba(137,180,250,.34);color:var(--text)}.sf-root ::selection{background:rgba(137,180,250,.34);color:var(--text)}.sf-root ::-webkit-scrollbar{width:10px;height:10px}.sf-root ::-webkit-scrollbar-track{background:var(--bg)}.sf-root ::-webkit-scrollbar-thumb{background:var(--panel-2);border-radius:5px;border:2px solid var(--bg)}.sf-root ::-webkit-scrollbar-thumb:hover{background:var(--line)}@keyframes logoPulse{0%,to{opacity:1}50%{opacity:.72}}.sf-root .sound-hint{color:var(--yellow);font-size:12px;animation:hintBlink 2.2s ease-in-out infinite}@keyframes hintBlink{0%,to{opacity:.85}50%{opacity:.45}}.sf-root .btn-audio{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:13px;cursor:pointer;transition:all .2s}.sf-root .btn-audio:hover{border-color:var(--orange);transform:translateY(-1px)}.sf-root .btn-audio.on{background:var(--orange-dim);border-color:var(--orange);color:var(--orange);box-shadow:0 0 14px hsla(23,92%,75%,.3)}.sf-root .scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:300;background:linear-gradient(90deg,var(--blue),var(--green),var(--orange));box-shadow:0 0 12px rgba(137,180,250,.55)}.sf-root .ch-nav{position:sticky;top:64px;z-index:40;background:var(--color-header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-surface2)}.sf-root .ch-nav-inner{max-width:1200px;margin:0 auto;padding:10px 24px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.sf-root .ch-nav-inner::-webkit-scrollbar{display:none}.sf-root .chip{flex:0 0 auto;color:var(--color-subtext1);font-size:13px;font-weight:500;padding:6px 16px;border-radius:999px;border:1px solid var(--color-surface2);background:transparent;transition:color .18s ease,border-color .18s ease,background .18s ease;white-space:nowrap}.sf-root .chip:hover{color:var(--color-text);border-color:var(--color-surface1);background:var(--color-mantle);text-decoration:none}.sf-root .chip.active{color:#11111b;border-color:#fe640b;background:#fe640b;box-shadow:0 2px 8px rgba(254,100,11,.25);font-weight:600}.sf-root main{max-width:1080px;margin:0 auto;padding:24px 20px 80px}.sf-root .chapter{margin-bottom:90px;scroll-margin-top:110px;opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s var(--ease-out)}.sf-nojs .chapter,.sf-nojs .chapter .ch-head,.sf-nojs .chapter .know-box,.sf-nojs .chapter .lab,.sf-nojs .chapter .tip-box{opacity:1;transform:none}.sf-root .chapter.visible{opacity:1;transform:translateY(0)}.sf-root .chapter .ch-head,.sf-root .chapter .know-box,.sf-root .chapter .lab,.sf-root .chapter .tip-box{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s var(--ease-out)}.sf-root .chapter.visible .ch-head{opacity:1;transform:none;transition-delay:.04s}.sf-root .chapter.visible .lab{opacity:1;transform:none;transition-delay:.12s}.sf-root .chapter.visible .know-box,.sf-root .chapter.visible .tip-box{opacity:1;transform:none;transition-delay:.2s}.sf-root .ch-head{margin-bottom:22px;position:relative;padding-left:58px}.sf-root .ch-num{position:absolute;left:0;top:6px;font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--bg);background:linear-gradient(135deg,var(--orange),var(--pink));border-radius:9px;padding:2px 9px;letter-spacing:.5px;box-shadow:0 2px 16px hsla(23,92%,75%,.4),inset 0 1px 0 rgba(205,214,244,.25);animation:numGlow 4s ease-in-out infinite}.sf-root .chapter:nth-of-type(odd) .ch-num{background:linear-gradient(135deg,var(--blue),var(--green));box-shadow:0 2px 16px rgba(137,180,250,.38),inset 0 1px 0 rgba(205,214,244,.25)}@keyframes numGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.22)}}.sf-root .ch-head h2{font-family:var(--font-display);font-size:27px;font-weight:700;letter-spacing:.3px;line-height:1.3;color:var(--text)}.sf-root @supports((-webkit-background-clip: text) or (background-clip: text)){.sf-root .ch-head h2{background:linear-gradient(92deg,var(--text) 0,var(--blue) 62%,var(--green) 118%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}}@media (max-width:640px){.sf-root .ch-head h2{font-size:22px}}.sf-root .ch-intuition{position:relative;font-family:var(--font-serif);color:var(--text-dim);font-size:15px;margin-top:6px;padding-left:14px}.sf-root .ch-intuition:before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:3px;border-radius:2px;background:linear-gradient(180deg,var(--orange),var(--pink))}.sf-root .ch-body>.lead{color:var(--text-dim);font-size:15.5px;margin-bottom:20px;max-width:760px}.sf-root .ch-body>.lead b{color:var(--text)}.sf-root .ch-body:before{content:"";display:block;height:1px;margin:2px 0 20px;background:linear-gradient(90deg,transparent,var(--line) 22%,var(--line) 78%,transparent)}.sf-root .lab{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:18px;box-shadow:0 8px 30px rgba(17,17,27,.4);transition:transform .3s var(--ease-out),border-color .3s,box-shadow .3s}.sf-root .lab:before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,hsla(23,92%,75%,.5),transparent);opacity:.7}.sf-root .lab:after{content:"";position:absolute;right:-70px;top:-70px;width:190px;height:190px;pointer-events:none;background:radial-gradient(circle,rgba(137,180,250,.1),transparent 70%)}.sf-root .lab:hover{transform:translateY(-2px);border-color:hsla(23,92%,75%,.25);box-shadow:0 16px 46px rgba(17,17,27,.55),0 0 0 1px hsla(23,92%,75%,.07)}.sf-root .lab-title{display:inline-block;position:relative;font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--orange);margin-bottom:4px}.sf-root .lab-title:after{content:"";position:absolute;left:0;bottom:-3px;height:2px;width:100%;border-radius:1px;background:linear-gradient(90deg,var(--orange),transparent)}.sf-root .lab-desc{color:var(--text-dim);font-size:13.5px;margin-bottom:16px;max-width:780px}.sf-root .lab-grid{display:grid;gap:16px;margin-bottom:16px}.sf-root .lab-grid-3{grid-template-columns:repeat(3,1fr)}.sf-root .lab-grid-2{grid-template-columns:1fr 1.4fr}@media (max-width:860px){.sf-root .lab-grid-2,.sf-root .lab-grid-3{grid-template-columns:1fr}}.sf-root .lab-cell{background:var(--bg-3);border:1px solid var(--line-soft);border-radius:var(--radius-s);padding:12px;transition:border-color .25s,box-shadow .25s}.sf-root .lab-cell:hover{border-color:rgba(137,180,250,.24);box-shadow:inset 0 0 24px rgba(137,180,250,.04)}.sf-root .cell-title{font-size:12px;color:var(--text-faint);margin-bottom:8px;letter-spacing:.5px}.sf-root .svg-stage{position:relative;width:100%;overflow:hidden;border-radius:7px}.sf-root .svg-stage svg{display:block}.sf-root .svg-stage:after{content:"";position:absolute;left:0;right:0;top:-32%;height:28%;background:linear-gradient(180deg,transparent,rgba(166,227,161,.08),transparent);pointer-events:none;animation:scanline 6.5s linear infinite}.sf-root .chapter:not(.visible) .svg-stage:after{animation-play-state:paused}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(480%)}}.sf-root .sp-svg,.sf-root .wf-svg{background:rgba(17,17,27,.55);border-radius:6px}.sf-root .prism-light{position:absolute;left:6%;right:6%;top:50%;transform:translateY(-50%);height:26px;border-radius:13px;opacity:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(205,214,244,.9),transparent);box-shadow:0 0 28px rgba(205,214,244,.55)}.sf-root .grid-mid{stroke:var(--line);stroke-width:1;stroke-dasharray:4 4}.sf-root .grid-h,.sf-root .grid-v{stroke:var(--grid);stroke-width:1}.sf-root .grid-label{fill:var(--grid-label);font-size:9px;font-family:var(--mono)}.sf-root .sp-line{stroke:var(--green);stroke-width:2.4;opacity:.92;filter:drop-shadow(0 0 3px rgba(166,227,161,.35))}.sf-root .sp-line.label-high{stroke:var(--pink);stroke-width:3.2;filter:drop-shadow(0 0 6px rgba(203,166,247,.5))}.sf-root .sp-line.label-h1{stroke:var(--blue);stroke-width:3;filter:drop-shadow(0 0 6px rgba(137,180,250,.5))}.sf-root .sp-line.label-h2{stroke:var(--orange);stroke-width:3;filter:drop-shadow(0 0 6px rgba(250,179,135,.5))}.sf-root .sp-line.label-dim{opacity:.4}.sf-root .sp-line-label{fill:var(--text);font-size:11px;font-family:var(--font-display);font-weight:600}.sf-root .sp-tip{transition:r .15s}.sf-root .sp-envelope{opacity:.85}.sf-root .sp-region{fill:rgba(166,227,161,.14)}.sf-root .sp-region-label{fill:var(--text-dim);font-size:10px}.sf-root .sp-needle{stroke:var(--pink);stroke-width:1.6;stroke-dasharray:5 4;filter:drop-shadow(0 0 4px rgba(203,166,247,.5))}.sf-root .wf-glow{filter:blur(1.2px)}.sf-root .wf-line{filter:drop-shadow(0 0 5px rgba(137,180,250,.45))}.sf-root .lab-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin:14px 0 6px}.sf-root .lab-controls.center{justify-content:center}.sf-root .btn-host,.sf-root .pbar-host,.sf-root .pill-host,.sf-root .play-host,.sf-root .range-bar-host,.sf-root .slider-host{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sf-root .range-bar-host{flex:1 1 100%}.sf-root .slider-wrap{display:inline-flex;align-items:center;gap:8px;font-size:13px}.sf-root .slider-label{color:var(--text-dim);white-space:nowrap}.sf-root .slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:160px;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--panel-2),var(--bg-3));border:1px solid var(--line-soft);outline:none;cursor:pointer;transition:box-shadow .2s,border-color .2s}.sf-root .slider:hover{border-color:var(--line);box-shadow:0 0 0 3px rgba(166,227,161,.08)}.sf-root .slider:active{box-shadow:0 0 0 4px rgba(166,227,161,.13)}.sf-root .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:17px;height:17px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--text),var(--green) 42%,#94e2d5);border:2px solid var(--bg);box-shadow:0 0 10px rgba(166,227,161,.5),0 2px 6px rgba(17,17,27,.6);cursor:grab;-webkit-transition:transform .15s,box-shadow .15s;transition:transform .15s,box-shadow .15s}.sf-root .slider::-webkit-slider-thumb:hover{transform:scale(1.14)}.sf-root .slider:active::-webkit-slider-thumb{transform:scale(1.22);box-shadow:0 0 18px rgba(166,227,161,.8)}.sf-root .slider::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--text),var(--green) 42%,#94e2d5);border:2px solid var(--bg);cursor:grab;box-shadow:0 0 10px rgba(166,227,161,.5)}.sf-root .slider-value{font-family:var(--font-display);font-size:12px;color:var(--green);min-width:64px;text-align:right}.sf-root .pbar-readout.pop,.sf-root .pill-value.pop,.sf-root .slider-value.pop{animation:valuePop .34s var(--ease-out)}@keyframes valuePop{0%{transform:scale(1.45)}to{transform:scale(1)}}.sf-root .btns{display:inline-flex;gap:6px;flex-wrap:wrap}.sf-root .btn{background:var(--panel-2);color:var(--text-dim);border:1px solid var(--line);border-radius:var(--radius-s);padding:5px 14px;font-size:13px;cursor:pointer;transition:all .18s}.sf-root .btn:hover{color:var(--text);border-color:var(--text-faint);transform:translateY(-1px);box-shadow:0 4px 14px rgba(17,17,27,.4)}.sf-root .btn:active{transform:translateY(0) scale(.97)}.sf-root .btn.active{color:var(--bg);background:var(--green);border-color:var(--green);font-weight:600;box-shadow:0 0 16px rgba(166,227,161,.4)}.sf-root .btn-blue.active{background:var(--blue);border-color:var(--blue);box-shadow:0 0 16px rgba(137,180,250,.42)}.sf-root .btn-orange.active{background:var(--orange);border-color:var(--orange);box-shadow:0 0 16px hsla(23,92%,75%,.42)}.sf-root .btn-pink.active{background:var(--pink);border-color:var(--pink);box-shadow:0 0 16px rgba(203,166,247,.42)}.sf-root .btn-red.active{background:var(--red);border-color:var(--red);box-shadow:0 0 16px rgba(243,139,168,.42)}.sf-root .btn-play{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 16px;border-color:var(--orange);color:var(--orange);background:var(--orange-dim);box-shadow:0 0 12px hsla(23,92%,75%,.2)}.sf-root .btn-play:hover{box-shadow:0 0 22px hsla(23,92%,75%,.42)}.sf-root .btn-play .play-ico{font-size:11px}.sf-root .btn-play.playing{background:var(--red);border-color:var(--red);color:var(--text);animation:playPulse 1.6s ease-in-out infinite}@keyframes playPulse{0%,to{box-shadow:0 0 10px rgba(243,139,168,.32)}50%{box-shadow:0 0 24px rgba(243,139,168,.62)}}.sf-root .btn.nudge{border-color:var(--yellow);color:var(--yellow);animation:nudgePulse .4s ease 2}@keyframes nudgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.sf-root .real-host{margin-top:4px}.sf-root .pill{display:inline-flex;align-items:baseline;gap:6px;background:linear-gradient(180deg,var(--bg-3),var(--bg-2));border:1px solid var(--line);border-radius:999px;padding:3px 12px;font-size:13px;box-shadow:0 2px 8px rgba(17,17,27,.3)}.sf-root .pill-label{color:var(--text-faint);font-size:12px}.sf-root .pill-value{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--blue);display:inline-block}.sf-root .pill-unit{color:var(--text-faint);font-size:11px}.sf-root .pill-green .pill-value{color:var(--green)}.sf-root .pill-orange .pill-value{color:var(--orange)}.sf-root .pill-pink .pill-value{color:var(--pink)}.sf-root .pbar{display:flex;align-items:center;gap:10px;margin-top:4px}.sf-root .pbar-track{position:relative;flex:1;max-width:420px;height:10px;border-radius:5px;background:var(--bg-3);border:1px solid var(--line);overflow:hidden}.sf-root .pbar-zone{position:absolute;top:0;bottom:0;border-radius:4px}.sf-root .pbar-mark{position:absolute;top:-4px;bottom:-4px;width:3px;background:var(--pink);border-radius:2px;box-shadow:0 0 8px rgba(203,166,247,.8);transition:left .25s var(--ease-out)}.sf-root .pbar-readout{font-family:var(--font-display);font-size:13px;color:var(--pink);font-weight:600;min-width:64px;display:inline-block}.sf-root .range-bar{margin-top:10px;width:100%}.sf-root .range-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--text-faint);margin-top:2px;font-family:var(--font-display)}.sf-root .range-track{position:relative;height:26px;border-radius:6px;background:linear-gradient(90deg,#313244,#45475a 30%,#585b70 55%,#6c7086);border:1px solid var(--line)}.sf-root .range-mark{position:absolute;top:-3px;bottom:-3px;width:3px;background:var(--green);box-shadow:0 0 10px var(--green);transition:left .2s}.sf-root .range-label{position:absolute;top:3px;font-size:9px;color:rgba(205,214,244,.8);font-family:var(--font-display);background:rgba(17,17,27,.7);padding:0 4px;border-radius:3px;white-space:nowrap}.sf-root .range-label.l{left:4px}.sf-root .range-label.r{right:4px}.sf-root .harmonic-grid{display:grid;gap:6px;margin-top:14px}.sf-root .harmonic-grid:not(.compact){grid-template-columns:1fr 1fr}.sf-root .harmonic-grid.compact{grid-template-columns:repeat(2,1fr)}@media (max-width:700px){.sf-root .harmonic-grid.compact,.sf-root .harmonic-grid:not(.compact){grid-template-columns:1fr}}.sf-root .harm-row{display:flex;align-items:center;gap:10px;background:var(--bg-3);border:1px solid var(--line-soft);border-radius:var(--radius-s);padding:6px 10px;transition:border-color .2s,box-shadow .2s}.sf-root .harm-row:hover{border-color:rgba(137,180,250,.22);box-shadow:inset 0 0 20px rgba(137,180,250,.04)}.sf-root .harm-name{flex:0 0 52px;font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--text-dim);text-align:center}.sf-root .harm-wave{flex:1;height:34px;min-width:0}.sf-root .harm-wave svg{width:100%;height:100%;display:block}.sf-root .harm-slider{flex:0 0 90px}.sf-root .harm-slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--panel-2);outline:none;cursor:pointer}.sf-root .harm-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--text),var(--blue) 45%,#74c7ec);border:2px solid var(--bg);box-shadow:0 0 8px rgba(137,180,250,.5);cursor:grab}.sf-root .harm-slider input[type=range]::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:var(--blue);border:2px solid var(--bg);cursor:grab}.sf-root .harm-sum{background:var(--bg-2);border-color:var(--line)}.sf-root .know-box{background:linear-gradient(180deg,rgba(137,180,250,.1),rgba(137,180,250,.03));border:1px solid rgba(137,180,250,.26);border-left:3px solid var(--blue);border-radius:var(--radius-s);padding:14px 18px;margin-top:14px}.sf-root .know-title{font-size:13px;font-weight:700;color:var(--blue);margin-bottom:6px;font-family:var(--font-display)}.sf-root .know-box p{font-size:14px;color:var(--text-dim)}.sf-root .tip-box{background:linear-gradient(180deg,hsla(23,92%,75%,.1),hsla(23,92%,75%,.03));border:1px solid hsla(23,92%,75%,.26);border-left:3px solid var(--orange);border-radius:var(--radius-s);padding:14px 18px;margin-top:14px}.sf-root .tip-title{font-size:13px;font-weight:700;color:var(--orange);margin-bottom:6px;font-family:var(--font-display)}.sf-root .tip-box ul{padding-left:18px;font-size:14px;color:var(--text-dim)}.sf-root .tip-box li{margin:4px 0}.sf-root .tip-box a{font-weight:600}.sf-root .pipeline{display:flex;align-items:stretch;gap:8px;margin:14px 0 6px;flex-wrap:wrap}.sf-root .pipe-node{flex:1;min-width:130px;background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius-s);padding:12px 10px;text-align:center;opacity:.35;transform:translateY(6px);transition:opacity .5s,transform .5s,border-color .3s,box-shadow .3s}.sf-root .pipe-node.on{opacity:1;transform:translateY(0);border-color:var(--blue);box-shadow:0 0 20px rgba(137,180,250,.24),inset 0 0 22px rgba(137,180,250,.06);animation:nodePop .55s var(--ease-out)}@keyframes nodePop{0%{transform:translateY(6px) scale(.94)}60%{transform:translateY(0) scale(1.04)}to{transform:translateY(0) scale(1)}}.sf-root .pipe-node.done{border-color:var(--green);box-shadow:0 0 20px rgba(166,227,161,.22),inset 0 0 22px rgba(166,227,161,.06)}.sf-root .pipe-ico{display:block;font-size:22px;margin-bottom:4px}.sf-root .pipe-name{display:block;font-weight:700;font-size:14px;font-family:var(--font-display)}.sf-root .pipe-sub{display:block;color:var(--text-faint);font-size:11px;line-height:1.5;margin-top:2px}.sf-root .pipe-sub small{font-family:var(--mono)}.sf-root .pipe-arrow{align-self:center;color:var(--text-faint);font-size:18px;animation:arrowFlow 1.6s ease-in-out infinite}@keyframes arrowFlow{0%,to{opacity:.45;transform:translateX(0)}50%{opacity:1;transform:translateX(3px)}}.sf-root .lab-master{border-color:hsla(23,92%,75%,.38)}.sf-root .master-sliders{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px}@media (max-width:700px){.sf-root .master-sliders{grid-template-columns:1fr}}.sf-root .master-sliders .slider-wrap{justify-content:space-between}.sf-root .master-sliders .slider{width:200px}.sf-root .score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}@media (max-width:700px){.sf-root .score-grid{grid-template-columns:repeat(2,1fr)}}.sf-root .score-card{background:var(--bg-3);border:1px solid var(--line-soft);border-radius:var(--radius-s);padding:10px 12px;transition:transform .25s var(--ease-out),border-color .25s,box-shadow .25s}.sf-root .score-card:hover{transform:translateY(-2px);border-color:hsla(23,92%,75%,.28);box-shadow:0 8px 22px rgba(17,17,27,.45)}.sf-root .score-name{font-size:12px;color:var(--text-faint);margin-bottom:4px}.sf-root .score-num{font-family:var(--font-display);font-size:22px;font-weight:700}.sf-root .score-num.bad{color:var(--red)}.sf-root .score-num.ok{color:var(--green);text-shadow:0 0 12px rgba(166,227,161,.42)}.sf-root .score-num.mid{color:var(--yellow)}.sf-root .score-num.warn{color:var(--pink)}.sf-root .score-bar{height:5px;border-radius:3px;background:var(--panel-2);margin-top:6px;overflow:hidden}.sf-root .score-fill{height:100%;border-radius:3px;background:var(--green);transition:width .3s,background .3s;box-shadow:0 0 8px rgba(166,227,161,.32)}.sf-root .recap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:18px 0}.sf-root .recap{background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius-s);padding:14px 8px;text-align:center;font-size:13px;color:var(--text-dim);line-height:1.6;transition:transform .25s var(--ease-out),border-color .25s,box-shadow .25s}.sf-root .recap:hover{transform:translateY(-3px);border-color:var(--blue);box-shadow:0 10px 24px rgba(17,17,27,.5),0 0 0 1px rgba(137,180,250,.14)}.sf-root .recap-num{display:block;font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--blue);margin-bottom:2px;text-shadow:0 0 10px rgba(137,180,250,.38)}.sf-root .recap b{color:var(--text)}.sf-root .footer-links{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 8px}.sf-root .footer-links a{display:inline-block;padding:6px 16px;border-radius:999px;border:1px solid var(--line);color:var(--text-dim);background:var(--panel);font-size:13px;transition:all .2s}.sf-root .footer-links a:hover{color:var(--orange);border-color:var(--orange);text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 14px rgba(17,17,27,.4),0 0 10px hsla(23,92%,75%,.16)}.sf-root .foot-note{color:var(--text-faint);font-size:12px;margin-top:18px;border-top:1px solid var(--line-soft);padding-top:14px;font-family:var(--font-serif)}.sf-root .outro{margin-bottom:40px}@media (prefers-reduced-motion:reduce){.sf-root *,.sf-root :after,.sf-root :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sf-root .chapter,.sf-root .chapter .ch-head,.sf-root .chapter .know-box,.sf-root .chapter .lab,.sf-root .chapter .tip-box{opacity:1;transform:none}}