:root{--bg:#fff7ed;--panel:#ffffff;--gold:#f59e0b;--gold2:#fbbf24;--ink:#3f2d20;--muted:#8b7355;--line:#f0d9c0;--ok:#16a34a;--no:#dc2626;--shadow:0 4px 14px rgba(120,72,28,.12)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.55}
a{color:#c2410c;text-decoration:none}
.app{max-width:540px;margin:0 auto;min-height:100vh;padding:52px 0 66px;background:var(--bg)}
.topbar{position:fixed;top:0;left:0;right:0;height:50px;background:linear-gradient(90deg,#f97316,var(--gold));color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 12px;z-index:30;box-shadow:var(--shadow)}
.topbar h1{font-size:17px;margin:0}
.topbar .ico{font-size:20px;margin-right:6px}
.topbar a{color:#fff;font-size:13px;padding:4px 8px;border:1px solid rgba(255,255,255,.6);border-radius:12px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px;margin:12px;box-shadow:var(--shadow)}
.panel h2{font-size:16px;margin:0 0 10px}
.grid{display:grid;gap:10px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;position:relative}.card.active{border-color:var(--gold);box-shadow:0 0 0 2px #fde68a}
.card .tag{position:absolute;top:-8px;right:-6px;font-size:11px;background:#fee2e2;color:#b91c1c;padding:1px 6px;border-radius:8px}
.card .name{font-weight:700}.card .meta{font-size:12px;color:var(--muted)}
.btn{display:inline-block;text-align:center;background:var(--gold);color:#fff;border:none;border-radius:10px;padding:9px 12px;font-size:14px;font-weight:700;cursor:pointer}.btn.ghost{background:#fff;color:#c2410c;border:1px solid var(--gold)}.btn.block{width:100%}.btn[disabled]{opacity:.5;cursor:not-allowed}
.muted{color:var(--muted)}.small{font-size:12px}.center{text-align:center}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.mt{margin-top:10px}.mb{margin-bottom:10px}
form label{display:block;font-size:13px;margin:8px 0 3px}.form-control,input,select,textarea{width:100%;padding:9px;border:1px solid var(--line);border-radius:10px;font-size:14px;background:#fff}
.badge{display:inline-block;padding:2px 7px;border-radius:8px;font-size:12px;background:#fef3c7;color:#b45309}.rarity-普通{color:#6b7280}.rarity-精品{color:#2563eb}.rarity-招牌{color:#d97706}.rarity-传说{color:#dc2626}
.progress{height:8px;background:#f1e4d4;border-radius:6px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#f59e0b,#f97316)}
.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fff;border-top:1px solid var(--line);z-index:30}.tabbar a{flex:1;text-align:center;padding:7px 2px;font-size:11px;color:var(--muted)}.tabbar a b{display:block;font-size:17px;font-weight:400}.tabbar a.on{color:#ea580c}
.toast{position:fixed;left:50%;bottom:80px;transform:translateX(-50%);background:#3f2d20;color:#fff;padding:9px 15px;border-radius:20px;font-size:13px;opacity:0;transition:.25s;pointer-events:none;z-index:50}.toast.on{opacity:1}
.bar{display:flex;gap:6px;align-items:center;justify-content:space-between;padding:6px 12px;background:#fff;border-bottom:1px solid var(--line);font-size:13px}.bar b{color:#ea580c}
table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#fff7ed}.num{text-align:right}
@media(max-width:420px){.g4{grid-template-columns:repeat(2,1fr)}}

/* VIP会员系统样式 */
.vip-link{padding:2px 8px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff!important;font-size:12px;margin-right:5px;}
.vip-badge{display:inline-block;padding:2px 8px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:11px;margin-left:5px;}