:root{
  --bg:#0A0A0C; --bg-2:#101013; --surface:rgba(255,255,255,.045);
  --surface-2:rgba(255,255,255,.07); --border:rgba(255,255,255,.10);
  --gold:#C9A24B; --gold-2:#E6C766; --gold-grad:linear-gradient(135deg,#E6C766,#C9A24B 55%,#9C7B2E);
  --text:#F4F1EA; --text-2:#A7A29A; --danger:#E5484D; --ok:#3FB950; --warn:#E3A008; --blue:#58a6ff;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}
button{font-family:inherit}
.hidden{display:none!important}

/* 登录 */
.login-wrap{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,rgba(201,162,75,.12),transparent 55%)}
.login-card{background:var(--bg-2);border:1px solid var(--border);border-radius:22px;padding:40px;width:min(380px,90vw);text-align:center}
.login-card h1{font-size:22px;margin-bottom:6px}
.login-card p{color:var(--text-2);font-size:13px;margin-bottom:26px}
.login-card input{width:100%;background:var(--surface);border:1px solid var(--border);color:var(--text);
  padding:13px 15px;border-radius:12px;font-size:15px;margin-bottom:16px}
.btn-gold{background:var(--gold-grad);color:#1a1300;border:none;font-weight:700;padding:13px 24px;border-radius:12px;cursor:pointer}
.btn-gold.block{width:100%}
.btn-ghost{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:9px 16px;border-radius:10px;cursor:pointer;font-size:13px}
.btn-ghost:hover{border-color:var(--gold)}
.btn-sm{padding:6px 12px;font-size:12px;border-radius:8px}
.btn-danger{background:rgba(229,72,77,.14);border:1px solid rgba(229,72,77,.5);color:var(--danger);padding:6px 12px;font-size:12px;border-radius:8px;cursor:pointer;font-weight:600}
.btn-danger:hover{background:rgba(229,72,77,.24)}

/* 框架 */
.admin{display:flex;min-height:100vh}
.sidebar{width:220px;background:var(--bg-2);border-right:1px solid var(--border);padding:22px 16px;display:flex;flex-direction:column}
.side-brand{display:flex;align-items:center;gap:10px;font-weight:700;margin-bottom:28px;padding-left:6px}
.side-brand .m{width:20px;height:20px;border-radius:50%;background:var(--gold-grad)}
.side-nav{display:flex;flex-direction:column;gap:6px}
.side-nav a{padding:11px 14px;border-radius:10px;color:var(--text-2);cursor:pointer;font-size:14px}
.side-nav a.active,.side-nav a:hover{background:var(--surface);color:var(--text)}
.side-foot{margin-top:auto;font-size:12px;color:var(--text-2)}
.side-foot button{margin-top:8px}
.main{flex:1;padding:30px 36px 22px;overflow:auto}
.main h2{font-size:22px;margin-bottom:20px}
.page{display:none}.page.active{display:block}

/* 备案信息 footer */
.login-footer,.admin-footer{
  text-align:center;color:var(--text-2);font-size:12px;line-height:1.8;padding:18px 16px;
}
.login-footer{position:absolute;left:0;right:0;bottom:0}
.login-footer a,.admin-footer a{color:var(--text-2);text-decoration:none}
.login-footer a:hover,.admin-footer a:hover{color:var(--gold-2)}
.admin-footer{border-top:1px solid var(--border);background:var(--bg-2);margin-top:auto}
@media(max-width:760px){
  .login-footer{font-size:11px;padding:14px 12px}
  .admin-footer{font-size:11px;padding:14px 12px}
}

/* 概览 */
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}
.stat{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px}
.stat .v{font-size:30px;font-weight:800;color:var(--gold-2)}
.stat .l{color:var(--text-2);font-size:13px;margin-top:6px}
.stat-sub{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.chip{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:8px 14px;font-size:13px;color:var(--text-2)}
.chip b{color:var(--text)}

/* 过滤器 */
.filters{display:flex;gap:12px;margin-bottom:18px;flex-wrap:wrap;align-items:center}
.filters select,.filters input{background:var(--surface);border:1px solid var(--border);color:var(--text);
  padding:10px 12px;border-radius:10px;font-size:14px}
.filters input{width:220px}

/* 订单表 */
.order-row{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px;margin-bottom:12px}
.or-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.or-id{font-weight:700}
.or-status{font-size:12px;padding:4px 12px;border-radius:20px;font-weight:600}
.st-unpaid{background:rgba(229,160,8,.16);color:var(--warn)}
.st-paid{background:rgba(63,185,80,.16);color:var(--ok)}
.st-shipped{background:rgba(88,166,255,.16);color:var(--blue)}
.st-done{background:rgba(255,255,255,.1);color:var(--text-2)}
.st-cancelled{background:rgba(229,72,77,.16);color:var(--danger)}
.st-refunded{background:rgba(229,72,77,.16);color:var(--danger)}
.or-items{font-size:13px;color:var(--text-2);margin-bottom:6px}
.or-meta{font-size:12px;color:var(--text-2);display:flex;gap:16px;flex-wrap:wrap}
.or-amt{font-weight:700;color:var(--gold-2)}
.or-actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.or-actions input{flex:1;min-width:180px;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:8px;font-size:13px}
.empty{color:var(--text-2);text-align:center;padding:40px}

/* 商品管理 */
.prod-edit{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px;margin-bottom:16px;max-width:520px}
.prod-edit h3{font-size:16px;margin-bottom:14px}
.field{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.field label{width:90px;color:var(--text-2);font-size:13px}
.field input{flex:1;background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:9px 11px;border-radius:9px;font-size:14px}
.field.img-preview{align-items:flex-start}
.field.img-preview img{max-width:220px;max-height:160px;border-radius:10px;border:1px solid var(--border);object-fit:cover}
.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#1c1c20;border:1px solid var(--border);
  color:var(--text);padding:12px 22px;border-radius:14px;z-index:80;font-size:14px}

/* 会员管理 */
.mem-row{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px;margin-bottom:12px}
.mr-top{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}
.mr-id{font-weight:700}
.mr-name{font-size:14px}
.mr-code{font-size:12px;color:var(--gold-2);font-family:ui-monospace,Menlo,Consolas,monospace;margin-left:auto}
.mr-meta{font-size:12px;color:var(--text-2);display:flex;gap:16px;flex-wrap:wrap;margin-bottom:6px}
.mr-meta em{color:var(--text-2);font-style:normal;opacity:.8}
.mr-actions{margin-top:10px;display:flex;gap:8px;align-items:center;font-size:13px;color:var(--text-2)}
.mr-actions input{background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:7px 10px;border-radius:8px;font-size:13px;width:180px}

/* 推广看板 */
.ref-head,.ref-row{display:grid;grid-template-columns:1.6fr 1fr .6fr .8fr;gap:10px;padding:12px 14px;align-items:center}
.ref-head{color:var(--text-2);font-size:12px;border-bottom:1px solid var(--border)}
.ref-row{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:8px;font-size:13px}
.ref-row em{color:var(--text-2);font-style:normal;font-size:11px}
.ref-row .or-amt{font-weight:700;color:var(--gold-2)}

@media(max-width:760px){.sidebar{display:none}.stat-grid{grid-template-columns:repeat(2,1fr)}.main{padding:20px}
  .ref-head,.ref-row{grid-template-columns:1.4fr .8fr .5fr .7fr;font-size:11px}}