:root{--indigo: #1e256f;--indigo2: #4338ca;--blue: #2563eb;--cyan: #06b6d4;--ink: #0f172a;--muted: #5b6b8c;--line: #dde5f4;--bg: #eef3fc;--up: #e03131;--down: #17804a;--card: #ffffff;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:radial-gradient(900px 500px at 15% -10%,#dbe6ff 0%,transparent 60%),radial-gradient(800px 500px at 90% 0%,#d8f5fb 0%,transparent 55%),linear-gradient(180deg,#eef3fc,#f7faff 60%)}button,input{font:inherit}button{cursor:pointer}.page{max-width:1080px;margin:0 auto;padding:0 24px 64px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:22px 0 10px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--indigo);letter-spacing:.2px}.logo{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--indigo),var(--indigo2));color:#fff;font-size:13px;box-shadow:0 4px 12px #1e256f40}.disclaimer-chip{font-size:12px;color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;padding:4px 10px;border-radius:999px}.hero{padding:56px 0 28px;max-width:780px}.eyebrow{font-size:13px;letter-spacing:3px;color:var(--indigo2);font-weight:700;margin-bottom:14px}.hero h1{font-size:44px;line-height:1.22;letter-spacing:.5px;color:var(--indigo);font-weight:800}.lede{margin-top:18px;color:var(--muted);font-size:15px;line-height:1.85;max-width:700px}.search{margin-top:30px;display:flex;gap:10px;background:#fff;padding:10px;border-radius:16px;border:1px solid var(--line);box-shadow:0 12px 30px #1e256f14}.search input{flex:1;border:none;outline:none;font-size:18px;padding:12px 14px;color:var(--ink);letter-spacing:2px;background:transparent}.search input::placeholder{letter-spacing:0;color:#9aa8c4;font-size:16px}.search button{border:none;border-radius:11px;padding:0 26px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--indigo),var(--indigo2));box-shadow:0 6px 16px #4338ca47}.search button:disabled{opacity:.65;cursor:progress}.examples{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;color:var(--muted);font-size:13px}.example{border:1px solid var(--line);background:#ffffffb3;color:var(--indigo);padding:5px 11px;border-radius:999px;font-size:13px}.example:hover{border-color:#b9c8ea;background:#fff}.loading{display:flex;gap:14px;align-items:flex-start;margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:0 8px 24px #1e256f0f}.loading b{font-size:14px;color:var(--indigo)}.loading p{color:var(--muted);font-size:12.5px;margin-top:4px}.spinner{width:22px;height:22px;border-radius:50%;flex:none;margin-top:2px;border:3px solid #dbe3f6;border-top-color:var(--indigo2);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{margin-top:16px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:12px 14px;border-radius:10px;font-size:13.5px}.recent{margin-top:26px}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.section-head h2{font-size:20px;color:var(--indigo)}.section-head span{color:var(--muted);font-size:12.5px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 12px #1e256f0d;transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #1e256f1a}.card-main{width:100%;text-align:left;background:none;border:none;padding:14px 15px 12px}.card-top{display:flex;align-items:baseline;gap:7px}.card-top strong{font-size:15px;color:var(--ink)}.code{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.card-mid{display:flex;align-items:center;gap:8px;margin:10px 0 12px}.chip{font-size:11.5px;font-weight:700;border-radius:999px;padding:3px 9px;background:#eef2ff;color:#3730a3}.tone-up{background:#fee2e2;color:#b91c1c}.tone-mid{background:#fef3c7;color:#92400e}.tone-down{background:#dcfce7;color:#166534}.score{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.card-bottom{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.card-del{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;border:none;background:transparent;color:#b6c2da;font-size:16px;line-height:1;display:none}.card:hover .card-del{display:block}.card-del:hover{background:#f1f5f9;color:#64748b}.how{margin-top:52px;background:#fff9;border:1px solid var(--line);border-radius:18px;padding:24px 26px}.how h2{font-size:18px;color:var(--indigo);margin-bottom:14px}.how ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px 22px}.how li{font-size:13px;color:var(--muted);line-height:1.6}.how b{color:var(--ink);font-weight:700;margin-right:6px}footer{margin-top:46px;text-align:center;color:#94a3b8;font-size:11.5px}.report-shell{height:100vh;display:flex;flex-direction:column;background:#dfe7f6}.report-bar{display:flex;align-items:center;gap:14px;padding:10px 18px;background:linear-gradient(135deg,var(--indigo),var(--indigo2));color:#fff;box-shadow:0 2px 10px #1e256f2e;z-index:2}.report-title{display:flex;align-items:center;gap:9px;flex:1;min-width:0}.report-title strong{font-size:15px}.report-title .code{color:#c7d2fe}.report-title .chip{background:#ffffff29;color:#fff}.report-actions{display:flex;align-items:center;gap:12px}.report-actions .price{font-variant-numeric:tabular-nums;color:#e0e7ff;font-size:14px}.ghost{background:#ffffff1f;border:1px solid rgba(255,255,255,.22);color:#fff;border-radius:9px;padding:7px 12px;font-size:13px}.ghost:hover{background:#fff3}.solid{background:#fff;color:var(--indigo);text-decoration:none;font-size:13px;font-weight:700;border-radius:9px;padding:7px 13px}.solid:hover{background:#eef2ff}.report-frame{flex:1;width:100%;border:none;background:#f4f8fd}@media (max-width: 900px){.hero h1{font-size:32px}.cards{grid-template-columns:repeat(2,1fr)}.how ol{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.page{padding:0 14px 48px}.hero{padding:30px 0 18px}.hero h1{font-size:26px}.lede{font-size:14px}.search{flex-direction:column;padding:8px}.search input{padding:10px}.search button{padding:12px}.cards,.how ol{grid-template-columns:1fr}.report-bar{flex-wrap:wrap;gap:8px;padding:8px 12px}.report-title{order:3;width:100%}.report-actions .price{display:none}}.top-actions{display:flex;align-items:center;gap:12px}.link{background:none;border:none;color:var(--indigo2);font-size:13px;font-weight:600;padding:4px 2px;border-bottom:1px solid transparent}.link:hover{border-bottom-color:var(--indigo2)}.progressbox{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:0 8px 24px #1e256f0f}.progress-head{display:flex;gap:12px;align-items:flex-start}.progress-head b{font-size:14px;color:var(--indigo)}.progress-head p{color:var(--muted);font-size:12.5px;margin-top:3px}.bar{height:8px;background:#e7eefb;border-radius:999px;overflow:hidden;margin:12px 0 10px}.bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--indigo2),var(--cyan));transition:width .35s ease}.steps{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:2px 16px}.steps li{font-size:12px;color:var(--muted);display:flex;gap:6px;align-items:baseline}.steps li span{font-size:11px;width:12px;color:#9fb0cc}.steps li.done span{color:#16865a}.steps li.on{color:var(--indigo);font-weight:600}.steps li.on span{color:var(--blue)}.ghost-light{border:1px solid var(--line);background:#fff;color:var(--indigo);border-radius:9px;padding:6px 11px;font-size:13px;margin-right:4px}.ghost-light:hover{background:#f4f7fe}.filter{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px;font-size:13px;width:220px;outline:none}.filter:focus{border-color:#a9bdf0;box-shadow:0 0 0 3px #4338ca14}.empty{color:var(--muted);text-align:center;padding:60px 0;font-size:14px}.history-list{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 3px 12px #1e256f0d}.history-row{display:flex;align-items:center;border-bottom:1px solid #eef2fa}.history-row:last-child{border-bottom:none}.history-main{flex:1;display:flex;align-items:center;gap:12px;text-align:left;background:none;border:none;padding:14px 16px;min-width:0}.history-main:hover{background:#f8faff}.history-main strong{font-size:14.5px;min-width:92px}.history-main .time{margin-left:auto;font-variant-numeric:tabular-nums}.history-del{background:none;border:none;color:#b6c2da;font-size:12.5px;padding:0 16px;align-self:stretch}.history-del:hover{color:#b91c1c;background:#fef2f2}.muted{color:#94a3b8;font-size:12px}@media (max-width: 560px){.steps{grid-template-columns:1fr}.filter{width:150px}.history-main{flex-wrap:wrap;gap:6px 10px}.history-main strong{min-width:0}.history-main .time{margin-left:0}}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin-top:18px;box-shadow:0 4px 18px #1e256f0d}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-head h2{font-size:17px;color:var(--indigo)}.switch{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);cursor:pointer}.switch input{width:16px;height:16px;accent-color:var(--indigo2)}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--muted)}.form-grid select,.form-grid input{border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-size:13.5px;color:var(--ink);background:#fff;outline:none}.form-grid select:focus,.form-grid input:focus{border-color:#a9bdf0;box-shadow:0 0 0 3px #4338ca14}.hint{color:var(--muted);font-size:12.5px;line-height:1.7;margin-top:12px}.hint code{background:#eef2fa;border-radius:4px;padding:1px 5px;font-size:12px}.actions{display:flex;align-items:center;gap:12px;margin-top:16px}.primary{border:none;border-radius:10px;padding:10px 20px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--indigo),var(--indigo2));box-shadow:0 6px 16px #4338ca38}.primary:disabled{opacity:.65;cursor:progress}.error-inline{color:#b91c1c;font-size:12.5px}.providers{display:flex;flex-direction:column;gap:10px}.provider{border:1px solid var(--line);border-radius:12px;padding:13px 15px;background:#fbfcff}.provider-info{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.provider-info strong{font-size:14px}.provider-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.tone-ok{background:#dcfce7;color:#166534}.tone-muted{background:#f1f5f9;color:#64748b}.test-result{margin-top:8px;font-size:12px;border-radius:8px;padding:7px 10px}.test-result.ok{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.test-result.bad{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.usage-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.usage-card{background:linear-gradient(180deg,#f5f8fe,#edf3fc);border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.usage-card span{font-size:12px;color:var(--muted)}.usage-card b{font-size:20px;color:var(--indigo);font-variant-numeric:tabular-nums}.usage-table{width:100%;border-collapse:collapse;font-size:12.5px}.usage-table th{text-align:left;color:var(--muted);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--line)}.usage-table td{padding:8px 10px;border-bottom:1px solid #f1f5f9;vertical-align:top}.ok-text{color:#16865a;font-weight:600}.bad-text{color:#b91c1c;font-weight:600}.mode-chip{background:#ffffff29;color:#fff;font-weight:600}@media (max-width: 820px){.form-grid,.usage-cards{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.form-grid{grid-template-columns:1fr}.panel{padding:16px 14px}.usage-table{display:block;overflow-x:auto;white-space:nowrap}}.pdf-note{font-size:12px;color:#c7d2fe}@media (max-width: 560px){.pdf-note{display:none}}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:32px 16px}.auth-card{width:100%;max-width:400px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 28px 24px;box-shadow:0 18px 48px #1e256f1a}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:22px;color:var(--indigo)}.auth-card h1{font-size:24px;color:var(--indigo);margin-bottom:6px}.auth-sub{color:var(--muted);font-size:13px;line-height:1.6;margin-bottom:20px}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--muted)}.auth-form input{border:1px solid var(--line);border-radius:10px;padding:11px 13px;font-size:14.5px;outline:none;background:#fff;color:var(--ink)}.auth-form input:focus{border-color:#a9bdf0;box-shadow:0 0 0 3px #4338ca1a}.auth-submit{margin-top:4px;padding:12px;font-size:15px}.auth-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:9px;padding:9px 12px;font-size:12.5px}.auth-switch{margin-top:16px;width:100%;text-align:center;font-size:12.5px}.auth-foot{margin-top:18px;text-align:center;color:#a8b4cc;font-size:11px}.user-chip{background:#eef2ff;color:var(--indigo);border-radius:999px;padding:4px 11px;font-size:12.5px;font-weight:600}.ok-banner{margin-top:16px;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;border-radius:10px;padding:10px 14px;font-size:13px}.invite-created{margin-top:14px;font-size:13.5px;color:var(--ink);background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;padding:10px 14px}.invite-created code{font-size:15px;font-weight:700;letter-spacing:1px;color:var(--indigo)}.mini-input{width:56px;border:1px solid var(--line);border-radius:7px;padding:4px 6px;font-size:12.5px;margin-right:6px;text-align:center}@media (max-width: 640px){.top-actions{flex-wrap:wrap;gap:8px;justify-content:flex-end}.auth-card{padding:24px 18px 18px}}button.user-chip{border:none;cursor:pointer}button.user-chip:hover{background:#e0e7ff}
