:root{font-family:Inter,"Microsoft YaHei",sans-serif;color:#211f1d;background:#eee9e4}*{box-sizing:border-box}body{margin:0}header{height:70px;background:#171717;color:#fff;padding:0 max(22px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.brand>span{width:40px;height:40px;background:#fff;color:#111;display:grid;place-items:center;font-weight:900}.brand b,.brand small{display:block}.brand small{font-size:9px;color:#999;letter-spacing:1.5px}header nav{display:flex;gap:22px}header nav a{color:#ddd;text-decoration:none;font-size:13px}main{max-width:1180px;margin:34px auto 70px;padding:0 18px}.wallet{background:linear-gradient(120deg,#2a211d,#8a5841);color:#fff;padding:38px 44px}.wallet small{letter-spacing:2px;color:#d9b9a8}.wallet h1{margin:7px 0}.wallet>b{font-size:46px}.wallet p{color:#dccfc8;margin-bottom:0}.content{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:16px}.panel{background:#fff;border:1px solid #ded7d2;padding:24px}.panel.full{grid-column:1/-1}.panel-title{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #eee7e2;padding-bottom:14px;margin-bottom:16px}.panel-title small{letter-spacing:1.6px;color:#aa5938}.panel-title h2{margin:5px 0 0}.panel-title>span{font-size:12px;color:#8b817b}.plans{display:grid;grid-template-columns:1fr 1fr;gap:12px}.plan{border:1px solid #ded5cf;background:#fff;padding:18px;text-align:left;cursor:pointer}.plan:hover{border-color:#ad4e30}.plan b,.plan span,.plan small{display:block}.plan b{font-size:25px}.plan span{color:#ae4f31;margin-top:6px}.plan small{color:#8e847e;margin-top:5px}.custom{display:grid;grid-template-columns:1fr 130px;gap:10px;align-items:end;margin-top:16px}.custom label{font-size:12px}.custom input{display:block;width:100%;padding:11px;border:1px solid #d4cbc5;margin-top:6px}.custom button,.primary,.order button{border:0;background:#ad4b2e;color:#fff;padding:12px;font-weight:700}.notice{margin-top:22px;padding:15px;background:#f8f3ef}.notice p{font-size:12px;line-height:1.7;color:#746b66;margin-bottom:0}.order,.transaction{border-bottom:1px solid #eee9e5;padding:13px 3px}.order-head,.transaction{display:flex;justify-content:space-between;gap:12px}.order small,.transaction small{display:block;color:#8c837d;margin-top:4px}.order-actions{margin-top:10px}.order button{padding:7px 10px;margin-right:7px}.order button.secondary{background:#333}.badge{font-size:12px;padding:4px 8px;border-radius:14px;background:#fff0d5;color:#966800}.badge.paid{background:#e6f4eb;color:#24774b}.badge.cancelled{background:#f3e9e7;color:#945044}.empty{padding:30px;text-align:center;color:#999}dialog{border:0;width:min(460px,92vw);padding:28px;box-shadow:0 20px 60px #0005}dialog::backdrop{background:#0009}.close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:24px}.primary{width:100%}#toast{position:fixed;right:22px;bottom:22px;background:#183d32;color:#fff;padding:12px 18px;opacity:0;transform:translateY(10px);transition:.2s}#toast.show{opacity:1;transform:none}#toast.error{background:#8c3535}@media(max-width:800px){header{padding:0 16px}header nav a:nth-child(2){display:none}main{margin-top:0;padding:0}.wallet{padding:32px 24px}.content{display:block;margin:0}.panel{border-width:0 0 1px;margin:0}.plans{grid-template-columns:1fr}.custom{grid-template-columns:1fr}.panel.full{grid-column:auto}}