/* ============================================================ 背多分 v2 · 设计令牌（Design Tokens） - 双主题：front（前台奶咖治愈系）/ admin（后台清爽白底） - 用法： ============================================================ */ :root[data-theme="front"] { /* 色板 */ --bg: #F5EFE6; --surface: #FAF6F0; --surface2: #F1E6D8; --primary: #D4A574; --accent: #C0824E; --text: #4A3A2C; --text2: #8A6D3B; --text3: #A08B74; --border: #EAE0CF; --success: #2E7D32; --danger: #C62828; --info: #2E86C1; --warn: #E65100; --st-activated: #2E7D32; --st-trial: #F57F17; --st-none: #1565C0; --st-expired: #C62828; /* 形状（倒圆角：不用大圆角/胶囊，全局统一小方角） */ --radius: 6px; --radius-s: 4px; --shadow: 0 2px 8px rgba(180,150,120,.08); --shadow-lg: 0 6px 20px rgba(180,150,120,.16); /* 字号 */ --fs: 15px; --fs-sm: 13px; --fs-lg: 18px; --fs-xl: 22px; /* 触控规范：最小点击区 */ --tap: 44px; } :root[data-theme="admin"] { --bg: #F5F6F8; --surface: #FFFFFF; --surface2: #F3F4F6; --primary: #2563EB; --accent: #1E40AF; --text: #1F2937; --text2: #6B7280; --text3: #9CA3AF; --border: #E5E7EB; --success: #16A34A; --danger: #DC2626; --info: #0284C7; --warn: #D97706; --st-activated: #16A34A; --st-trial: #D97706; --st-none: #2563EB; --st-expired: #DC2626; --radius: 8px; --radius-s: 6px; --shadow: 0 1px 3px rgba(0,0,0,.06); --shadow-lg: 0 4px 12px rgba(0,0,0,.08); --fs: 14px; --fs-sm: 12px; --fs-lg: 16px; --fs-xl: 20px; --tap: 40px; } /* 通用重置 */ * { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; } body { font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; background: var(--bg); color: var(--text); font-size: var(--fs); line-height: 1.6; } button { font-family: inherit; cursor: pointer; } input, select, textarea { font-family: inherit; font-size: var(--fs); } a { color: var(--accent); text-decoration: none; } img { max-width: 100%; } /* 溢出规则：长文本自动截断省略 */ .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* 长英文/答案换行防截断 */ .break-all { word-break: break-all; word-wrap: break-word; }