:root{--bg: #f5f1e8;--panel: #ffffff;--ink: #1d1c19;--muted: #6d655b;--accent: #2a6e58;--border: #e6e0d6}*{box-sizing:border-box}body{margin:0;font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,serif;color:var(--ink);background:radial-gradient(circle at top,#f0eadf,#f7f4ee 45%,#f5f1e8)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);background:#fdfaf4;position:sticky;top:0;z-index:10}.brand{font-weight:700;letter-spacing:1px}.links{display:flex;gap:12px}.link{text-decoration:none;color:var(--muted);font-size:14px;padding:6px 10px;border-radius:10px;border:1px solid transparent}.link.router-link-active{color:var(--ink);border-color:var(--border);background:#f7f2e9}.page{max-width:960px;margin:0 auto;padding:28px 18px 60px}.hero{margin-bottom:18px}.hero h1{margin:0 0 6px;font-size:30px;letter-spacing:1px}.hero p{margin:0;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px;margin-bottom:18px;box-shadow:0 10px 24px #261e1414}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:end}label{display:flex;flex-direction:column;gap:6px;min-width:200px;flex:1 1 200px}label span{font-size:13px;color:var(--muted)}input{padding:10px 12px;border:1px solid var(--border);border-radius:10px;font-size:14px}button{border:none;padding:10px 16px;border-radius:10px;background:var(--accent);color:#fff;cursor:pointer;font-size:14px}button:hover{filter:brightness(.95)}.hint{margin-top:8px;color:var(--muted);font-size:14px}.mono{font-family:SFMono-Regular,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:12px 10px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}th{color:var(--muted);font-weight:600}@media (max-width: 720px){.row{align-items:stretch}button{width:100%}}