:root{ --bg:#f6f7fb; --card:#fff; --ink:#1d2340; --muted:#6b7394; --line:#e3e6f0; --accent:#2c7d4f; --danger:#c94f4f; }
*{box-sizing:border-box;}
[hidden]{display:none !important;}
body{margin:0; background:var(--bg); color:var(--ink); font:15px/1.6 "Microsoft YaHei","PingFang SC",system-ui,sans-serif;}
main{max-width:860px; margin:0 auto; padding:32px 20px 48px;}
h1{font-size:24px; margin:0 0 20px;}
h1 small{font-size:13px; color:var(--muted); font-weight:normal; margin-left:8px;}
h2{font-size:17px; margin:0 0 8px;}
section{background:var(--card); border:1px solid var(--line); border-radius:14px; padding:20px 22px; margin-bottom:16px;}
.pair{display:grid; grid-template-columns:minmax(200px, 1fr) 2fr; gap:28px;}
.label{font-size:13px; color:var(--muted);}
.code{font-size:48px; font-weight:800; letter-spacing:.15em; font-variant-numeric:tabular-nums; margin:4px 0 8px;}
ul{margin:6px 0; padding-left:18px;}
#urls li{font-size:18px; font-weight:600; font-family:Consolas, monospace;}
.muted{color:var(--muted); font-size:13px;}
textarea{width:100%; font:14px/1.5 Consolas, monospace; padding:10px 12px; border:1px solid var(--line); border-radius:10px; resize:vertical;}
.row{display:flex; align-items:center; gap:14px; margin-top:10px;}
button{font:inherit; border:none; border-radius:10px; padding:8px 18px; background:var(--accent); color:#fff; cursor:pointer;}
button.ghost{background:transparent; color:var(--accent); border:1px solid var(--line); padding:4px 12px;}
button.danger{background:transparent; color:var(--danger); border:1px solid var(--line); padding:2px 12px;}
.err{color:var(--danger); margin-top:8px; min-height:1em;}
table{width:100%; border-collapse:collapse;}
td{padding:8px 4px; border-top:1px solid var(--line);}
tr:first-child td{border-top:none;}
td:last-child{text-align:right;}
.ok{color:var(--accent); font-weight:600;}
.bad{color:var(--danger); font-weight:600;}
.notice{color:var(--muted); font-size:12px; line-height:1.7; padding:0 4px;}
@media (max-width:640px){ .pair{grid-template-columns:1fr;} }

.stable{font-family:Consolas, monospace; font-size:20px; font-weight:700; margin:4px 0 6px; word-break:break-all;}
details{margin-top:10px;}
summary{cursor:pointer;}
details .row{margin-top:8px;}

.pcnow{margin:10px 0 4px;}
label input[type=checkbox]{margin-right:4px;}
.consent{display:block; margin-top:12px; line-height:1.6; cursor:pointer;}
.consent input{margin-right:6px; vertical-align:-2px;}
a{color:var(--accent);}
.policy section p{margin:6px 0;}
.policy code{background:var(--line); padding:1px 6px; border-radius:4px;}
button:disabled{opacity:.45; cursor:not-allowed;}
.row.end{justify-content:flex-end;}