{ "style_id": "tech_blue_warm_orange", "style_name": "科技蓝暖橙 · 家庭健康 (Tech Blue Warm Orange)", "category": "dark_professional", "inspiration": "Linear.app × Apple Keynote × 五维五行色系", "mood_keywords": ["深夜书房暖灯", "数据脉搏", "家庭温度", "精密仪器", "科技信赖"], "design_soul": "深夜书房里一盏暖橙台灯,照亮墙上的家庭合影与屏幕上跳动的健康数据曲线——AI 的精准与家的温度在同一束光下交融,冷静的技术底色上始终有一抹暖橙的守护。", "variation_strategy": "内容页以深蓝底+暖橙强调+网格点阵制造'精密仪器'感(高密度),章节封面用大图渐隐+大面积留白呼吸(释放),五维相关页用五行色系点缀制造色彩递进(身橙/心粉/智蓝/行绿/富金),数据页用大号水印数字+角标装饰线强化'数据洪流'感——三种节奏交替形成视觉心跳", "decoration_dna": { "signature_move": "暖橙标题下划线 + 深蓝网格点阵 + 五维色小徽章", "forbidden": ["马卡龙糖果色", "渐变文字(-webkit-background-clip:text)", "大面积绿色系", "伪元素装饰", "CSS border 三角形", "conic-gradient"], "recommended_combos": [ "暖橙下划线 + 编号气泡 + 五维色徽章", "网格点阵 + L 形角标装饰 + 大号水印数字", "光晕效果 + 半透明色块 + 数据曲线 sparkline" ] }, "css_variables": { "bg_primary": "#0A1A2F", "bg_secondary": "#10264A", "card_bg_from": "#17294A", "card_bg_to": "#101F3B", "card_border": "rgba(255,255,255,0.07)", "card_radius": "14px", "text_primary": "#F5F8FC", "text_secondary": "rgba(235,243,255,0.72)", "accent_1": "#FF8C42", "accent_2": "#5AB0FF", "accent_3": "#FF6B9D", "accent_4": "#10B981", "five_earth": "#FF8C42", "five_fire": "#FF6B9D", "five_metal": "#6366F1", "five_wood": "#10B981", "five_water": "#F59E0B", "grid_dot_color": "#FFFFFF", "grid_dot_opacity": 0.04, "grid_size": 44 }, "font_family": "'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', system-ui, -apple-system, sans-serif", "typography": { "display_font": "'Inter', 'PingFang SC', 'Microsoft YaHei', system-ui, sans-serif", "body_font": "'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', system-ui, sans-serif", "mono_font": "'JetBrains Mono', 'Consolas', monospace", "display_letter_spacing": "-0.02em", "headline_letter_spacing": "0", "body_letter_spacing": "0", "label_letter_spacing": "0.14em", "tabular_nums": true }, "font_imports": [ "https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800;900&display=swap" ], "css_snippets": { "title_style": "font-size: 28px; font-weight: 700; letter-spacing: 0; color: var(--text-primary); border-bottom: 4px solid var(--accent-1); padding-bottom: 8px; display: inline-block;", "list_marker": "width: 6px; height: 6px; border-radius: 2px; background: var(--accent-1); margin-right: 12px; flex-shrink: 0;", "body_text": "font-size: 13.5px; line-height: 1.8; color: var(--text-secondary);", "page_number": "font-size: 11px; color: var(--text-secondary); opacity: 0.5; position: absolute; bottom: 24px;", "card_padding": "padding: 22px 24px;", "section_gap": "gap: 18px;" } }