:root{--primary: #1b9aaa;--primary-dark: #137f8d;--primary-light: #e2f4f6;--accent: #ff9f43;--success: #2ecc71;--error: #e74c3c;--text: #2d3436;--text-dim: #8a9599;--bg: #f4f9fa;--card: #ffffff;--radius: 14px;--shadow: 0 2px 10px rgba(27, 154, 170, .1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;font-size:16px;line-height:1.6}#app{max-width:560px;margin:0 auto;min-height:100vh}@font-face{font-family:SeqNum;src:url(/fonts/seq-num.ttf) format("truetype");font-display:swap}.page{padding:14px 16px 84px}.page-title{font-size:20px;font-weight:700;margin:6px 0 14px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;margin-bottom:12px}.btn{display:inline-block;border:none;border-radius:999px;padding:12px 26px;font-size:17px;font-weight:600;background:var(--primary);color:#fff;cursor:pointer;transition:transform .08s,opacity .15s}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-block{display:block;width:100%;text-align:center}.btn-outline{background:transparent;border:1.5px solid var(--primary);color:var(--primary)}.btn-ghost{background:var(--primary-light);color:var(--primary-dark)}.btn-danger{background:var(--error)}.badge{display:inline-block;font-size:12px;padding:2px 10px;border-radius:999px;background:var(--primary-light);color:var(--primary-dark)}.badge-role-super_admin{background:#ffeaa7;color:#b8860b}.badge-role-admin{background:#dfe6e9;color:#2d3436}.badge-role-vip{background:#ffe0b2;color:#e67e22}.navbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--card);box-shadow:var(--shadow)}.navbar .nav-title{flex:1;font-size:17px;font-weight:700;text-align:center}.navbar .nav-btn{border:none;background:none;color:var(--primary);font-size:15px;cursor:pointer;padding:4px 8px}.navbar .nav-placeholder{width:40px}.tabbar{position:fixed;bottom:0;left:0;right:0;max-width:560px;margin:0 auto;display:flex;background:var(--card);box-shadow:0 -2px 10px #0000000f;z-index:10}.tabbar .tab{flex:1;text-align:center;padding:8px 0 6px;color:var(--text-dim);font-size:12px;cursor:pointer;text-decoration:none}.tabbar .tab .tab-icon{font-size:22px;display:block;line-height:1.2}.tabbar .tab.active{color:var(--primary);font-weight:600}.list-item{display:flex;align-items:center;gap:12px;padding:13px 14px;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:10px;cursor:pointer}.list-item .li-main{flex:1;min-width:0}.list-item .li-title{font-size:16px;font-weight:600}.list-item .li-sub{font-size:13px;color:var(--text-dim);margin-top:2px}.list-item .li-arrow{color:var(--text-dim);font-size:18px}.empty{text-align:center;color:var(--text-dim);padding:40px 0;font-size:14px}.prompt-toast{position:fixed;top:18%;left:50%;transform:translate(-50%);max-width:80%;background:#2d3436eb;color:#fff;border-radius:12px;padding:12px 20px;font-size:16px;z-index:100;text-align:center}.loading{text-align:center;color:var(--text-dim);padding:30px 0}#app.admin-mode{max-width:none}#app.admin-mode .page{padding:0}