:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8f0ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg-card:#0a1625e0;--bg-soft:#162942b8;--stroke:#74a8ff2e;--primary:#4ea1ff;--primary-strong:#89c2ff;--danger:#ff6f7f;--warning:#ffbf69;--success:#58d0a0;--muted:#8ea7c5;background:radial-gradient(circle at top,#357cff3d,#0000 40%),linear-gradient(#08131f 0%,#091826 50%,#06111d 100%);font-family:Microsoft YaHei,PingFang SC,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.app-shell,.onboarding-shell{width:min(100%,760px);margin:0 auto;padding:18px 14px 92px}.onboarding-shell{align-items:center;min-height:100vh;display:grid}.app-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.app-header h1{margin:4px 0 0;font-size:2rem}.eyebrow,.muted,.empty-state,.card-header p,.inline-note,.stats-block span,.chart-legend{color:var(--muted)}.eyebrow{color:var(--primary-strong);margin:0;font-size:.88rem}.header-chip{background:#4ea1ff24;border:1px solid #4ea1ff3d;border-radius:999px;align-items:center;padding:6px 10px;font-size:.75rem;display:inline-flex}.install-banner,.hero-prompt,.onboarding-tips,.install-guide,.flow-banner{gap:8px;display:grid}.install-banner{background:#4ea1ff1f;border:1px solid #4ea1ff33;border-radius:18px;grid-template-columns:1fr auto;align-items:center;margin-bottom:16px;padding:14px 16px}.install-banner p,.hero-prompt p{color:var(--muted);margin:4px 0 0}.hero-prompt{background:#4ea1ff14;border:1px solid #4ea1ff29;border-radius:16px;margin-bottom:12px;padding:14px}.flow-banner{background:#58d0a014;border:1px solid #58d0a029;border-radius:16px;margin-bottom:14px;padding:12px 14px}.flow-step{color:#baf2dc;background:#58d0a026;border-radius:999px;width:fit-content;padding:4px 8px;font-size:.75rem;display:inline-flex}.content,.page-stack,.warning-list,.list,.stats-block,.chart-wrap{gap:16px;display:grid}.card{background:var(--bg-card);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:16px;box-shadow:0 16px 40px #0003}.card-danger{border-color:#ff6f7f2e}.card-header{justify-content:space-between;gap:12px;margin-bottom:14px;display:flex}.card-header h2{margin:0;font-size:1.02rem}.card-header p{margin:4px 0 0;font-size:.875rem}.grid,.metrics-grid,.quick-grid,.form-grid{gap:12px;display:grid}.metrics-grid,.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-primary{min-height:56px;font-size:1rem;font-weight:700}.metric-card{background:var(--bg-soft);border:1px solid #74a8ff14;border-radius:16px;padding:14px}.metric-card-top,.row-between,.list-item,.tab-bar,.stats-block>div,.inline-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.metric-label{color:var(--muted)}.metric-value{margin-top:10px;font-size:1.5rem;font-weight:700}.metric-value span{color:var(--muted);margin-left:6px;font-size:.875rem}.badge{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:5px 9px;font-size:.75rem;display:inline-flex}.badge-default{background:#ffffff0d;border-color:#ffffff14}.badge-success{color:#baf2dc;background:#58d0a024;border-color:#58d0a038}.badge-warning{color:#ffe0ab;background:#ffbf6924;border-color:#ffbf6938}.badge-danger{color:#ffd6dc;background:#ff6f7f24;border-color:#ff6f7f38}.warning-item,.inline-warning{color:#ffe3b6;background:#ffbf691f;border:1px solid #ffbf692e;border-radius:14px;padding:12px}.install-guide{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;margin-top:12px;padding:12px}.guide-list{color:#dbe8f8;margin:0;padding-left:18px}.guide-list li+li{margin-top:6px}.list-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:14px;padding:14px}.list-item.stack{align-items:stretch;gap:8px;display:grid}.list-item p{margin:0}.segmented{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.segment,.tab-item,.primary-button,.ghost-button{color:#edf5ff;border:1px solid #0000;border-radius:14px;padding:12px}.segment,.tab-item,.ghost-button{background:var(--bg-soft)}.segment.active,.tab-item.active,.primary-button{background:linear-gradient(135deg,#2479fff2,#23b9ffc2)}.ghost-button{border-color:#74a8ff29}.small{padding:8px 12px}.danger-text{color:#ffd2d8}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid label{gap:8px;display:grid}.full-width{grid-column:1/-1}input,select,textarea{color:#eff6ff;background:#06111de0;border:1px solid #74a8ff2e;border-radius:14px;width:100%;padding:12px}input[type=number]{appearance:textfield}textarea{resize:vertical;min-height:88px}.photo-preview{border:1px solid #ffffff14;border-radius:16px;width:100%}.photo-preview.small{object-fit:cover;max-height:220px}.stats-block>div{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;padding:12px}.stats-block strong{font-size:1rem}.line-chart{width:100%}.chart-axis{stroke:#ffffff1f;stroke-width:1px}.chart-path{fill:none;stroke:var(--primary);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.chart-dot{fill:#a5d4ff}.chart-value{fill:#dcecff;font-size:10px}.chart-legend{justify-content:space-between;gap:8px;font-size:.75rem;display:flex}.wrap{flex-wrap:wrap}.tab-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#08131feb;border:1px solid #74a8ff2e;border-radius:22px;width:min(100% - 24px,720px);padding:10px;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.tab-item{flex:1}@media (width<=600px){.metrics-grid,.quick-grid,.form-grid{grid-template-columns:1fr}.segmented{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell,.onboarding-shell{padding:14px 12px 92px}.app-header h1{font-size:1.72rem}.tab-item{padding:10px 4px;font-size:.8rem}}