.dashboard,.result-board,.side-panel,.test-console{min-width:0}.start-btn,.thread-btn{appearance:none;cursor:pointer}.brand-mark,.button-arrow,.meter-wrap,.result-icon{place-items:center}.result-value,.speed-value,.stability-card strong{font-variant-numeric:tabular-nums}.brand-edition,.card-code,.connection-mono,.console-kicker,.meter-bound,.result-value small,.section-index,.side-footer,.speed-unit,.time-badge{font-family:SFMono-Regular,Consolas,monospace}:root{--canvas:#e9e7df;--paper:#f8f6ef;--paper-strong:#fffdf5;--ink:#121813;--ink-soft:#677068;--rail:#14221b;--rail-soft:#9cac9f;--line:#1d2b22;--line-soft:rgba(29, 43, 34, 0.18);--acid:#cfff47;--acid-soft:#e6fda4;--download:#213c2c;--upload:#ff7557;--success:#16784d;--danger:#b73e34;--track:rgba(20, 34, 27, 0.16);--dash-length:283;--hard-shadow:8px 8px 0 #14221b}*{box-sizing:border-box}html{min-height:100%;background:var(--canvas)}body{min-height:100vh;margin:0;padding:22px;color:var(--ink);background-color:var(--canvas);background-image:linear-gradient(rgba(20,34,27,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(20,34,27,.035) 1px,transparent 1px);background-size:32px 32px;font-family:Inter,"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif}button,input,select,textarea{font:inherit}button:focus-visible{outline:#5f84ff solid 3px;outline-offset:3px}.page-frame{width:min(100%,1320px);min-height:calc(100vh - 44px);margin:0 auto;display:grid;grid-template-columns:minmax(270px,0.72fr) minmax(0,2fr);overflow:hidden;border:1px solid var(--line);background:var(--paper);box-shadow:var(--hard-shadow)}.side-panel{display:flex;flex-direction:column;padding:28px;color:#f4f8f1;background:radial-gradient(circle at 100% 0,rgba(207,255,71,.13),transparent 32%),var(--rail);border-right:1px solid var(--line)}.brand-lockup{display:flex;align-items:center;gap:13px}.brand-mark{width:44px;height:44px;display:grid;border:1px solid rgba(255,255,255,.26);background:var(--acid);transform:rotate(-2deg)}.brand-mark svg{width:29px;height:29px}.brand-mark path{fill:none;stroke:var(--rail);stroke-width:3;stroke-linecap:square;stroke-linejoin:miter}.brand-edition,.brand-name,.console-kicker,.section-index{margin:0;font-weight:800;letter-spacing:.13em}.brand-name{font-size:.88rem}.brand-edition{margin-top:4px;color:var(--rail-soft);font-size:.65rem}.side-intro{margin:clamp(52px,9vh,96px) 0 38px}.section-index{color:var(--acid);font-size:.67rem}.section-index-dark{color:#54705f}.side-intro h1{margin:16px 0 18px;font-size:clamp(2.1rem, 3.6vw, 3.8rem);line-height:1.03;letter-spacing:-.055em}.side-intro>p:last-child{max-width:285px;margin:0;color:var(--rail-soft);font-size:.9rem;line-height:1.8}.connection-stack{display:grid;gap:12px;margin-top:auto}.connection-card{min-width:0;padding:17px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.045)}.connection-card-accent{color:var(--ink);border-color:var(--acid);background:var(--acid)}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;color:var(--rail-soft);font-size:.7rem;font-weight:800;letter-spacing:.08em}.connection-card-accent .card-heading,.connection-card-accent .connection-caption{color:rgba(18,24,19,.66)}.signal-dot{width:8px;height:8px;margin-right:auto;border-radius:50%;background:var(--rail);box-shadow:0 0 0 4px rgba(20,34,27,.12)}.card-code{padding:2px 5px;border:1px solid currentColor;font-size:.58rem}.connection-caption,.connection-primary{overflow-wrap:anywhere}.connection-primary{margin:0;font-size:.94rem;font-weight:800;line-height:1.45}.connection-caption{margin:6px 0 0;color:var(--rail-soft);font-size:.7rem;line-height:1.45}.side-footer{display:flex;justify-content:space-between;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);color:#6f8376;font-size:.61rem;letter-spacing:.12em}.speed-unit,.status-text{margin-top:12px;font-weight:800}.dashboard{padding:clamp(28px,4vw,52px);background:radial-gradient(circle at 94% 8%,rgba(207,255,71,.2),transparent 18%),var(--paper)}.dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-bottom:clamp(28px,4vh,44px)}.header-copy h2{margin:10px 0 8px;font-size:clamp(1.85rem, 3vw, 3rem);line-height:1;letter-spacing:-.045em}.header-copy>p:last-child{margin:0;color:var(--ink-soft);font-size:.84rem}.status-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:8px 12px;border:1px solid rgba(29,43,34,.24);background:rgba(207,255,71,.28);color:#29523a;font-size:.74rem;font-weight:800}.status-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 14%,transparent)}.result-board,.start-btn,.test-console,.thread-toggle{border:1px solid var(--line)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.23fr) minmax(300px,0.88fr);gap:clamp(18px,2.5vw,34px);align-items:stretch}.test-console{min-height:560px;display:flex;flex-direction:column;padding:clamp(20px,2.7vw,32px);background:linear-gradient(rgba(20,34,27,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(20,34,27,.055) 1px,transparent 1px),var(--acid-soft);background-size:24px 24px}.console-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.console-kicker{color:#557047;font-size:.62rem}.console-topline h3{margin:7px 0 0;font-size:1.35rem;letter-spacing:-.035em}.action-row>p,.result-heading>span{font-size:.66rem}.thread-toggle{display:inline-grid;grid-template-columns:repeat(2,1fr);padding:3px;background:var(--paper-strong)}.thread-btn{min-width:72px;border:0;border-radius:0;padding:8px 10px;color:var(--ink-soft);background:0 0;font-size:.72rem;font-weight:800;transition:color 150ms,background-color 150ms}.thread-btn:hover{color:var(--ink)}.thread-btn.active{color:var(--acid);background:var(--rail)}.meter-wrap{flex:1;display:grid;padding:26px 0 10px}.meter-container{position:relative;width:min(100%,430px);aspect-ratio:22/14.5}.meter-svg{width:100%;height:100%;overflow:visible}.meter-fill,.meter-track{fill:none;stroke-width:12;stroke-linecap:square}.meter-track{stroke:var(--track)}.meter-fill{stroke:var(--download);stroke-dasharray:var(--dash-length);stroke-dashoffset:var(--dash-length);transition:stroke 220ms,stroke-dashoffset 80ms linear;filter:drop-shadow(5px 5px 0 rgba(20, 34, 27, .13))}.meter-readout{position:absolute;inset:auto 0 8%;text-align:center}.speed-value{font-size:clamp(3.8rem, 8vw, 6.35rem);font-weight:900;line-height:.88;letter-spacing:-.075em}.speed-unit{color:#556250;font-size:.64rem;letter-spacing:.15em}.status-text{min-height:1.25rem;color:#2a5b3b;font-size:.77rem}.meter-bound{position:absolute;bottom:7%;z-index:2;font-size:.62rem;font-weight:800}.meter-bound-left{left:5%}.meter-bound-right{right:2%}.action-row{display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:18px;padding-top:22px;border-top:1px solid rgba(20,34,27,.25)}.start-btn{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:54px;padding:0 10px 0 18px;border-radius:0;color:#f6fff0;background:var(--rail);box-shadow:5px 5px 0 rgba(20,34,27,.2);font-size:.86rem;font-weight:850;transition:transform 150ms,box-shadow 150ms,opacity 150ms}.result-card,.result-icon{border:1px solid var(--line)}.start-btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 rgba(20,34,27,.2)}.start-btn:disabled{opacity:.58;cursor:wait;transform:none;box-shadow:none}.button-arrow{width:34px;height:34px;display:grid;color:var(--rail);background:var(--acid);font-size:1.15rem}.action-row>p{max-width:102px;margin:0;color:#63705f;line-height:1.5}.quality-note,.result-heading>span,.result-value small,.stability-card p,.stability-card small,.time-badge,.time-card p{color:var(--ink-soft)}.result-board{display:flex;flex-direction:column;padding:clamp(19px,2.4vw,28px);background:var(--paper-strong)}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.speed-results{display:grid;gap:10px}.result-card{min-height:112px;display:grid;grid-template-columns:auto 1fr;align-items:start;gap:16px;padding:18px}.result-card-download{background:#e4f5dc}.result-card-upload{background:#ffe1d9}.result-label{display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:800}.result-icon{width:27px;height:27px;display:grid;background:var(--paper-strong);font-size:1rem}.result-value{align-self:end;margin:24px 0 0;text-align:right;font-size:clamp(2.15rem, 4.8vw, 3.6rem);font-weight:900;line-height:.82;letter-spacing:-.065em}.stability-grid,.time-card{margin-top:10px;border:1px solid var(--line)}.result-value small{margin-left:8px;font-size:.58rem;font-weight:700;letter-spacing:0}.stability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.stability-card{min-width:0;padding:15px 12px}.stability-card+.stability-card{border-left:1px solid var(--line)}.stability-card p{margin:0 0 13px;font-size:.65rem}.stability-card strong{display:flex;align-items:baseline;gap:4px;font-size:clamp(1.05rem, 2vw, 1.38rem)}.stability-card small{font-size:.55rem;font-weight:700}.time-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px}.time-card p{margin:0 0 5px;font-size:.65rem}.time-card strong{font-size:.84rem}.time-badge{padding:5px 6px;border:1px solid var(--line-soft);font-size:.56rem;letter-spacing:.1em}.quality-note{display:flex;gap:10px;margin-top:auto;padding-top:20px}.quality-note>span{color:#63812d}.quality-note p{margin:0;font-size:.65rem;line-height:1.65}@media (max-width:1080px){body{padding:14px}.page-frame{min-height:calc(100vh - 28px);grid-template-columns:250px minmax(0,1fr);box-shadow:5px 5px 0 var(--rail)}.dashboard,.side-panel{padding:24px}.dashboard-grid{grid-template-columns:1fr}.test-console{min-height:520px}}@media (max-width:760px){body{padding:0;background:var(--paper)}.page-frame{min-height:100vh;display:block;border:0;box-shadow:none}.side-panel{min-height:auto;padding:22px;border-right:0;border-bottom:1px solid var(--line)}.side-intro{margin:38px 0 28px}.side-intro h1{font-size:2.7rem}.side-intro>p:last-child{max-width:440px}.connection-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.side-footer{display:none}.dashboard{padding:30px 18px 42px}.dashboard-header{margin-bottom:26px}.test-console{min-height:500px}}@media (max-width:540px){.action-row,.connection-stack{grid-template-columns:1fr}.console-topline,.dashboard-header{flex-direction:column}.status-pill{align-self:flex-start}.console-topline{gap:16px}.thread-toggle{width:100%}.test-console{min-height:460px;padding:18px}.meter-wrap{padding-top:18px}.speed-value{font-size:clamp(3.2rem, 18vw, 4.7rem)}.action-row>p{max-width:none}.result-card{min-height:104px}.quality-note{margin-top:22px}}@media (prefers-reduced-motion:reduce){*,::after,::before{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}