:root{color-scheme:light;--bg-page:#f3f5f7;--bg-page-alt:#edf1f5;--bg-surface:#fff;--bg-elevated:#fbfcfd;--bg-soft:#f6f8fb;--bg-contrast:#101828;--line:rgba(15,23,42,.08);--line-strong:rgba(15,23,42,.14);--text:#0f1728;--text-soft:#172133;--muted:#5c677a;--muted-light:#8590a3;--accent:#245dff;--accent-strong:#1749d4;--accent-soft:rgba(36,93,255,.09);--success:#1f8a5b;--warning:#ad7b1e;--danger:#c95555;--shadow-sm:0 1px 2px rgba(15,23,42,.04);--shadow-md:0 16px 40px rgba(15,23,42,.05);--shadow-lg:0 28px 70px rgba(15,23,42,.08);--radius-xl:32px;--radius-lg:24px;--radius-md:16px;--radius-sm:12px;--header-height:76px;--page-width:1180px;--font-display:"IBM Plex Sans","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--font-body:"Noto Sans SC","PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;--font-mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace}*{box-sizing:border-box}html{background:var(--bg-page);scroll-behavior:smooth}body{color:var(--text);font-family:var(--font-body);line-height:1.5;margin:0;min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;background:linear-gradient(180deg,#ffffffb8,#f3f5f7f5 26%,#f3f5f7)}::-moz-selection{background:#245dff24}::selection{background:#245dff24}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.56}img{display:block;max-width:100%}.site-container{margin:0 auto;width:min(var(--page-width),calc(100% - 48px))}.panel{background:linear-gradient(180deg,#fffffffa,#fff);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.page-grid{display:grid;gap:24px}.page-topline{align-items:flex-start;display:flex;gap:18px;justify-content:space-between}.page-topline h1,.page-topline h2{font-family:var(--font-display);font-size:clamp(30px,3vw,42px);font-weight:700;letter-spacing:-.03em;line-height:1.08;margin:0}.page-topline p{color:var(--muted);line-height:1.7;margin:12px 0 0;max-width:720px}.shell-kicker{align-items:center;color:var(--accent);display:inline-flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.14em;text-transform:uppercase}.shell-kicker:before{background:currentColor;border-radius:999px;content:"";height:1px;opacity:.6;width:26px}.danger-button,.ghost-button,.primary-button,.secondary-button{align-items:center;border:1px solid transparent;border-radius:999px;display:inline-flex;font-weight:600;justify-content:center;letter-spacing:-.01em;min-height:46px;padding:0 18px;transition:transform .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease}.danger-button:focus-visible,.ghost-button:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(36,93,255,.55);outline-offset:2px}.primary-button{background:var(--accent);border-color:var(--accent);box-shadow:0 12px 30px #245dff29;color:#fff}.secondary-button{background:#ffffffeb;border-color:#245dff33;color:var(--accent)}.ghost-button{background:#ffffffeb;border-color:var(--line);color:var(--text)}.danger-button{background:#fff;border-color:#c955552e;color:var(--danger)}.danger-button:hover,.ghost-button:hover,.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:hover{background:var(--accent-strong);border-color:var(--accent-strong);box-shadow:0 16px 34px #245dff33}.secondary-button:hover{background:#245dff0f}.ghost-button:hover{background:var(--bg-soft)}.danger-button:hover{background:#c955550f}.chip-row{display:flex;flex-wrap:wrap;gap:10px}.chip{align-items:center;background:#ffffffe6;border:1px solid var(--line);border-radius:999px;color:var(--muted);display:inline-flex;font-size:13px;min-height:34px;padding:0 12px}.stat-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.stat-card{background:linear-gradient(180deg,#fff 0,var(--bg-elevated) 100%);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px}.stat-label{color:var(--muted-light);font-size:13px}.stat-value{font-family:var(--font-display);font-size:clamp(30px,4vw,42px);font-weight:700;letter-spacing:-.04em;margin-top:12px}.status-pill{align-items:center;border:1px solid transparent;border-radius:999px;display:inline-flex;font-size:13px;min-height:32px;padding:0 12px}.status-pill.active{background:var(--accent-soft);border-color:#245dff2e;color:var(--accent)}.status-pill.completed{background:#1f8a5b1a;border-color:#1f8a5b2e;color:var(--success)}.progress-track{background:#245dff14;border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--accent) 0,#5b86ff 100%);border-radius:inherit;height:100%}.empty-state,.error-state,.loading-state{background:#ffffffd6;border:1px dashed var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--muted);padding:28px 24px}.error-state{background:#fffffff0;border-style:solid;color:var(--danger)}@media(max-width:900px){.site-container{width:min(var(--page-width),calc(100% - 24px))}.page-topline{flex-direction:column}}