:root{color-scheme:light;--blue:#0878f9;--ink:#202532;--muted:#7d899c;--line:#e5eaf2}*{box-sizing:border-box}body{margin:0;background:#f5f5f7;color:var(--ink);font:14px/1.8 -apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--blue);text-decoration:none}button,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(24px,calc((100vw - 1050px)/2));border-bottom:1px solid var(--line);background:#ffffffc9}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:650;color:var(--ink)}header>a:last-child{font-size:12px;color:var(--muted)}main{max-width:740px;margin:64px auto 40px;padding:0 24px}.eyebrow{display:block;font-size:10px;letter-spacing:2px;color:#8b9cb7;font-weight:600}h1{font-size:43px;letter-spacing:-1.5px;margin:12px 0 10px;line-height:1.35}.intro{color:var(--muted);margin-bottom:28px}.card{background:white;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 18px 55px -40px #27446b44}.heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}h2{font-size:23px;margin:5px 0 0;line-height:1.5;letter-spacing:-.5px}.badge{font-size:10px;padding:4px 10px;background:#eef5ff;color:#7292bc;border-radius:15px;white-space:nowrap}label{display:block;font-size:12px;color:#7184a2;margin-bottom:7px}select{display:block;width:100%;padding:11px 13px;border:1px solid #dfe6f0;background:#fafcfe;border-radius:11px;color:#526c94;min-height:45px}.hint{font-size:11px;color:#91a0b5;line-height:1.9;margin:8px 0 18px}.progress{height:9px;border-radius:20px;background:#edf2fa;overflow:hidden;margin-top:25px}.progress>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#65acfa,#0878f9);transition:width .2s;border-radius:20px}.metrics{display:flex;gap:14px;align-items:center;font-size:11px;color:#92a0b7;margin:12px 0}.metrics strong{font-size:17px;color:#4d709e}.metrics>span:last-child{margin-left:auto}#status{font-size:12px;color:#5f83ad;min-height:24px;overflow-wrap:anywhere}.error{color:#bd6573!important}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:20px}.actions>*{border:1px solid #dfe7f2;border-radius:11px;padding:10px 15px;background:#f0f5fc;color:#6684ac;font-size:12px;min-height:43px}.actions .primary{background:var(--blue);color:white;border-color:var(--blue);box-shadow:0 5px 16px #0878f91f}.actions .primary:hover{background:#006ce6}.quiet{border:0;background:transparent;color:#9aa9bd;font-size:10px;padding:7px 0}details{border-top:1px solid #edf1f7;margin-top:19px;padding-top:15px}summary{font-size:10px;color:#94a4bd;cursor:pointer}code{display:block;font:10px/1.9 Consolas,monospace;word-break:break-all;padding-top:12px;color:#8197b6}.notes{font-size:11px;color:#91a0b6;padding:18px 7px;line-height:2}.notes p{margin:0 0 10px}.notes strong{font-weight:500;color:#6c89ad}footer{text-align:center;color:#a3aec0;font-size:10px;padding:10px 20px 25px}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #0878f955;outline-offset:3px}@media(max-width:600px){main{margin-top:36px;padding:0 18px}h1{font-size:32px}.intro{font-size:12px}.card{padding:23px 20px}.heading{gap:10px}h2{font-size:20px}.actions>*{flex:1;text-align:center;white-space:nowrap}.metrics{gap:8px;font-size:10px}.metrics strong{font-size:15px}header{padding:16px 20px}.brand{font-size:15px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
