:root{--pink:#f0449a;--pink-soft:#fff0f7;--ink:#30343c;--muted:#8f96a2;--bg:#f5f6f8;--line:#eceef2}
*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:14px/1.7 "Microsoft YaHei","PingFang SC",Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}
.topbar{background:white;border-bottom:1px solid var(--line)}.top-inner{height:64px;max-width:1200px;margin:auto;padding:0 20px;display:flex;align-items:center;gap:15px}.brand{border-radius:22px;background:var(--pink);color:#fff;padding:5px 16px;font-weight:bold;white-space:nowrap}.nav{margin-left:auto;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.nav a{color:#596170}.nav a:hover{color:var(--pink)}.nav .pill{border:1px solid var(--pink);border-radius:22px;color:var(--pink);padding:5px 16px}
.container{max-width:1080px;margin:32px auto 56px;padding:0 20px}.narrow{max-width:500px}.panel{background:#fff;border:1px solid #f0f0f2;border-radius:12px;box-shadow:0 3px 18px #25324709;padding:28px;margin-bottom:18px}.panel h1,.panel h2{margin:0 0 20px;line-height:1.3}.panel h1{font-size:23px}.panel h2{font-size:18px}.hint{font-size:12px;color:var(--muted)}.lead{color:#697181}.section-title{border-left:5px solid var(--pink);padding-left:11px;font-size:18px;margin:0 0 20px}.form-row{margin-bottom:18px}.form-row label{display:block;font-weight:600;margin-bottom:6px}.control{width:100%;height:43px;border:1px solid #dce0e7;border-radius:8px;background:#fff;padding:0 13px;outline:none}.control:focus{border-color:var(--pink);box-shadow:0 0 0 3px #f0449a15}.btn{border:0;border-radius:24px;padding:10px 24px;background:var(--pink);color:#fff;font-weight:600}.btn:hover{filter:brightness(.96)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:var(--pink-soft);color:var(--pink)}.btn.outline{border:1px solid var(--pink);color:var(--pink);background:white}.full{width:100%}.help-link{color:var(--pink)}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.message{margin:15px 0 0;padding:10px 12px;border-radius:8px;background:#f7f8fa;color:#596170}.message.error{background:#fff0f1;color:#bb3446}.message.ok{background:#edfaf3;color:#16804b}
.points{font-weight:bold;color:var(--pink);font-size:40px;line-height:1.2}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.package{border:1px solid #f3d4e3;border-radius:12px;text-align:center;padding:20px 8px}.package .price{font-size:21px;font-weight:bold}.package .value{font-size:26px;font-weight:bold;color:var(--pink)}.package small{color:var(--muted)}
.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}th{background:#fafbfc;color:#68717e;font-size:13px}td{font-size:13px}.badge{display:inline-block;padding:2px 9px;background:#fff0f7;color:var(--pink);border-radius:12px;font-size:12px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}.toolbar .control{width:240px}.sidebar-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px}.sidebar{background:#fff;padding:15px;border-radius:12px;height:max-content}.sidebar a{display:block;padding:11px 14px;border-radius:7px;color:#657080}.sidebar a.active,.sidebar a:hover{background:var(--pink-soft);color:var(--pink)}.placeholder{background:#fff7fb;border:1px dashed #f2abc9;padding:15px;border-radius:9px;color:#95647b}.footer{text-align:center;color:#a3a8b2;font-size:12px;padding:20px}
@media(max-width:700px){.top-inner{padding:0 12px}.nav{gap:8px}.nav a{font-size:12px}.container{padding:0 12px;margin-top:18px}.panel{padding:20px 16px}.grid{grid-template-columns:repeat(2,1fr)}.sidebar-layout{display:block}.sidebar{display:flex;gap:6px;overflow:auto;margin-bottom:15px}.sidebar a{white-space:nowrap}.toolbar .control{width:100%}}