.eyebrow,.speed-unit{text-transform:uppercase}.start-btn,.thread-btn{appearance:none;cursor:pointer}.start-btn:hover,.thread-btn:hover{transform:translateY(-1px)}:root{--bg:#07111f;--panel:rgba(8, 20, 36, 0.72);--panel-border:rgba(120, 173, 255, 0.12);--text-main:#f6fbff;--text-soft:#9eb3ca;--text-dim:#5d738e;--primary:#34d3ff;--primary-glow:rgba(52, 211, 255, 0.28);--download:#34d3ff;--upload:#ff8b5e;--success:#2dd4bf;--danger:#ff6b6b;--track:rgba(110, 145, 184, 0.18);--shadow:0 28px 70px rgba(0, 0, 0, 0.38);--radius-xl:28px;--radius-lg:18px;--dash-length:283}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{font-family:"Space Grotesk","Noto Sans SC","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:radial-gradient(circle at top left,rgba(31,95,170,.32),transparent 28%),radial-gradient(circle at right 20%,rgba(255,139,94,.18),transparent 24%),linear-gradient(160deg,#040a13 0,#07111f 42%,#0b1728 100%);color:var(--text-main);display:flex;align-items:center;justify-content:center;padding:32px 20px;overflow-x:hidden}.ambient{position:fixed;border-radius:999px;filter:blur(12px);pointer-events:none;opacity:.55}.ambient-a{width:320px;height:320px;background:radial-gradient(circle,rgba(52,211,255,.22),transparent 66%);top:-60px;left:-40px}.ambient-b{width:360px;height:360px;background:radial-gradient(circle,rgba(255,139,94,.14),transparent 68%);right:-120px;bottom:-140px}.app-shell{width:100%;max-width:760px;position:relative;z-index:1}.hero-card{background:linear-gradient(180deg,rgba(17,32,52,.82),rgba(8,18,34,.88)),rgba(8,20,36,.72);border:1px solid var(--panel-border);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:22px 24px;backdrop-filter:blur(22px)}.hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.eyebrow{margin:0 0 10px;letter-spacing:.18em;font-size:.74rem;color:var(--primary)}h1{margin:0;font-size:clamp(1.72rem, 3.2vw, 2.7rem);line-height:1}.hero-copy{margin:10px 0 0;max-width:560px;color:var(--text-soft);line-height:1.62;font-size:.95rem}.status-pill{flex:0 0 auto;border-radius:999px;padding:8px 12px;border:1px solid rgba(52,211,255,.2);background:rgba(52,211,255,.08);color:var(--primary);font-size:.8rem;font-weight:700}.thread-toggle{display:inline-grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:18px;background:rgba(255,255,255,.04);margin-bottom:20px}.thread-btn{border:0;border-radius:14px;background:0 0;color:var(--text-soft);padding:9px 15px;font:inherit;font-weight:700;transition:transform 160ms,background-color 160ms,color 160ms,box-shadow 160ms}.metric-value,.speed-value{font-variant-numeric:tabular-nums}.thread-btn.active{background:rgba(255,255,255,.08);color:var(--text-main);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.meter-wrap{display:flex;justify-content:center}.meter-container{position:relative;width:min(100%,360px);height:222px}.meter-svg{width:100%;height:100%;overflow:visible}.meter-fill,.meter-track{fill:none;stroke-width:12;stroke-linecap:round}.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(0 0 10px var(--primary-glow))}.meter-readout{position:absolute;inset:auto 0 14px;text-align:center}.speed-value{font-size:clamp(2.8rem, 8vw, 4.35rem);font-weight:800;line-height:.95}.speed-unit{margin-top:4px;color:var(--text-dim);font-size:.84rem;letter-spacing:.16em}.status-text{min-height:1.4rem;margin-top:10px;color:var(--primary);font-weight:700;font-size:.9rem}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:6px}.metric-card{border-radius:var(--radius-lg);min-height:94px;padding:12px 13px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.05)}.metric-label{margin:0 0 8px;color:var(--text-dim);font-size:.78rem}.metric-value{margin:0;font-size:1.48rem;font-weight:800}.metric-unit-inline{margin-left:8px;font-size:.8rem;color:var(--text-dim);font-weight:600}.metric-node{margin:0;font-size:.88rem;line-height:1.4;color:var(--text-main)}.metric-stack{min-height:46px;display:flex;flex-direction:column;justify-content:center;gap:4px}.metric-primary,.metric-secondary{margin:0}.metric-primary{color:var(--text-main);font-size:.9rem;font-weight:700;line-height:1.35}.metric-secondary{color:var(--text-soft);font-size:.78rem;line-height:1.35}.metric-mono{font-family:"JetBrains Mono",SFMono-Regular,Consolas,monospace;letter-spacing:.01em}.action-row{margin-top:18px}.start-btn{width:100%;border:0;border-radius:16px;padding:15px 16px;font:inherit;font-size:.96rem;font-weight:800;color:#02121d;background:linear-gradient(120deg,#34d3ff,#8ef0ff);box-shadow:0 12px 28px rgba(52,211,255,.24);transition:transform 160ms,box-shadow 160ms,opacity 160ms}.start-btn:hover{box-shadow:0 16px 34px rgba(52,211,255,.28)}.start-btn:disabled{cursor:not-allowed;opacity:.66;transform:none;box-shadow:none}.note-line{margin:12px 2px 0;color:var(--text-dim);font-size:.9rem}@media (max-width:860px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){body{padding:18px 14px}.hero-card{padding:20px}.hero-top{flex-direction:column}.status-pill{align-self:flex-start}.meter-container{height:220px}.metrics-grid{grid-template-columns:1fr}}