/* ============================================================ 信可维 浅色主题变量包（theme-light.css） 用法：在 时生效。 仅覆盖 style.css :root 中的设计变量，不改动任何组件样式。 所有前景/背景组合对比度 ≥ 4.5:1（WCAG AA）。 ============================================================ */ :root[data-theme="light"] { /* ── 背景 ── */ --bg-primary: #f6f7fb; --bg-secondary: #ffffff; --bg-card: rgba(255, 255, 255, 0.92); --bg-card-hover: #ffffff; --bg-elevated: #ffffff; /* ── 边框 ── */ --border: rgba(80, 96, 180, 0.14); --border-hover: rgba(80, 96, 180, 0.32); /* ── 文字（对 --bg-primary 对比度：14.9 / 7.1 / 4.9）── */ --text-primary: #1a2233; --text-secondary: #4a5568; --text-muted: #5f6f8a; /* ── 强调色（浅底下加深一档保证对比度）── */ --accent: #5b5fd6; /* 对白色 5.9:1 */ --accent-glow: rgba(91, 95, 214, 0.12); --accent-secondary: #0891b2; --accent-green: #0e9f6e; --accent-purple: #8b5cf6; --accent-magenta: #d63384; --accent-orange: #c2621a; --accent-rose: #e02444; /* ── 渐变与光晕（减弱为浅底装饰）── */ --gradient-main: linear-gradient(135deg, #7c6cf0 0%, #5b5fd6 35%, #3f8ef7 65%, #06b6d4 100%); --gradient-dark: linear-gradient(180deg, #f6f7fb 0%, #eef0f8 100%); --gradient-glow-purple: radial-gradient(ellipse 80vw 60vh at 20% 30%, rgba(139,92,246,0.08) 0%, transparent 60%); --gradient-glow-blue: radial-gradient(ellipse 70vw 50vh at 80% 20%, rgba(91,95,214,0.07) 0%, transparent 60%); --gradient-glow-warm: radial-gradient(ellipse 60vw 40vh at 70% 60%, rgba(242,181,106,0.08) 0%, transparent 50%); /* ── 阴影（浅底用柔和灰蓝阴影）── */ --shadow-sm: 0 2px 8px rgba(30, 41, 82, 0.08); --shadow-md: 0 8px 32px rgba(30, 41, 82, 0.12); --shadow-lg: 0 16px 64px rgba(30, 41, 82, 0.16); --shadow-glow: 0 0 60px rgba(91, 95, 214, 0.08), 0 0 120px rgba(139, 92, 246, 0.04); --shadow-inset-glow: inset 0 1px 1px rgba(255,255,255,0.6), inset 0 -1px 1px rgba(30,41,82,0.06); } /* ── 浅主题下的组件级微调 ── */ :root[data-theme="light"] body { background: var(--bg-primary); color: var(--text-primary); } /* 导航栏浅底 */ :root[data-theme="light"] .page-nav { background: rgba(255, 255, 255, 0.88); border-bottom: 1px solid var(--border); } /* 二级按钮浅底 */ :root[data-theme="light"] .btn-secondary { background: rgba(255, 255, 255, 0.6); border: 1px solid var(--border); } :root[data-theme="light"] .btn-secondary:hover { background: rgba(91, 95, 214, 0.06); } /* 卡片玻璃拟态在浅底下改为实色，避免文字发灰 */ :root[data-theme="light"] .soft-item, :root[data-theme="light"] .admin-table-wrap, :root[data-theme="light"] .quick-stat, :root[data-theme="light"] .pricing-card, :root[data-theme="light"] .feature-card, :root[data-theme="light"] .modal { backdrop-filter: none; background: var(--bg-card); border: 1px solid var(--border); } /* 表单输入在浅底下保证底色与文字对比 */ :root[data-theme="light"] .form-input, :root[data-theme="light"] .search-input, :root[data-theme="light"] .faq-search, :root[data-theme="light"] select, :root[data-theme="light"] textarea { background: #ffffff; color: var(--text-primary); border: 1px solid var(--border); } /* FAQ 搜索框浅色聚焦保持淡边框，不出现实色蓝线（与 .form-input 一致） */ :root[data-theme="light"] .faq-search:focus, :root[data-theme="light"] .form-input:focus, :root[data-theme="light"] .search-input:focus { border-color: var(--border-hover); } /* 骨架屏在浅底下可见 */ :root[data-theme="light"] .admin-skeleton-cell { background: rgba(91, 95, 214, 0.10); } /* 页脚浅底 */ :root[data-theme="light"] .site-footer { border-top: 1px solid var(--border); background: rgba(91, 95, 214, 0.03); } :root[data-theme="light"] .footer-copy, :root[data-theme="light"] .footer-meta { color: var(--text-muted); } /* 模拟卡片浅底 */ :root[data-theme="light"] .mockup-card { background: rgba(255, 255, 255, 0.85); border: 1px solid var(--border); box-shadow: var(--shadow-sm); } /* 登录页面浅底 */ :root[data-theme="light"] .login-card { background: rgba(255, 255, 255, 0.95); } /* 首页探索卡片按钮浅底调整 */ :root[data-theme="light"] .btn-primary { color: #ffffff; box-shadow: 0 4px 28px rgba(91, 95, 214, 0.3); } :root[data-theme="light"] .btn-primary:hover { box-shadow: 0 8px 48px rgba(91, 95, 214, 0.45); } /* 侧边栏浅底 */ :root[data-theme="light"] .sidebar, :root[data-theme="light"] .generate-sidebar { background: rgba(255, 255, 255, 0.9); border-right: 1px solid var(--border); } /* 统计卡片浅底 */ :root[data-theme="light"] .stat-card { background: var(--bg-card); backdrop-filter: none; } :root[data-theme="light"] .stat-icon { background: rgba(129,140,248,0.05); } /* 仪表盘主页浅底背景 */ :root[data-theme="light"] .dashboard-main, :root[data-theme="light"] .generate-main { background: var(--bg-primary); }