:root{font-family:Inter,"Microsoft YaHei",sans-serif;color:#201f1d;background:#f6f3ef}*{box-sizing:border-box}body{margin:0}header{height:74px;background:#151515;color:#fff;padding:0 max(22px,calc((100vw - 1320px)/2));display:flex;align-items:center;gap:34px}.brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:11px}.brand>span{width:42px;height:42px;background:#fff;color:#111;display:grid;place-items:center;font-weight:900}.brand small,.brand b{display:block}.brand small{color:#aaa;font-size:9px;letter-spacing:1.4px;margin-top:3px}header nav{display:flex;gap:24px;flex:1}header nav a{color:#aaa;text-decoration:none}header nav a.active,header nav a:hover{color:#fff}header select{background:#292929;color:#fff;border:1px solid #4b4b4b;padding:9px}main{max-width:1320px;margin:28px auto 70px;padding:0 16px}.hero{min-height:280px;padding:38px 48px;background:linear-gradient(118deg,#2c2520,#181715 66%,#7d4b36);color:#fff;display:flex;align-items:center;justify-content:space-between}.hero>div:first-child{max-width:730px}.hero small,.panel-title small{letter-spacing:2px;color:#d5a98e}.hero h1{font-size:40px;margin:13px 0}.hero p{color:#d6d2ce;line-height:1.7}.member-card{width:260px;background:#fff;color:#222;padding:24px;box-shadow:0 18px 40px #0005}.member-card>*{display:block}.member-card small{color:#8d8179}.member-card b{font-size:22px;margin:9px 0}.member-card span{color:#a05a3e}.member-card strong{font-size:28px;margin-top:24px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0}.metric{background:#fff;border:1px solid #e5dfd8;padding:18px}.metric span,.metric b{display:block}.metric span{color:#8b8179;font-size:12px}.metric b{font-size:26px;margin-top:8px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.panel{background:#fff;border:1px solid #e4ddd6;padding:24px}.panel.wide{grid-column:1/-1}.panel-title{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #eee7e1;padding-bottom:14px;margin-bottom:18px}.panel-title h2{margin:6px 0 0}.panel-title>span{color:#998f87}.campaign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.campaign{border:1px solid #e4ddd6;padding:18px}.campaign h3{margin:5px 0}.campaign>small{color:#9c7663}.campaign .time{color:#827a74;font-size:12px}.purchase-item{background:#faf8f5;padding:13px;margin-top:12px}.purchase-item b,.purchase-item span,.purchase-item small{display:block}.purchase-item strong{color:#b74f31;font-size:22px}.purchase-item small{color:#8a837c;margin:5px 0}.purchase-item button,.invite-card button{border:0;background:#1f1f1f;color:#fff;padding:9px 13px;margin-top:9px}.purchase-item button:disabled{background:#aaa}.invite-card code{display:block;background:#f1ebe5;padding:13px;font-size:18px;letter-spacing:1px}.invite-card form{border-top:1px solid #eee4dc;margin-top:18px;padding-top:16px}.invite-card label,.invite-card select{display:block;width:100%}.invite-card select{padding:9px;margin-top:6px;border:1px solid #d7cec7}.reward{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid #eee6df;padding:12px 2px}.reward small{display:block;color:#8e857e;margin-top:4px}.reward b:last-child{color:#a94a2e}.empty{padding:35px;text-align:center;color:#9b938c}dialog{border:0;width:min(560px,92vw);padding:30px;box-shadow:0 20px 60px #0006}dialog::backdrop{background:#0009}dialog h2{margin-top:0}.close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:25px}dialog label{display:block;font-size:12px;margin-top:12px}dialog input,dialog textarea{display:block;width:100%;padding:10px;border:1px solid #d8d0c9;margin-top:6px}dialog textarea{min-height:90px}.order-item{background:#f6f1ec;padding:14px}.primary{border:0;background:#b54d30;color:#fff;padding:12px;width:100%;margin-top:17px;font-weight:700}dialog form>p{text-align:center;color:#999;font-size:11px}#toast{position:fixed;right:20px;bottom:20px;background:#193d32;color:#fff;padding:12px 18px;opacity:0;transform:translateY(10px);transition:.2s}#toast.show{opacity:1;transform:none}#toast.error{background:#8c3737}@media(max-width:850px){header{overflow:auto}header nav{display:none}.hero{display:block;padding:28px}.hero h1{font-size:32px}.member-card{width:auto;margin-top:20px}.metrics{grid-template-columns:1fr 1fr}.content-grid{display:block}.panel{margin-bottom:14px}.campaign-grid{grid-template-columns:1fr}}