<style> .flex-bar-page { --fb-orange: #c36910; /* 工业高光橙 */ --fb-green: #2e7d32; /* 安全极佳绿 */ --fb-dark: #111827; /* 钛钢极夜黑 */ --fb-light: #f8fafc; /* 工业洁净白底 */ --fb-border: #e2e8f0; --fb-text: #334155; --fb-muted: #64748b; --fb-white: #ffffff; max-width: 760px; /* 锁定移动端黄金宽度 */ margin: 0 auto; padding: 10px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; color: var(--fb-text); line-height: 1.65; background: var(--fb-white); } .flex-bar-page * { box-sizing: border-box; } .flex-bar-page h1, .flex-bar-page h2, .flex-bar-page h3, .flex-bar-page p { margin-top: 0; } .flex-bar-page h1 { margin-bottom: 8px; font-family: Georgia, "Times New Roman", serif; font-size: 24px; line-height: 1.25; font-weight: 900; color: var(--fb-dark); } .flex-bar-page h2 { margin-bottom: 12px; font-family: Georgia, "Times New Roman", serif; font-size: 19.5px; line-height: 1.35; font-weight: 800; color: var(--fb-dark); } .flex-bar-page h3 { margin-bottom: 4px; font-size: 15px; line-height: 1.4; font-weight: 800; color: var(--fb-orange); } .flex-bar-page p { margin-bottom: 0; font-size: 13.5px; line-height: 1.55; color: var(--fb-muted); } .flex-bar-page img { display: block; width: 100%; height: auto; border-radius: 14px; box-shadow: 0 4px 14px rgba(195,105,16,.1); } /* 针对首屏核心GIF动图卡死黄金自适应尺寸 */ .fb-gif-container { width: 100%; max-width: 320px; margin: 18px auto; } /* 结构布局模块 */ .fb-section { margin-bottom: 26px; } .fb-section--soft { padding: 16px; background: var(--fb-light); border: 1px solid var(--fb-border); border-radius: 16px; } .fb-hero { padding: 16px 8px; text-align: center; background: var(--fb-light); border: 1px solid var(--fb-border); border-radius: 16px; } .fb-eyebrow { display: inline-block; margin-bottom: 6px; color: var(--fb-orange); font-size: 11px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; } /* 核心优势 2列网格卡片 */ .fb-benefits-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-top: 14px; } .fb-benefit-card { padding: 12px 10px; background: var(--fb-white); border: 1px solid var(--fb-border); border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,.01); } .fb-benefit-card strong { display: block; font-size: 13.5px; color: var(--fb-dark); margin-bottom: 2px; } .fb-benefit-card p { font-size: 12px; line-height: 1.4; } /* 场景平铺网格 */ .fb-zone-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-top: 14px; text-align: center; } .fb-zone-item { padding: 10px 4px; background: rgba(255, 255, 255, 0.15) !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; border-radius: 8px; font-size: 12.5px; font-weight: 700; color: #ffffff !important; } /* ⚙️ 左右极致工整对齐的技术参数面板 */ .fb-table-box { margin-top: 14px; border: 1px solid var(--fb-border); border-radius: 12px; overflow: hidden; } .fb-spec-row { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; font-size: 13px; border-bottom: 1px solid var(--fb-light); background: #ffffff; gap: 12px; } .fb-spec-row:last-child { border-bottom: none; } .fb-spec-row:nth-child(even) { background: #fafafa; } .fb-spec-label { font-weight: 800; color: var(--fb-dark); white-space: nowrap; } .fb-spec-value { text-align: right; color: var(--fb-muted); font-weight: 500; } /* 强转化促单收尾大暗框 */ .fb-cta-banner { padding: 22px 16px; backgrou