/* ========================================================================== 密码森林 3V1 — 设计令牌 (Design Tokens) 唯一色值来源。任何页面不得再硬编码品牌色。 提取自：密码森林 - 3V1升学定制页面（蓝色已换为参考图色号#6070B0）.html :root ========================================================================== */ :root { /* ---- 品牌蓝 ---- */ --primary-blue: #6070B0; --primary-blue-light: #8090CC; --primary-blue-dark: #4A568A; --primary-blue-soft: #E8EAF4; --primary-blue-deep: #3D4770; /* 渐变起点，原文件中未入 token 但高频使用 */ --primary-blue-mid: #556090; --primary-blue-pale: #7B89C4; --primary-blue-faint: #98A4D4; /* ---- 中性 ---- */ --bg-gray-50: #F5F6FA; --bg-gray-100: #EDEFF5; --bg-gray-200: #E0E3EC; --white: #FFFFFF; /* ---- 辅助珊瑚 ---- */ --coral: #EF8A85; --coral-light: #F5A8A4; --coral-dark: #E06E68; --coral-soft: #FDEEED; /* ---- 文本 ---- */ --text-primary: #2A3150; --text-secondary: #5A6180; --text-light: #8A90A8; /* ---- 语义色（功能页需要，统一到品牌体系）---- */ --success: #4CAF93; --success-soft: #E6F4EF; --warning: #E8A33D; --danger: #E06E68; --danger-soft: #FDEEED; --info: #6070B0; /* ---- 阴影（全部蓝调，不得混入其它色相）---- */ --shadow-sm: 0 2px 8px rgba(96, 112, 176, 0.10); --shadow-md: 0 4px 16px rgba(96, 112, 176, 0.12); --shadow-lg: 0 8px 32px rgba(96, 112, 176, 0.16); --shadow-coral: 0 4px 16px rgba(239, 138, 133, 0.25); --shadow-card: 0 6px 20px rgba(96, 112, 176, 0.35); --shadow-nav: 0 -4px 20px rgba(96, 112, 176, 0.10); --shadow-fab: 0 6px 20px rgba(96, 112, 176, 0.40); --ring-fab: rgba(96, 112, 176, 0.30); /* ---- 圆角 ---- */ --radius-sm: 12px; --radius-md: 16px; --radius-lg: 20px; --radius-xl: 24px; /* ---- 招牌渐变 ---- */ --grad-brand: linear-gradient(135deg, #3D4770 0%, #4A568A 50%, #6070B0 100%); --grad-subject: linear-gradient(135deg, #556090 0%, #4A568A 50%, #6070B0 100%); --grad-learning: linear-gradient(135deg, #6070B0 0%, #7B89C4 50%, #98A4D4 100%); --grad-coral: linear-gradient(135deg, #F5A8A4 0%, #EF8A85 50%, #E06E68 100%); --grad-fab: linear-gradient(135deg, #6070B0, #8090CC); /* ---- 底部导航专用 ---- 底栏全站只有一套（PRD D02），颜色不随页面主题走。 必须写死色值：若写成 var(--primary-blue)，页面在自己的 :root 上改写品牌令牌时 底栏会跟着变色。 */ --nav-active: #6070B0; --nav-idle: #8A90A8; --nav-fab: linear-gradient(135deg, #6070B0, #8090CC); /* ---- 页面专用 ---- 首页（index.html）、搜索（pages/search.html）、定位大学（pages/positioning.html）里写死的非品牌色，登记成令牌供客户端引用； 原型页面仍写字面值，改这里要同步改页面。 */ --notify-dot: #FF6B6B; --banner-slide: #68769f; --banner-caption: rgba(25, 38, 69, 0.72); --skeleton-base: #E8EEF8; --skeleton-shine: #F0F4FA; --shade-soft: rgba(0, 0, 0, 0.10); --search-border: #b9c2dc; --search-muted: #6c7790; --search-tag-bg: #eef1f8; --search-tag-text: #405384; /* 定位大学（pages/positioning.html）与测评结果通用的登录提示 / 保存框（assets/report-store.js）。 这些色值原型页面里写字面值，登记在这里只供客户端引用。 */ --guest-hint-bg: #fff4f3; --guest-hint-border: #f6c9c6; --guest-hint-text: #8a3f3b; --save-box-bg: #f1f4fb; --save-box-text: #394b83; --pos-field-bg: #fafbfc; --pos-placeholder: #b0bec5; --pos-success-light: #6BC5AC; --pos-hero-from: #eaf2f8; --pos-hero-to: #d4e6f1; --pos-safe-bg: #f4fdf7; --pos-target-bg: #fef9f3; --pos-target-deep: #fdebd0; --pos-pass-from: #e8f8f0; --pos-pass-to: #d5f5e3; --pos-pass-border: #a9dfbf; --pos-muted-bg: #f8f9fa; --pos-fold-bg: #f0f0f0; --pos-fold-border: #dddddd; --pos-dash: #e0e0e0; --pos-tier-9: #A8AEC4; --pos-tier-10: #C4C9D8; --pos-layer-from: #eef2ff; --pos-layer-to: #e0e7ff; --pos-layer-border: #c7d2fe; --pos-layer-label: #4338ca; --pos-layer-name: #1e1b4b; --pos-sure-from: #dcfce7; --pos-sure-to: #bbf7d0; --pos-sure-border: #22c55e; --pos-sure-badge: #16a34a; --pos-sure-text: #15803d; --pos-hope-from: #fef9c3; --pos-hope-to: #fde68a; --pos-hope-border: #eab308; --pos-hope-badge: #ca8a04; --pos-hope-text: #854d0e; --pos-risk-from: #ffedd5; --pos-risk-to: #fed7aa; --pos-risk-border: #f97316; --pos-risk-badge: #ea580c; --pos-risk-text: #9a3412; --pos-none: #cbd5e1; --pos-reach-from: #34d399; --pos-current-ring: #1e40af; --pos-current-glow: rgba(37, 99, 235, 0.4); --pos-base-badge: #b45309; --pos-safe-soft: #eafaf1; --pos-danger-soft: #fdecea; --pos-alert-bg: #fef2f2; --pos-alert-border: #fecaca; --pos-class-text: #5a6472; --pos-class-1: #7a94b8; --pos-class-2: #8ab09a; --pos-class-3: #c4a882; --pos-class-4: #a898c0; --pos-class-5: #c09090; --pos-class-6: #88a8b8; --pos-class-bg-1: #f4f6f9; --pos-class-bg-2: #f3f7f4; --pos-class-bg-3: #f8f5f0; --pos-class-bg-4: #f5f3f8; --pos-class-bg-5: #f8f2f2; --pos-class-bg-6: #f2f6f8; /* 定位学情（pages/learning.html）。原型页面里写字面值，登记在这里只供客户端引用。 */ --lrn-silver-from: #9ca3af; --lrn-silver-to: #d1d5db; --lrn-silver-text: #374151; --lrn-bronze: #b45309; --lrn-gold-to: #fde68a; --lrn-orange: #f97316; --lrn-navy-to: #1e40af; --lrn-section-border: #e8edf3; --lrn-section-rule: #f0f4f8; --lrn-header-to: #fff7ed; --lrn-stable-from: #dcfce7; --lrn-stable-to: #f0fdf4; --lrn-stable-border: #86efac; --lrn-stable-badge: #16a34a; /* 院校库（pages/schools.html）。原型页面里写字面值，登记在这里只供客户端引用。 */ --sch-header-shadow: 0 2px 10px rgba(99, 102, 241, 0.3); --sch-icon-from: #eef2ff; --sch-icon-to: #e0e7ff; --sch-tag-985-bg: #fee2e2; --sch-tag-byzg-bg: #d1fae5; --sch-tag-gzd-bg: #f3e8ff; --sch-tag-gzd-text: #7c3aed; /* 定位自己 · MBTI（pages/mbti.html）。原型页面里写字面值，登记在这里只供客户端引用。 */ --mbti-start-shadow: 0 6px 20px rgba(30, 58, 95, 0.3); --mbti-pill-shadow: 0 4px 14px rgba(30, 58, 95, 0.25); --mbti-restart-shadow: 0 4px 16px rgba(30, 58, 95, 0.25); --mbti-circle-shadow: 0 0 16px rgba(0, 0, 0, 0.2); --mbti-bar-to: #60a5fa; --mbti-relation: #8b5cf6; /* ---- 排版 ---- */ --font-sans: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', sans-serif; /* ---- 布局 ---- */ --frame-max: 480px; --gutter: 16px; --touch-min: 44px; /* 最小触控目标 */ }