:root{color-scheme:light;--ink:#2b302c;--green:#7f735a;--line:#d5d9cc}*{box-sizing:border-box}body{margin:0;background:#f5f3ee;color:var(--ink);font:15px/1.65 system-ui,-apple-system,"Microsoft YaHei",sans-serif}header{display:flex;align-items:center;justify-content:space-between;padding:22px max(5vw,24px);background:#fffefa;border-bottom:1px solid var(--line)}a{color:var(--green);text-decoration:none}nav{display:flex;gap:24px}.logo{font-size:23px;font-weight:800;color:var(--ink)}.logo span{color:var(--green);margin-left:5px}main{max-width:1160px;margin:auto;padding:35px 24px 70px}.intro{padding:15px 0 25px}h1{font-size:clamp(28px,4vw,40px);line-height:1.3;letter-spacing:-1px}h2{font-size:22px;margin:15px 0}h3{margin-top:28px}.eyebrow{font-size:13px;letter-spacing:2px;color:var(--green);font-weight:700}.intro>p:last-child,.muted{color:#738067}.bar{display:flex;align-items:center;justify-content:space-between;gap:16px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:30px}.card,.panel,#detail{background:#fffefa;border:1px solid var(--line);border-radius:18px;padding:23px}.card.selected{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.card h3{margin:5px 0 12px}.card button{margin-top:14px;margin-right:10px}.plan-title{display:flex;align-items:center;gap:14px;flex-wrap:wrap}#upgradePlan{margin:0}#upgradeSummary{line-height:1.9}#upgradeMessage{white-space:pre-line}.badge{background:#e9ecdf;color:#3f5034;border-radius:20px;padding:5px 12px;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:20px}.metric{padding:18px;background:#e9ecdf;border-radius:12px}.metric b{display:block;font-size:29px;line-height:1.2}.metric span{color:#3f5034;font-size:13px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}button,.button{font:inherit;border-radius:9px;padding:9px 15px;border:1px solid #d5d9cc;background:#fffefa;color:var(--ink);cursor:pointer;display:inline-block}button.primary,.button{background:var(--green);color:#ffffff;border-color:var(--green)}button:disabled{opacity:.5;cursor:default}label{display:block}input{width:100%;padding:12px;border:1px solid #d5d9cc;border-radius:8px;font:inherit;margin:8px 0}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:14px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}th{color:#3f5034;font-weight:500}.table{overflow:auto}td button{font-size:12px;padding:5px 10px}.notice{background:#fffefa;border-left:3px solid #d5d9cc;border-radius:8px;padding:16px;margin:22px 0}.total{font-size:30px;font-weight:800}dialog{border:1px solid var(--line);border-radius:20px;max-width:530px;width:calc(100% - 30px);padding:26px;max-height:90vh;overflow:auto}dialog::backdrop{background:#10272088}#payQR,#upgradeQR{display:block;margin:15px auto;width:260px;max-width:100%}[hidden]{display:none!important}#message:empty{display:none}#message{background:#fffefa;padding:12px;border-radius:8px}#payMessage{white-space:pre-line}footer{text-align:center;padding:25px;color:#738067;font-size:13px}@media(max-width:600px){main{padding:20px 15px}nav{gap:12px;font-size:13px}.bar{align-items:flex-start;flex-wrap:wrap}#detail{padding:17px}.metrics{grid-template-columns:repeat(2,1fr)}}