/* fd-global-font-arial */ /* 全站字体统一 Arial (中文自动回退到系统中文字体, 避免方框) */ html, body, h1, h2, h3, h4, h5, h6, p, a, li, ul, ol, td, th, span, div, input, textarea, select, button, label, figcaption, blockquote, strong, b, em, .widget-title, .entry-title, .site-title, .site-description, .menu-item, .ast-header-html, .fd-cat, .fd-cat-all, .woocommerce-Price-amount { font-family: Arial, "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Helvetica Neue", Helvetica, sans-serif; } /* Theme Name: Astra Child (fiberdo) Template: astra Version: 2.0.0 Description: fiberdo.com 定制子主题 — 全新企业级首页。 */ /* ============ 基础 ============ */ .fd-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none} .fd-logo-mark{width:38px;height:38px;border-radius:9px;background:linear-gradient(135deg,#1e5eff,#22d3ee);display:flex;align-items:center;justify-content:center;flex:none} .fd-logo-mark svg{width:22px;height:22px;stroke:#fff} .fd-logo-text{display:flex;flex-direction:column;line-height:1.15} .fd-logo-text b{font-size:20px;font-weight:800;color:#0b1f3f;letter-spacing:.5px} .fd-logo-text i{font-style:normal;font-size:11px;color:#64748b;letter-spacing:.22em} .ast-site-title-wrap,.site-description{display:none !important} .site-header img.custom-logo{width:305px !important;max-width:305px;height:auto} .fd-wrap{font-family:Arial,"Microsoft YaHei","PingFang SC","Hiragino Sans GB","Heiti SC","Helvetica Neue",Helvetica,sans-serif;color:#1e293b;line-height:1.65;background:#fff} .fd-wrap *{box-sizing:border-box} .fd-container{max-width:1440px;margin:0 auto;padding:0 28px} .fd-section{padding:76px 0} .fd-sec-head{max-width:720px;margin:0 auto 44px;text-align:center} .fd-eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.12em;color:#1e5eff;background:#eef4ff;border:1px solid #d8e6ff;border-radius:999px;padding:6px 14px;margin-bottom:14px} .fd-sec-head h2{font-size:clamp(26px,3.4vw,36px);font-weight:800;color:#0b1f3f;margin:0 0 12px;letter-spacing:.5px} .fd-sec-head p{font-size:16px;color:#64748b;margin:0} /* ============ Hero ============ */ .fd-hero{position:relative;background:#081426;color:#fff;overflow:hidden} .fd-hero-bg{position:absolute;inset:0;background: radial-gradient(900px 480px at 82% -10%,rgba(30,94,255,.35) 0,transparent 60%), radial-gradient(700px 420px at 8% 110%,rgba(34,211,238,.22) 0,transparent 55%), linear-gradient(135deg,#081426 0%,#0b1e3d 55%,#0e2a54 100%)} .fd-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 50% 0%,#000 30%,transparent 75%)} .fd-hero-inner{position:relative;z-index:2;max-width:1440px;margin:0 auto;padding:96px 28px 88px;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center} .fd-hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#7dd3fc;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.35);border-radius:999px;padding:7px 16px;margin-bottom:22px} .fd-hero-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:#22d3ee;box-shadow:0 0 12px #22d3ee} .fd-hero h1{font-size:clamp(34px,4.6vw,56px);font-weight:800;line-height:1.18;margin:0 0 20px;letter-spacing:.5px} .fd-hero h1 .fd-grad{background:linear-gradient(90deg,#4f8dff,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent} .fd-hero-sub{font-size:clamp(16px,1.8vw,19px);color:#cbd5e1;margin:0 0 32px;max-width:560px;line-height:1.8} .fd-hero-cta{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:34px} .fd-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;border-radius:10px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s} .fd-btn-primary{background:linear-gradient(90deg,#ff8a00,#f95f1f);color:#fff;box-shadow:0 10px 28px rgba(249,95,31,.35)} .fd-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(249,95,31,.45);color:#fff} .fd-btn-ghost{background:rgba(255,255,255,.08);color:#e2e8f0;border:1px solid rgba(255,255,255,.28)} .fd-btn-ghost:hover{background:rgba(255,255,255,.16);color:#fff;transform:translateY(-2px)} .fd-hero-trust{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13px;color:#94a3b8} .fd-hero-trust span{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:6px 12px} .fd-hero-visual{position:relative} .fd-hero-card{position:relative;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:26px;backdrop-filter:blur(8px);box-shadow:0 30px 70px rgba(0,0,0,.45)} .fd-hero-card-title{font-size:14px;font-weight:700;color:#e2e8f0;margin-bottom:16px;display:flex;align-items:center;gap:8px} .fd-hero-card-title::before{content:"";width:6px;height:16px;border-radius:3px;background:linear-gradient(#22d3ee,#1e5eff)} .fd-module-row{display:flex;align-items:center;gap:10px;background:rgba(8,20,38,.55);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;margin-bottom:10px} .fd-module-chip{width:54px;height:38px;border-radius:6px;background:linear-gradient(145deg,#f59e0b,#d97706);position:relative;flex:none} .fd-module-chip::before{content:"";position:absolute;inset:7px 5px;border-radius:3px;background:linear-gradient(145deg,#fef3c7,#fcd34d);box-shadow:inset 0 0 6px rgba(217,119,6,.6)} .fd-module-chip::after{content:"";position:absolute;top:-4px;left:12px;right:12px;height:4px;border-radius:2px;background:linear-gradient(90deg,#f59e0b,#fbbf24)} .fd-module-thumb{width:56px;height:56px;border-radius:8px;object-fit:cover;flex:none;background:#0e2a54} .fd-module-thumb-ph{background:linear-gradient(145deg,#1c4a8c,#0e2a54)} .fd-module-info{flex:1;min-width:0} .fd-module-info b{display:block;font-size:14px;color:#f1f5f9} .fd-module-info span{font-size:12px;color:#94a3b8} .fd-module-speed{font-size:12px;font-weight:800;color:#22d3ee;background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.3);border-radius:8px;padding:5px 10px;white-space:nowrap} .fd-fiber-line{position:absolute;height:2px;background:linear-gradient(90deg,transparent,#22d3ee,#4f8dff,transparent);border-radius:2px;opacity:.75;animation:fd-fiber 4.5s ease-in-out infinite} .fd-fiber-line:nth-of-type(1){width:70%;top:8%;left:-4%} .fd-fiber-line:nth-of-type(2){width:55%;top:88%;right:-6%;animation-delay:1.6s} .fd-fiber-line:nth-of-type(3){width:40%;top:50%;left:58%;animation-delay:3s} @keyframes fd-fiber{0%,100%{opacity:.25}50%{opacity:.9}} .fd-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;max-width:1440px;margin:0 auto 0;position:relative;z-index:2} .fd-hero-stats>div{background:#0a1c38;padding:22px 16px;text-align:center} .fd-hero-stats b{display:block;font-size:clamp(22px,2.8vw,30px);font-weight:800;color:#fff} .fd-hero-stats b em{font-style:normal;color:#22d3ee} .fd-hero-stats span{display:block;font-size:13px;color:#94a3b8;margin-top:4px} @media(max-width:980px){ .fd-hero-inner{grid-template-columns:1fr;padding:72px 24px 64px;gap:40px} .fd-hero-visual{max-width:520px} .fd-hero-stats{grid-template-columns:repeat(2,1fr)} } /* ============ 产品分类 ============ */ .fd-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(252px,1fr));gap:18px} .fd-cat{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;text-decoration:none;color:#1e293b;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden} .fd-cat::after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:linear-gradient(90deg,#1e5eff,#22d3ee);opacity:0;transition:opacity .18s} .fd-cat:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(11,31,63,.12);border-color:#bcd2ff} .fd-cat:hover::after{opacity:1} .fd-cat-ic{width:52px;height:52px;border-radius:12px;background:#eef4ff;display:flex;align-items:center;justify-content:center;flex:none} .fd-cat-ic svg{width:28px;height:28px;stroke:#1e5eff} .fd-cat b{display:block;font-size:16px;font-weight:700;color:#0b1f3f;margin-bottom:3px} .fd-cat span{font-size:13px;color:#64748b} .fd-cat:hover .fd-cat-ic{background:#1e5eff} .fd-cat:hover .fd-cat-ic svg{stroke:#fff} /* ============ 最新产品 ============ */ .fd-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:20px} .fd-post{display:block;background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s} .fd-post:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(11,31,63,.14);border-color:#bcd2ff} .fd-post-img{position:relative;aspect-ratio:4/3;background:linear-gradient(145deg,#f1f5f9,#e2e8f0);overflow:hidden} .fd-post-img img{width:100%;height:100%;object-fit:cover;display:block} .fd-post-img .fd-tag{position:absolute;top:10px;left:10px;background:rgba(11,31,63,.78);color:#fff;font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px} .fd-post-body{padding:14px 16px 16px} .fd-post-body b{display:block;font-size:14px;line-height:1.5;color:#0b1f3f;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:600} .fd-post-more{font-size:13px;font-weight:700;color:#1e5eff} .fd-post:hover .fd-post-more{color:#f95f1f} /* ============ 解决方案 ============ */ .fd-sols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px} .fd-sol{background:#f7f9ff;border:1px solid #e4ebfa;border-radius:14px;padding:26px 22px;transition:transform .18s,box-shadow .18s} .fd-sol:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(11,31,63,.1)} .fd-sol-ic{width:48px;height:48px;border-radius:12px;background:#fff;border:1px solid #dbe6fb;display:flex;align-items:center;justify-content:center;margin-bottom:16px} .fd-sol-ic svg{width:26px;height:26px;stroke:#1e5eff} .fd-sol b{display:block;font-size:16px;font-weight:700;color:#0b1f3f;margin-bottom:8px} .fd-sol p{font-size:14px;color:#64748b;margin:0 0 12px;line-height:1.7} .fd-sol a{font-size:13px;font-weight:700;color:#1e5eff;text-decoration:none} /* ============ 优势 ============ */ .fd-feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px} .fd-feat{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:26px 22px;transition:transform .18s,box-shadow .18s} .fd-feat:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(11,31,63,.1)} .fd-feat-ic{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#eef4ff,#e0ecff);display:flex;align-items:center;justify-content:center;margin-bottom:16px} .fd-feat-ic svg{width:24px;height:24px;stroke:#1e5eff} .fd-feat b{display:block;font-size:16px;font-weight:700;color:#0b1f3f;margin-bottom:8px} .fd-feat p{font-size:14px;color:#64748b;margin:0;line-height:1.7} /* ============ CTA ============ */ .fd-cta{margin:0 0 76px} .fd-cta-inner{position:relative;overflow:hidden;background:linear-gradient(120deg,#0b1f3f,#12325f 55%,#1c4a8c);border-radius:20px;padding:56px 36px;text-align:center;color:#fff} .fd-cta-inner::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 240px at 50% -20%,rgba(34,211,238,.28) 0,transparent 60%)} .fd-cta-inner h3{position:relative;font-size:clamp(22px,3vw,30px);font-weight:800;margin:0 0 12px} .fd-cta-inner p{position:relative;margin:0 0 26px;color:#cbd5e1} /* ============ 相关产品推荐（全宽） ============ */ .fd-related{max-width:1440px;margin:0 auto 56px;padding:40px 28px 0;border-top:1px solid #e7edf7} .fd-related-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px} .fd-related-head h3{font-size:22px;font-weight:800;color:#0b1f3f;margin:0} .fd-related-more{font-size:14px;font-weight:700;color:#1e5eff;text-decoration:none} .fd-related-more:hover{color:#f95f1f} .fd-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px} .fd-related .fd-post-img{display:block;height:150px;aspect-ratio:auto;border-radius:12px 12px 0 0} .fd-related .fd-post-img img{width:100%;height:100%;object-fit:cover} .fd-related .fd-post-body{padding:10px 12px 12px} .fd-related .fd-post-body b{font-size:13px;line-height:1.45;margin-bottom:6px;-webkit-line-clamp:2} .fd-related .fd-post-desc{font-size:12px;min-height:0;-webkit-line-clamp:1;margin:0 0 6px} .fd-related .fd-post-more{font-size:12px} .fd-post-desc{font-size:13px;color:#64748b;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:6px 0 10px;min-height:42px} /* 模板区块：保留内容，但强制自适应容器宽度，不撑破背景 */ .entry-content .qa_content, .entry-content .out_advan, .entry-content .qu_zs, .entry-content .rigort, .entry-content .rigor, .entry-content .praty, .entry-content .specif, .entry-content .polisy, .entry-content .fmont, .entry-content .raw-html-embed{width:100% !important;max-width:100% !important;overflow:hidden;box-sizing:border-box} .entry-content .qa_content img, .entry-content .out_advan img, .entry-content .qu_zs img, .entry-content .rigort img, .entry-content .rigor img, .entry-content .praty img, .entry-content .specif img, .entry-content .polisy img, .entry-content .fmont img{max-width:100% !important;height:auto} .entry-content .raw-html-embed > style{display:none} @media(max-width:1024px){.fd-related-grid{grid-template-columns:repeat(3,1fr)}} @media(max-width:768px){.fd-related-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:480px){.fd-related-grid{grid-template-columns:1fr}} /* 产品中心页短代码与首页共用样式 */ .fd-page-cats{padding:8px 0 40px} .fd-page-cats .fd-cats{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))} /* ============ 侧边栏产品目录树（业务分组折叠 + 产品数徽标） ============ */ .ast-left-sidebar .widget-area{position:sticky;top:24px} .ast-left-sidebar .fd-catalog-tree{max-height:calc(100vh - 140px);overflow-y:auto;padding-right:4px} /* Task AE: sidebar 标题改为 fibersoon 风格：蓝色全大写 + 字间距 */ .widget_fd_product_catalog .widget-title{font-size:13px;font-weight:700;letter-spacing:.18em;color:#019fe1;text-transform:uppercase;border-bottom:1px solid #e6ecf5;padding-bottom:10px;margin-bottom:12px} .fd-catalog-tree{font-size:12px;line-height:1.5} .fd-cat-all{display:flex;align-items:center;justify-content:space-between;font-weight:700;color:#019fe1;text-decoration:none;padding:8px 14px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.10em;font-size:12px;transition:background .15s} .fd-cat-all:hover{background:#e6f4fc;color:#0173a8} .fd-cat-all::after{content:"›";font-size:13px;opacity:.5} /* Task AE: L1 group 改为蓝色全大写小字 + chevron，去掉卡片背景 */ .fd-cat-groups{display:flex;flex-direction:column;gap:0;border-top:1px solid #e6ecf5} .fd-cat-group{border:none;border-radius:0;background:transparent;overflow:visible} .fd-cat-group[open]{border:none;box-shadow:none} .fd-cat-group-hd{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 14px;cursor:pointer;background:transparent;transition:background .15s;border-bottom:1px solid #e6ecf5} .fd-cat-group-hd::-webkit-details-marker{display:none} .fd-cat-group-hd:hover{background:#f5f9ff} .fd-cat-group-ic{display:none} .fd-cat-group-name{flex:1;min-width:0;font-weight:700;font-size:12px;line-height:1.5;color:#019fe1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:.10em} .fd-cat-group-n{flex:none;font-size:11px;font-weight:600;color:#94a3b8;margin-right:6px} .fd-cat-group-hd::after{content:"›";width:auto;height:auto;border:none;font-size:13px;color:#019fe1;opacity:.5;transform:none;transition:transform .18s,opacity .18s;flex:none;margin-left:0;font-weight:400} .fd-cat-group[open] > .fd-cat-group-hd::after{transform:rotate(90deg);opacity:1} .fd-cat-group[open] > .fd-cat-group-hd{background:#f5f9ff} .fd-cat-group > .fd-cat-tree{padding:4px 0 8px 14px;border-bottom:1px solid #e6ecf5;background:#fafbfc} /* Task AE: L2/L3 去掉缩进竖线、蓝色全大写 */ .fd-cat-tree,.fd-cat-children{list-style:none;margin:0;padding:0} .fd-cat-children{position:static;padding-left:14px;margin-left:0} .fd-cat-children::before{display:none} .fd-cat-node{position:relative;margin:0} .fd-cat-node summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-radius:0;padding:5px 14px 5px 0;transition:background .15s} .fd-cat-node summary::-webkit-details-marker{display:none} .fd-cat-node summary a{flex:1;min-width:0;display:block;padding:0;color:#019fe1;text-decoration:none;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.08em;border-radius:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.6} .fd-cat-node summary a:hover{background:transparent;color:#0173a8} .fd-cat-node summary::after{content:"›";width:auto;height:auto;border:none;font-size:11px;color:#019fe1;opacity:.5;transform:none;transition:transform .18s,opacity .18s;flex:none;font-weight:400} .fd-cat-node details[open] > summary::after{transform:rotate(90deg);opacity:1} .fd-cat-node details[open] > summary a{color:#0173a8} /* Task AE: leaf 叶子节点也保持蓝色全大写 */ .fd-cat-leaf{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 14px 5px 0;color:#019fe1;text-decoration:none;font-size:12px;font-weight:600;line-height:1.6;text-transform:uppercase;letter-spacing:.08em} .fd-cat-leaf::after{content:"›";font-size:11px;opacity:.5} .fd-cat-leaf:hover{background:transparent;color:#0173a8} .fd-cat-leaf:hover::after{opacity:1} .fd-cat-leaf-txt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .fd-cat-n{flex:none;font-size:11px;font-weight:400;color:#94a3b8;margin-right:6px} .fd-cat-leaf:hover .fd-cat-n{background:transparent;color:#94a3b8} /* Task AE: active 当前态：纯文字加粗，不反色 */ .fd-cat-node.is-active > summary a, .fd-cat-node.is-active > a.fd-cat-leaf{background:transparent;color:#0b1f3f;font-weight:700} .fd-cat-node.is-active > summary .fd-cat-n, .fd-cat-node.is-active > a.fd-cat-leaf .fd-cat-n{background:transparent;color:#64748b} /* Task AH: 树状结构连线 (vert + horizontal connectors, classic Windows Explorer style) */ .fd-cat-tree > .fd-cat-node, .fd-cat-children > .fd-cat-node { position: relative; } .fd-cat-tree > .fd-cat-node::before, .fd-cat-children > .fd-cat-node::before { content: ''; position: absolute; left: -10px; top: 0; bottom: 0; border-left: 1px solid #cbd5e1; pointer-events: none; } .fd-cat-tree > .fd-cat-node:last-child::before, .fd-cat-children > .fd-cat-node:last-child::before { bottom: 50%; } .fd-cat-tree > .fd-cat-node > summary, .fd-cat-tree > .fd-cat-node > a.fd-cat-leaf, .fd-cat-children > .fd-cat-node > summary, .fd-cat-children > .fd-cat-node > a.fd-cat-leaf { position: relative; } .fd-cat-tree > .fd-cat-node > summary::before, .fd-cat-tree > .fd-cat-node > a.fd-cat-leaf::before, .fd-cat-children > .fd-cat-node > summary::before, .fd-cat-children > .fd-cat-node > a.fd-cat-leaf::before { content: ''; position: absolute; left: -10px; top: 50%; width: 10px; margin-top: -1px; border-top: 1px solid #cbd5e1; pointer-events: none; } /* ============ Page header Mega menu (fibersoon style: left rail + right pane hover) - 2026-09-07 Task AF ============ */ .main-header-menu .menu-item.fd-mega{position:relative} .main-header-menu .menu-item.fd-mega > a::after{content:"";display:inline-block;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-left:7px;vertical-align:2px;opacity:.65} .fd-mega-panel-v3{display:none;position:fixed;left:50%;transform:translateX(-50%);top:120px;z-index:9999;width:min(1200px,calc(100vw - 32px));background:#fff;border:1px solid #dde8f5;border-top:3px solid #019fe1;box-shadow:0 24px 60px rgba(1,159,225,.18),0 4px 16px rgba(15,23,42,.10);grid-template-columns:240px 1fr;max-height:900px} .main-header-menu .menu-item.fd-mega:hover > .fd-mega-panel-v3, .main-header-menu .menu-item.fd-mega:focus-within > .fd-mega-panel-v3{display:grid} .fd-mega-rail-v3{background:#f5f9ff;border-right:1px solid #dde8f5;padding:6px 0;overflow-y:auto;max-height:880px} .fd-mega-rail-top{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#019fe1;text-decoration:none;border-bottom:1px solid #dde8f5;transition:background .15s} .fd-mega-rail-top:hover{background:#fff} .fd-mega-rail-top-ic{width:18px;height:18px;color:#019fe1;flex:0 0 18px;display:inline-flex;align-items:center;justify-content:center} .fd-mega-rail-top-ic svg{width:16px;height:16px} .fd-mega-rail-top-txt{flex:1} .fd-mega-rail-top-arr{font-size:18px;color:#94a3b8;line-height:1;transition:transform .15s,color .15s} .fd-mega-rail-top:hover .fd-mega-rail-top-arr{color:#019fe1;transform:translateX(2px)} .fd-mega-group-row{display:flex;align-items:center;gap:10px;padding:8px 16px;font-size:13px;font-weight:600;color:#1a202c;text-decoration:none;cursor:pointer;border-left:3px solid transparent;transition:background .15s,border-color .15s,color .15s;line-height:1.3} .fd-mega-group-row-ic{width:18px;height:18px;color:#019fe1;flex:0 0 18px;display:inline-flex;align-items:center;justify-content:center} .fd-mega-group-row-ic svg{width:18px;height:18px} .fd-mega-group-row-txt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .fd-mega-group-row-n{font-size:11px;color:#94a3b8;font-weight:500;flex:0 0 auto} .fd-mega-group-row-arr{font-size:16px;color:#94a3b8;line-height:1;flex:0 0 auto;transition:color .15s,transform .15s} .fd-mega-group-row:hover{background:#fff;color:#019fe1;border-left-color:#019fe1} .fd-mega-group-row:hover .fd-mega-group-row-n{color:#019fe1} .fd-mega-group-row:hover .fd-mega-group-row-arr{color:#019fe1;transform:translateX(2px)} .fd-mega-group-row.is-active{background:#fff;color:#019fe1;border-left-color:#019fe1} .fd-mega-group-row.is-active .fd-mega-group-row-n{color:#019fe1} .fd-mega-group-row.is-active .fd-mega-group-row-arr{color:#019fe1} .fd-mega-content{padding:24px 32px 28px;overflow-y:auto;max-height:900px} .fd-mega-pane-v3{display:none} .fd-mega-pane-v3.is-active{display:block} .fd-mega-pane-head{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #eef2f7} .fd-mega-pane-head-ic{width:24px;height:24px;color:#019fe1;display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px} .fd-mega-pane-head-ic svg{width:22px;height:22px} .fd-mega-pane-head h4{margin:0;font-size:18px;font-weight:700;color:#019fe1;line-height:1.2} .fd-mega-pane-head-n{font-size:12px;color:#94a3b8;font-weight:500} .fd-mega-pane-all{margin-left:auto;font-size:12px;color:#019fe1;font-weight:600;text-decoration:none;letter-spacing:.04em;flex:0 0 auto} .fd-mega-pane-all:hover{text-decoration:underline} .fd-mega-pane-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 18px} .fd-mega-pane-card{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:8px;color:#1a202c;text-decoration:none;transition:background .15s,color .15s,border-color .15s;border:1px solid transparent} .fd-mega-pane-card-name{font-size:13px;font-weight:600;line-height:1.3;display:flex;justify-content:space-between;align-items:center;gap:8px} .fd-mega-pane-card-n{font-size:11px;color:#94a3b8;font-weight:500;flex:0 0 auto} .fd-mega-pane-card-sub{display:block;font-size:11px;color:#94a3b8;line-height:1.55;white-space:normal;word-break:break-word;overflow-wrap:anywhere} .fd-mega-pane-card:hover{background:#f0f9ff;color:#019fe1;border-color:#dde8f5} .fd-mega-pane-card:hover .fd-mega-pane-card-n{color:#019fe1} .fd-mega-pane-card:hover .fd-mega-pane-card-sub{color:#019fe1} /* kill old v2 in case anything still references it */ .fd-mega-panel-v2{display:none !important} .fd-mega-grid-v2, .fd-mega-col, .fd-mega-h4, .fd-mega-col-more{display:none !important} @media(max-width:1080px){ .fd-mega-pane-grid{grid-template-columns:repeat(2,1fr);gap:4px 14px} } @media(max-width:860px){ .fd-mega-panel-v3{position:static!important;transform:none;width:100%!important;max-width:100%!important;box-shadow:none;border:1px solid #dde8f5;border-radius:8px;margin-top:8px;grid-template-columns:1fr;max-height:none} .fd-mega-rail-v3{max-height:none;border-right:0;border-bottom:1px solid #dde8f5;padding:6px 0} .fd-mega-content{padding:16px 18px;max-height:none} .fd-mega-pane-grid{grid-template-columns:1fr} .main-header-menu .menu-item.fd-mega > a::after{display:none} } /* ============ Task AE: 顶部 announcement bar (fibersoon 风格) ============ */ .fd-announce{background:#f5f5f5;border-bottom:1px solid #e6e6e6;height:36px;display:flex;align-items:center;padding:0 24px;font-size:12px;color:#4a5568} .fd-announce-icons{display:flex;gap:14px;align-items:center;flex:none} .fd-announce-icons a{color:#4a5568;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;transition:color .2s} .fd-announce-icons a:hover{color:#019fe1} .fd-announce-icons svg{width:14px;height:14px;fill:currentColor} .fd-announce-text{flex:1;text-align:center;letter-spacing:.04em} .fd-announce-text strong{color:#019fe1;font-weight:600} .fd-announce-right{flex:none;width:200px;display:flex;justify-content:flex-end;align-items:center;gap:10px} .fd-announce-right a{color:#4a5568;text-decoration:none;font-size:12px;transition:color .15s} .fd-announce-right a:hover{color:#019fe1} @media(max-width:760px){ .fd-announce-icons{gap:8px} .fd-announce-icons a:nth-child(n+6){display:none} .fd-announce-text{font-size:11px;padding:0 8px} .fd-announce-right{display:none} } /* ============ Task AE: 页眉右侧 icons (English/搜索/账户/购物袋) ============ */ .fd-header-icons{display:flex;align-items:center;gap:18px;list-style:none;margin:0;padding:0;flex:none} .fd-header-icons li{list-style:none} .fd-header-icons a,.fd-header-icons .fd-lang{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:#1a202c;text-decoration:none;padding:6px 0;cursor:pointer;transition:color .2s} .fd-header-icons a:hover,.fd-header-icons .fd-lang:hover{color:#019fe1} .fd-header-icons svg{width:18px;height:18px;fill:currentColor} .fd-header-icons .fd-lang .fd-arrow{font-size:9px} @media(max-width:860px){ .fd-header-icons{display:none} } @media(max-width:640px){ .fd-section{padding:52px 0} .fd-cats,.fd-posts{grid-template-columns:1fr 1fr;gap:12px} .fd-cat{padding:14px;gap:10px} .fd-cat-ic{width:42px;height:42px} .fd-cat-ic svg{width:22px;height:22px} } /* ============ 高端科技首页 v3 ============ */ body.home .site-content > .ast-container{max-width:100% !important;width:100%;padding:0;display:block} .fdp{font-family:Arial,"Microsoft YaHei","PingFang SC","Hiragino Sans GB","Heiti SC","Helvetica Neue",Helvetica,sans-serif;color:#24344f;background:#fff;line-height:1.65} .fdp *{box-sizing:border-box} .fdp-wrap{max-width:1560px;width:100%;margin:0 auto;padding:0 36px} .fdp-sec{padding:92px 0} /* 2026-09-05 Task S：后继板块严格交替 #019fe1 (深) / #ffffff (浅) hero 单独用 #019fe1，其余 7 个 section 按 nth-of-type(odd/even) 交替。 旧的 .fdp-sec-alt 现在指向浅色 #ffffff（保持原 "alt=浅" 语义） */ .fdp-sec-alt{background:#ffffff} /* 2026-09-06 Task Z：产品中心等显式标记 .fdp-sec-alt 的板块强制覆盖 nth-of-type(odd) 的深色样式 提高特异性（html .fdp > section.fdp-sec-alt）压住 nth-of-type 规则 */ html .fdp > section.fdp-sec-alt{background:#ffffff;color:#24344f} html .fdp > section.fdp-sec-alt .fdp-sec-head h2{color:#0b1f3f} html .fdp > section.fdp-sec-alt .fdp-sec-head p{color:#64748b} html .fdp > section.fdp-sec-alt .fdp-kicker{color:#019fe1} html .fdp > section.fdp-sec-alt .fdp-sec-head::before{background:#019fe1;box-shadow:0 2px 8px rgba(1,159,225,.35)} /* 2026-09-06 Task AA：全产业链研发制造能力等显式标记 .fdp-sec-dark 的板块强制设为深蓝 #019fe1 提权（html .fdp > section.fdp-sec-dark）压住 nth-of-type(even) 的浅色样式 */ .fdp-sec-dark{background:#019fe1} html .fdp > section.fdp-sec-dark{background:#019fe1;color:#fff} html .fdp > section.fdp-sec-dark .fdp-sec-head h2{color:#fff} html .fdp > section.fdp-sec-dark .fdp-sec-head p{color:#dbeafe} html .fdp > section.fdp-sec-dark .fdp-kicker{color:#bae6fd} html .fdp > section.fdp-sec-dark .fdp-sec-head::before{background:#fff;box-shadow:0 2px 8px rgba(255,255,255,.5)} .fdp > section:nth-of-type(odd){background:#019fe1;color:#fff} .fdp > section:nth-of-type(odd) .fdp-sec-head h2{color:#fff} .fdp > section:nth-of-type(odd) .fdp-sec-head p{color:#dbeafe} .fdp > section:nth-of-type(odd) .fdp-kicker{color:#bae6fd} /* hero 单独覆盖样式：保留 dark 渐变 bg 层，按钮、按钮颜色反转 */ .fdp > section.fdp-hero{background:#019fe1} .fdp > section.fdp-hero .fdp-hero-bg{background:radial-gradient(900px 520px at 78% -10%,rgba(255,255,255,.18) 0,transparent 60%),radial-gradient(680px 440px at 6% 115%,rgba(255,255,255,.12) 0,transparent 55%),linear-gradient(135deg,#019fe1,#0284c5 55%,#0369a1)} .fdp > section.fdp-hero .fdp-hero-grid{background-image:linear-gradient(rgba(255,255,255,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.10) 1px,transparent 1px)} .fdp > section.fdp-hero .fdp-net{opacity:.4} .fdp > section.fdp-hero .fdp-eyebrow{color:#fff;background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.4)} .fdp > section.fdp-hero .fdp-grad{background:linear-gradient(92deg,#e0f2fe,#bae6fd 55%,#ffffff);-webkit-background-clip:text;background-clip:text;color:transparent} .fdp > section.fdp-hero .fdp-btn-solid{background:#fff;color:#019fe1;box-shadow:0 12px 34px rgba(1,159,225,.45)} .fdp > section.fdp-hero .fdp-btn-solid:hover{color:#019fe1;box-shadow:0 18px 44px rgba(1,159,225,.7);transform:translateY(-3px)} .fdp > section.fdp-hero .fdp-btn-ghost{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.55)} .fdp > section.fdp-hero .fdp-btn-ghost:hover{background:#fff;color:#019fe1;border-color:#fff} .fdp > section.fdp-hero .fdp-trust span{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.32);color:#e0f2fe} .fdp > section.fdp-hero .fdp-trust span:hover{background:rgba(255,255,255,.28);border-color:rgba(255,255,255,.6)} .fdp > section.fdp-hero .fdp-orbit{border-color:rgba(255,255,255,.32)} .fdp-sec-head{max-width:760px;margin:0 auto 48px;text-align:center;position:relative} /* 2026-09-05 Task T 美化：所有 section 标题上方加品牌色装饰 */ .fdp-sec-head::before{content:"";display:block;width:48px;height:4px;background:#019fe1;border-radius:2px;margin:0 auto 18px;box-shadow:0 2px 8px rgba(1,159,225,.35)} .fdp-kicker{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.24em;color:#019fe1;margin-bottom:12px} .fdp-sec-head h2{font-size:clamp(28px,3.6vw,40px);font-weight:800;color:#0b1f3f;margin:0 0 12px;letter-spacing:.5px} .fdp-sec-head p{font-size:16px;color:#64748b;margin:0} /* 深色 section 标题装饰条改白色 */ .fdp > section:nth-of-type(odd) .fdp-sec-head::before{background:#ffffff;box-shadow:0 2px 8px rgba(255,255,255,.4)} /* ---- Hero ---- */ .fdp-hero{position:relative;background:#050b1a;color:#fff;overflow:hidden;display:flex;flex-direction:column;justify-content:center} .fdp-hero-bg{position:absolute;inset:0;background:radial-gradient(1000px 560px at 78% -10%,rgba(59,130,246,.3) 0,transparent 60%),radial-gradient(760px 480px at 6% 115%,rgba(139,92,246,.24) 0,transparent 55%),radial-gradient(620px 420px at 94% 96%,rgba(34,211,238,.16) 0,transparent 55%),linear-gradient(135deg,#050b1a,#081226 55%,#0a1730)} .fdp-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 50% 0%,#000 25%,transparent 78%)} .fdp-net{position:absolute;inset:0;width:100%;height:100%;opacity:.55;animation:fdp-pulse 6s ease-in-out infinite} @keyframes fdp-pulse{0%,100%{opacity:.35}50%{opacity:.75}} .fdp-hero-inner{position:relative;z-index:2;max-width:1560px;width:100%;margin:0 auto;padding:112px 36px 56px;display:grid;grid-template-columns:1.08fr .92fr;gap:44px;align-items:center} .fdp-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.22em;color:#7dd3fc;background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.32);border-radius:999px;padding:7px 16px;margin-bottom:24px} .fdp-hero h1{font-size:clamp(38px,5.4vw,68px);font-weight:800;line-height:1.12;margin:0 0 22px;letter-spacing:.5px} .fdp-grad{background:linear-gradient(92deg,#60a5fa,#22d3ee 55%,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent} .fdp-lead{font-size:clamp(15px,1.5vw,18px);color:#b6c3d8;line-height:1.9;margin:0 0 34px} .fdp-cta-row{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:30px} .fdp-btn{display:inline-flex;align-items:center;gap:8px;padding:15px 30px;border-radius:12px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s} .fdp-btn svg{width:17px;height:17px} .fdp-btn-solid{background:linear-gradient(90deg,#2563eb,#3b82f6);color:#fff;box-shadow:0 12px 34px rgba(37,99,235,.42)} .fdp-btn-solid:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(37,99,235,.55);color:#fff} .fdp-btn-ghost{background:rgba(255,255,255,.07);color:#e2e8f0;border:1px solid rgba(255,255,255,.25)} .fdp-btn-ghost:hover{background:rgba(255,255,255,.14);color:#fff;transform:translateY(-2px)} .fdp-trust{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:#8fa3bf} .fdp-trust span{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px 12px} /* ==== Hero: 18 张产品大类代表性图卡片（4 列 grid + 浮动堆叠 + 区块 3/4）==== */ .fdp-hero-visual{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center} /* Task AK: 6×5 grid (6 col × 5 row = 30) + 16:6 横条 + 区块 3/4 */ .fdp-fcat-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(6,1fr);gap:7px;width:100%;max-width:360px;margin:0 auto} .fdp-fcat-pic{aspect-ratio:16/6;background:#0a1730;overflow:hidden;display:block;position:relative} .fdp-fcat{display:flex;flex-direction:column;border-radius:9px;overflow:hidden;border:1px solid rgba(96,165,250,.18);background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.03));box-shadow:0 13px 32px rgba(0,0,0,.45);text-decoration:none;color:#fff;animation:fdp-fcat-float 6.5s ease-in-out infinite;transition:transform .25s,box-shadow .25s,border-color .25s} .fdp-fcat:hover{transform:translateY(-3px) scale(1.04);border-color:rgba(96,165,250,.6);box-shadow:0 18px 40px rgba(37,99,235,.35);color:#fff} /* 2026-09-05 Task T：hero 产品大类卡片顶部加品牌色细条 + hover 时光晕 */ .fdp-fcat-pic::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#019fe1,#22d3ee,#0ea5e9);z-index:2;opacity:.85;transition:opacity .3s} .fdp-fcat-pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s} /* 2026-09-06 Task Y：第 2/3 张卡显示 group 下子分类名胶囊 */ /* Task AK: sub 胶囊 3/4 缩 */ .fdp-fcat-sub{position:absolute;left:3px;bottom:3px;z-index:3;font-size:6.5px;font-weight:600;color:#fff;background:linear-gradient(120deg,#019fe1,#0284c7);padding:0 4px;border-radius:4px;letter-spacing:.1px;max-width:calc(100% - 6px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.4)} .fdp-fcat:hover .fdp-fcat-pic::before{opacity:1;height:3px} .fdp-fcat:hover .fdp-fcat-pic img{transform:scale(1.06)} /* Task AK: meta 3/4 缩 */ .fdp-fcat-meta{padding:5px 6px;display:flex;flex-direction:column;gap:0;background:linear-gradient(180deg,rgba(13,27,48,.55),rgba(13,27,48,.92))} .fdp-fcat-name{font-size:8px;font-weight:700;color:#fff;line-height:1.15;letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .fdp-fcat-more{font-size:6.5px;font-weight:600;color:#60a5fa} .fdp-fcat-1{--r:-3deg;animation-delay:0s} .fdp-fcat-2{--r:2deg;animation-delay:.7s} .fdp-fcat-3{--r:-1deg;animation-delay:1.3s} .fdp-fcat-4{--r:2.5deg;animation-delay:.4s} .fdp-fcat-5{--r:-2deg;animation-delay:1s} .fdp-fcat-6{--r:1.5deg;animation-delay:1.7s} .fdp-fcat-7{--r:-2.5deg;animation-delay:.2s} .fdp-fcat-8{--r:1.8deg;animation-delay:.9s} .fdp-fcat-9{--r:-1.5deg;animation-delay:1.5s} .fdp-fcat-10{--r:2.2deg;animation-delay:.6s} .fdp-fcat-11{--r:-2deg;animation-delay:1.1s} .fdp-fcat-12{--r:1deg;animation-delay:2s} .fdp-fcat-13{--r:1.2deg;animation-delay:.3s} .fdp-fcat-14{--r:-1.8deg;animation-delay:1.4s} .fdp-fcat-15{--r:2.4deg;animation-delay:.8s} .fdp-fcat-16{--r:-2.2deg;animation-delay:1.6s} .fdp-fcat-17{--r:1.6deg;animation-delay:.5s} .fdp-fcat-18{--r:-1.2deg;animation-delay:1.9s} @keyframes fdp-fcat-float{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-6px) rotate(var(--r,0deg))}} .fdp-orbit{position:absolute;border-radius:50%;border:1px solid rgba(96,165,250,.22);pointer-events:none} .fdp-orbit-1{width:430px;height:430px;top:8px;left:27%;animation:fdp-spin 26s linear infinite} .fdp-orbit-2{width:300px;height:300px;top:78px;left:39%;animation:fdp-spin 20s linear infinite reverse} @keyframes fdp-spin{to{transform:rotate(360deg)}} @media(max-width:980px){ .fdp-hero-inner{grid-template-columns:1fr;padding:84px 24px 44px} .fdp-hero-visual{min-height:auto;padding:8px 0} .fdp-fcat-grid{grid-template-columns:repeat(3,1fr);gap:8px;max-width:420px} .fdp-fcat-1,.fdp-fcat-2,.fdp-fcat-3,.fdp-fcat-4,.fdp-fcat-5,.fdp-fcat-6,.fdp-fcat-7,.fdp-fcat-8,.fdp-fcat-9,.fdp-fcat-10,.fdp-fcat-11,.fdp-fcat-12,.fdp-fcat-13,.fdp-fcat-14,.fdp-fcat-15,.fdp-fcat-16,.fdp-fcat-17,.fdp-fcat-18{animation-duration:5.5s} .fdp-wrap{padding:0 22px} .fdp-sec{padding:64px 0} } /* ---- 品牌墙 ---- */ .fdp-brands{padding:42px 0;background:#ffffff;position:relative;border-bottom:1px solid #e6ecf7} /* 品牌墙上方品牌色装饰线 */ .fdp-brands::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:3px;background:#019fe1;border-radius:0 0 3px 3px} .fdp-brands-label{text-align:center;font-size:12px;letter-spacing:.22em;color:#019fe1;margin:0 0 22px;font-weight:700} /* 2026-09-05：30 个品牌适配，6 列 × 5 行 */ .fdp-brands-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 28px} .fdp-brands-row span{font-size:14px;font-weight:700;color:#94a3b8;letter-spacing:.04em;opacity:.75;padding:6px 14px;border-radius:8px;background:#f8fafc;transition:opacity .2s,color .2s,background .2s,transform .2s} .fdp-brands-row span:hover{opacity:1;color:#019fe1;background:#e0f2fe;transform:translateY(-2px)} /* ---- 产品中心卡片 ---- */ /* 2026-09-05: 改为代表产品图 + 25% 面积（边长 ×0.5，列数相应放宽） */ .fdp-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:10px} .fdp-cat{position:relative;display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #e6ecf7;border-radius:12px;padding:12px;text-decoration:none;color:#24344f;overflow:hidden;transition:transform .22s,box-shadow .22s,border-color .22s} /* 2026-09-05 Task T：产品中心卡片顶部加品牌色细条 */ .fdp-cat::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#019fe1,#22d3ee);opacity:0;transition:opacity .22s} .fdp-cat::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,#019fe1,#22d3ee);opacity:0;transition:opacity .22s} .fdp-cat:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(1,159,225,.18);border-color:#7dd3fc} .fdp-cat:hover::before{opacity:1} .fdp-cat:hover::after{opacity:1} .fdp-cat-ic{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#e0f2fe,#bae6fd);display:flex;align-items:center;justify-content:center;overflow:hidden} .fdp-cat-ic svg{width:18px;height:18px;stroke:#019fe1} .fdp-cat-ic img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block} .fdp-cat:hover .fdp-cat-ic{background:linear-gradient(135deg,#019fe1,#0284c7)} .fdp-cat:hover .fdp-cat-ic svg{stroke:#fff} .fdp-cat-name{font-size:12px;font-weight:700;color:#0b1f3f;line-height:1.35} .fdp-cat-more{font-size:10px;color:#019fe1;margin-top:auto;line-height:1.3;font-weight:600} .fdp-cat:hover .fdp-cat-more{color:#fde047} /* ---- 核心能力 ---- */ .fdp-caps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px} .fdp-cap{position:relative;background:#fff;border:1px solid #e6ecf7;border-radius:16px;padding:30px 26px;transition:transform .22s,box-shadow .22s,border-color .22s;overflow:hidden} /* 2026-09-05 Task T：核心能力左侧品牌色装饰条 */ .fdp-cap::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#019fe1,#0284c7);border-radius:16px 0 0 16px;opacity:.85} .fdp-cap:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(1,159,225,.16);border-color:#7dd3fc} .fdp-cap-ic{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#e0f2fe,#bae6fd);display:flex;align-items:center;justify-content:center;margin-bottom:18px;border:2px solid rgba(1,159,225,.18)} .fdp-cap-ic svg{width:26px;height:26px;stroke:#019fe1} .fdp-cap:hover .fdp-cap-ic{background:linear-gradient(135deg,#019fe1,#0284c7);border-color:#019fe1} .fdp-cap:hover .fdp-cap-ic svg{stroke:#fff} .fdp-cap b{display:block;font-size:17px;font-weight:700;color:#0b1f3f;margin-bottom:8px} .fdp-cap p{font-size:14px;color:#64748b;margin:0;line-height:1.75} /* ---- 解决方案 ---- */ .fdp-sols{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px} .fdp-sol{position:relative;background:#fff;border:1px solid #e6ecf7;border-radius:16px;padding:30px 26px;transition:transform .22s,box-shadow .22s,border-color .22s;overflow:hidden} .fdp-sol::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#019fe1,#22d3ee,#0ea5e9)} .fdp-sol:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(1,159,225,.18);border-color:#7dd3fc} .fdp-sol-ic{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#019fe1,#0284c7);display:flex;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:0 10px 24px rgba(1,159,225,.4)} .fdp-sol-ic svg{width:26px;height:26px;stroke:#fff} .fdp-sol b{display:block;font-size:17px;font-weight:700;color:#0b1f3f;margin-bottom:8px} .fdp-sol p{font-size:14px;color:#64748b;margin:0;line-height:1.75} .fdp-sol-more{text-align:center;margin-top:34px} .fdp-sol-more a{font-size:15px;font-weight:700;color:#019fe1;text-decoration:none;display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border-radius:24px;background:rgba(1,159,225,.08);transition:background .2s,color .2s} .fdp-sol-more a:hover{color:#fff;background:#019fe1} /* 深色 #019fe1 section 内的"查看全部"链接反转 */ .fdp > section:nth-of-type(odd) .fdp-sol-more a{color:#ffffff;background:rgba(255,255,255,.14);text-decoration:none} .fdp > section:nth-of-type(odd) .fdp-sol-more a:hover{color:#019fe1;background:#ffffff} /* ---- 最新产品 ---- */ /* 2026-09-05 Task U：扩展到 20 个产品，5 列 × 4 行紧凑布局（minmax 220px 让网格稳定在 5 列） */ .fdp-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px} .fdp-post{position:relative;display:block;background:#fff;border:1px solid #e6ecf7;border-radius:12px;overflow:hidden;text-decoration:none;transition:transform .22s,box-shadow .22s,border-color .22s} /* 2026-09-05 Task T：最新产品卡片顶部品牌色细条 */ .fdp-post::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#019fe1,#22d3ee);z-index:2;opacity:.9} .fdp-post:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(1,159,225,.2);border-color:#7dd3fc} .fdp-post-img{position:relative;display:block;aspect-ratio:4/3;background:linear-gradient(145deg,#f0f9ff,#e0f2fe);overflow:hidden} .fdp-post-img img{width:100%;height:100%;object-fit:cover;display:block} /* 2026-09-05 Task T：tag 改品牌色徽章（紧凑版字号略小） */ .fdp-tag{position:absolute;top:10px;left:8px;background:#019fe1;color:#fff;font-size:11px;font-weight:700;padding:3px 9px;border-radius:5px;letter-spacing:.02em;box-shadow:0 3px 10px rgba(1,159,225,.4);z-index:1} /* 2026-09-05 Task U：body padding 缩小、字号略小 */ .fdp-post-body{display:block;padding:10px 12px 12px} .fdp-post-body b{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.4;color:#0b1f3f;font-weight:600;margin-bottom:4px} .fdp-post-more{font-size:12px;font-weight:700;color:#019fe1;display:inline-flex;align-items:center;gap:3px} .fdp-post:hover .fdp-post-more{color:#fde047} /* 深色 #019fe1 section 内的最新产品"查看详情" */ .fdp > section:nth-of-type(odd) .fdp-post-more{color:#ffffff} .fdp > section:nth-of-type(odd) .fdp-post:hover .fdp-post-more{color:#fde047} /* ---- CTA ---- */ /* 2026-09-05 Task T：CTA 从 dark gradient 改为品牌色实色 + 装饰光晕 */ .fdp-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;background:linear-gradient(120deg,#019fe1 0%,#0284c7 55%,#0369a1 100%);border-radius:20px;padding:48px 44px;color:#fff;position:relative;overflow:hidden;box-shadow:0 20px 50px rgba(1,159,225,.25)} .fdp-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 240px at 85% -20%,rgba(255,255,255,.32) 0,transparent 60%),radial-gradient(500px 220px at 15% 130%,rgba(255,255,255,.18) 0,transparent 55%)} .fdp-cta::after{content:"";position:absolute;top:-40%;right:5%;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12) 0%,transparent 70%);pointer-events:none} .fdp-cta>div,.fdp-cta>a{position:relative;z-index:1} .fdp-cta h3{font-size:clamp(22px,2.6vw,30px);font-weight:800;margin:0 0 10px} .fdp-cta p{margin:0;color:#e0f2fe} /* ---- 滚动显现（2026-09-05 Task T 加入品牌色光晕过渡）---- */ .fdp-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease,filter .7s ease;filter:blur(2px)} .fdp-reveal.fdp-in{opacity:1;transform:none;filter:none} @media(max-width:900px){ .fdp-cta{padding:36px 28px} } /* ============ 内页科技感 Banner（首页除外） ============ */ .fd-tech-banner{width:100%;height:400px;background:#081426 url('/wp-content/uploads/2026/08/fd-tech-banner-v2.jpg') center center/cover no-repeat} @media (max-width:1024px){.fd-tech-banner{height:300px}} @media (max-width:640px){.fd-tech-banner{height:200px}} /* ===== 全站面包屑导航（首页除外） ===== */ .fd-breadcrumb { margin: 14px 0 20px; padding: 9px 16px; background: #f6f8fc; border: 1px solid #e8edf5; border-radius: 10px; box-shadow: 0 1px 4px rgba(11, 31, 63, .04); } .fd-bc-inner { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; font-size: 13px; line-height: 1.7; color: #7a8aa5; } .fd-bc-home { display: inline-flex; align-items: center; margin-right: 2px; color: #30A8E4; } .fd-bc-home svg { width: 15px; height: 15px; } .fd-breadcrumb a { color: #30A8E4; text-decoration: none; font-weight: 500; transition: color .2s; } .fd-breadcrumb a:hover { color: #019fe1; text-decoration: underline; } .fd-bc-sep { color: #b8c4d8; margin: 0 3px; user-select: none; } .fd-bc-current { color: #1b2a4a; font-weight: 600; } @media (max-width: 768px) { .fd-breadcrumb { margin: 10px 0 16px; padding: 8px 12px; font-size: 12px; } } /* ===== 联系我们页 - 高端科技感设计 ===== */ .fd-contact { --fdc-blue:#019FE1; --fdc-cyan:#38C8FF; --fdc-purple:#7B5CFF; --fdc-ink:#0A1635; --fdc-deep:#050A1F; color:#E8F0FF; font-family:inherit; } .fd-contact * { box-sizing:border-box; } .fd-contact a { text-decoration:none; } /* Hero */ .fdc-hero { position:relative; overflow:hidden; background:linear-gradient(135deg,#050A1F 0%,#0A1635 45%,#10245C 78%,#0A1635 100%); padding:110px 6% 90px; text-align:center; border-bottom:1px solid rgba(56,200,255,.18); } .fdc-hero-grid { position:absolute; inset:0; background-image:linear-gradient(rgba(56,200,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(56,200,255,.07) 1px,transparent 1px); background-size:44px 44px; mask-image:radial-gradient(ellipse at 50% 40%,#000 30%,transparent 75%); -webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 30%,transparent 75%); } .fdc-hero-glow { position:absolute; width:720px; height:720px; left:50%; top:-260px; transform:translateX(-50%); background:radial-gradient(circle,rgba(1,159,225,.28) 0%,rgba(123,92,255,.16) 45%,transparent 70%); filter:blur(30px); pointer-events:none; } .fdc-hero-inner { position:relative; z-index:2; max-width:980px; margin:0 auto; } .fdc-eyebrow { display:inline-block; font-size:12px; letter-spacing:.35em; text-transform:uppercase; color:#38C8FF; border:1px solid rgba(56,200,255,.35); border-radius:999px; padding:7px 18px; background:rgba(56,200,255,.06); margin-bottom:26px; } .fdc-title { font-size:52px; font-weight:800; line-height:1.15; margin:0 0 10px; letter-spacing:.02em; background:linear-gradient(100deg,#fff 20%,#8FD8FF 50%,#38C8FF 80%); -webkit-background-clip:text; background-clip:text; color:transparent; } .fdc-title-en { display:block; font-size:20px; font-weight:500; letter-spacing:.5em; text-transform:uppercase; color:rgba(232,240,255,.45); margin-top:10px; -webkit-text-fill-color:rgba(232,240,255,.45); } .fdc-sub { font-size:16px; line-height:1.9; color:rgba(232,240,255,.78); margin:18px auto 34px; max-width:720px; } .fdc-hero-actions { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; } .fdc-btn { display:inline-flex; align-items:center; gap:9px; padding:13px 30px; border-radius:999px; font-size:15px; font-weight:600; transition:all .25s; } .fdc-btn svg { width:18px; height:18px; } .fdc-btn-primary { background:linear-gradient(90deg,#019FE1,#38C8FF); color:#04122E; box-shadow:0 8px 26px rgba(1,159,225,.35); } .fdc-btn-primary:hover { transform:translateY(-2px); box-shadow:0 12px 34px rgba(1,159,225,.5); } .fdc-btn-ghost { border:1px solid rgba(56,200,255,.45); color:#8FD8FF; background:rgba(56,200,255,.05); } .fdc-btn-ghost:hover { background:rgba(56,200,255,.14); border-color:#38C8FF; transform:translateY(-2px); } /* 核心卡片 */ .fdc-core { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; max-width:1180px; margin:-56px auto 0; padding:0 4%; position:relative; z-index:5; } .fdc-card { background:linear-gradient(160deg,rgba(16,36,92,.92),rgba(8,18,46,.94)); border:1px solid rgba(56,200,255,.22); border-radius:20px; padding:34px 28px; text-align:center; backdrop-filter:blur(12px); box-shadow:0 18px 44px rgba(3,10,30,.55); transition:transform .25s,border-color .25s,box-shadow .25s; } .fdc-card:hover { transform:translateY(-6px); border-color:rgba(56,200,255,.55); box-shadow:0 24px 54px rgba(1,159,225,.28); } .fdc-card-icon { width:62px; height:62px; margin:0 auto 18px; border-radius:16px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,rgba(1,159,225,.25),rgba(123,92,255,.22)); border:1px solid rgba(56,200,255,.35); color:#38C8FF; } .fdc-card-icon svg { width:30px; height:30px; } .fdc-card h3 { font-size:16px; font-weight:600; color:rgba(232,240,255,.6); letter-spacing:.18em; margin:0 0 12px; } .fdc-big { font-size:26px; font-weight:800; color:#fff; margin:0 0 10px; word-break:break-all; background:linear-gradient(90deg,#fff,#8FD8FF); -webkit-background-clip:text; background-clip:text; color:transparent; } .fdc-big-sm { font-size:19px; } .fdc-note { font-size:13px; line-height:1.8; color:rgba(232,240,255,.55); margin:0; } /* 分支网格 */ .fdc-offices { max-width:1180px; margin:90px auto 0; padding:0 4%; } .fdc-sec-head { text-align:center; margin-bottom:44px; } .fdc-sec-head .fdc-eyebrow { margin-bottom:14px; } .fdc-sec-head h2 { font-size:34px; font-weight:800; margin:0 0 10px; color:#fff; } .fdc-sec-head p { color:rgba(232,240,255,.6); margin:0; font-size:15px; } .fdc-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; } .fdc-ofc { background:linear-gradient(170deg,rgba(14,32,84,.85),rgba(7,16,42,.9)); border:1px solid rgba(56,200,255,.16); border-radius:16px; padding:26px 22px; transition:all .25s; } .fdc-ofc:hover { border-color:rgba(56,200,255,.5); transform:translateY(-4px); box-shadow:0 16px 38px rgba(1,159,225,.18); } .fdc-ofc-tag { display:inline-block; font-size:11px; letter-spacing:.22em; color:#38C8FF; background:rgba(56,200,255,.1); border:1px solid rgba(56,200,255,.3); border-radius:999px; padding:4px 12px; margin-bottom:14px; } .fdc-ofc h3 { font-size:17px; font-weight:700; color:#fff; margin:0 0 8px; } .fdc-ofc h3 em { font-style:normal; font-weight:400; color:rgba(232,240,255,.5); font-size:13px; } .fdc-ofc p { font-size:13.5px; line-height:1.75; color:rgba(232,240,255,.66); margin:0 0 10px; } .fdc-ofc p small { color:rgba(232,240,255,.45); } .fdc-ofc-tel { color:#38C8FF !important; font-weight:600; font-size:15px !important; } /* 公司简介 */ .fdc-about { max-width:1180px; margin:90px auto 0; padding:64px 6%; background:linear-gradient(135deg,rgba(14,32,84,.5),rgba(7,16,42,.35)); border:1px solid rgba(56,200,255,.14); border-radius:24px; } .fdc-about-inner { max-width:900px; margin:0 auto; text-align:center; } .fdc-about h2 { font-size:30px; font-weight:800; color:#fff; margin:0 0 20px; } .fdc-about p { font-size:15px; line-height:2; color:rgba(232,240,255,.72); margin:0 0 26px; text-align:justify; } .fdc-about-chips { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; } .fdc-about-chips span { font-size:13px; color:#8FD8FF; border:1px solid rgba(56,200,255,.3); border-radius:999px; padding:8px 20px; background:rgba(56,200,255,.07); } /* CTA */ .fdc-cta { max-width:1180px; margin:80px auto 30px; padding:0 4%; } .fdc-cta-inner { position:relative; overflow:hidden; text-align:center; padding:64px 6%; border-radius:24px; background:linear-gradient(120deg,#019FE1 0%,#0E58C8 55%,#7B5CFF 120%); box-shadow:0 24px 60px rgba(1,159,225,.3); } .fdc-cta-inner::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size:36px 36px; opacity:.5; } .fdc-cta-inner h2 { position:relative; font-size:30px; font-weight:800; color:#fff; margin:0 0 12px; } .fdc-cta-inner p { position:relative; color:rgba(255,255,255,.85); margin:0 0 26px; font-size:15px; } .fdc-cta-inner .fdc-btn { position:relative; } .fdc-cta-inner .fdc-btn-primary { background:#fff; color:#0E58C8; box-shadow:0 8px 24px rgba(4,18,46,.3); } .fdc-cta-inner .fdc-btn-ghost { border-color:rgba(255,255,255,.6); color:#fff; background:rgba(255,255,255,.08); } /* 响应式 */ @media (max-width:1024px){ .fdc-grid { grid-template-columns:repeat(2,1fr); } .fdc-core { grid-template-columns:1fr; margin-top:20px; } .fdc-title { font-size:38px; } } @media (max-width:640px){ .fdc-grid { grid-template-columns:1fr; } .fdc-hero { padding:80px 5% 70px; } .fdc-title { font-size:30px; } .fdc-sub { font-size:14px; } .fdc-about p { text-align:left; } } /* ===== 联系我们页 - 品牌影像画廊 ===== */ .fdc-gallery { max-width:1180px; margin:90px auto 0; padding:0 4%; } .fdc-g-wide { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-bottom:18px; } .fdc-g-wide figure { margin:0; border-radius:16px; overflow:hidden; border:1px solid rgba(56,200,255,.18); background:#0B1738; box-shadow:0 12px 30px rgba(3,10,30,.4); transition:transform .3s,border-color .3s,box-shadow .3s; } .fdc-g-wide figure:hover { transform:translateY(-4px); border-color:rgba(56,200,255,.5); box-shadow:0 18px 44px rgba(1,159,225,.25); } .fdc-g-wide img { width:100%; height:auto; display:block; aspect-ratio:16/7; object-fit:cover; transition:transform .4s; } .fdc-g-wide figure:hover img { transform:scale(1.03); } .fdc-g-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:18px; } .fdc-g-grid figure { margin:0; border-radius:12px; overflow:hidden; border:1px solid rgba(56,200,255,.16); background:#0B1738; box-shadow:0 10px 24px rgba(3,10,30,.35); transition:transform .3s,border-color .3s,box-shadow .3s; } .fdc-g-grid figure:hover { transform:translateY(-4px); border-color:rgba(56,200,255,.5); box-shadow:0 16px 36px rgba(1,159,225,.22); } .fdc-g-grid img { width:100%; display:block; aspect-ratio:16/9; object-fit:cover; transition:transform .4s; } .fdc-g-grid figure:hover img { transform:scale(1.05); } .fdc-g-3 { grid-template-columns:repeat(3,1fr); } @media (max-width:1024px){ .fdc-g-wide { grid-template-columns:1fr; } .fdc-g-grid { grid-template-columns:repeat(2,1fr); } .fdc-g-3 { grid-template-columns:1fr; } } @media (max-width:640px){ .fdc-g-grid { grid-template-columns:1fr; } } /* ===== contact-us 交替行背景 ===== */ .fd-row-dark, .fd-row-dark .wp-block-media-text__content, .fd-row-dark p, .fd-row-dark li, .fd-row-dark span, .fd-row-dark strong, .fd-row-dark h1, .fd-row-dark h2, .fd-row-dark h3, .fd-row-dark h4 { color:#fff !important; } .fd-row-dark a { color:#8FD8FF !important; } .fd-row-dark a:hover { color:#38C8FF !important; } .fd-row-light { color:#1b2a4a; } @media (max-width:768px){ .fd-row-dark, .fd-row-light { padding-left:5% !important; padding-right:5% !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; } } /* 最新产品小部件样式 */ .fd-latest-list{list-style:disc;margin:0;padding:0 0 0 15px} .fd-latest-item{margin:0 0 6px} .fd-latest-item:last-child{margin-bottom:0} .fd-latest-link{display:block;text-decoration:none;color:#475569;font-family:Arial,"Microsoft YaHei","PingFang SC","Hiragino Sans GB","Heiti SC","Helvetica Neue",Helvetica,sans-serif;font-size:13px;line-height:20px;transition:color .18s} .fd-latest-item::marker{color:#1e5eff} .fd-latest-link:hover{color:#1e5eff;text-decoration:underline} .fd-latest-thumb{display:none} .fd-latest-thumb img{width:100%;height:100%;object-fit:contain;display:block;background:#fff} .fd-latest-nothumb{background:#eef4ff;border-color:#dce7ff} .fd-latest-ic{width:30px;height:30px;display:flex;align-items:center;justify-content:center} .fd-latest-ic svg{width:26px;height:26px;stroke:#1e5eff} .fd-latest-txt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .fd-latest-empty{margin:0;font-family:Arial,"Microsoft YaHei","PingFang SC","Hiragino Sans GB","Heiti SC","Helvetica Neue",Helvetica,sans-serif;font-size:13px;color:#64748b} /* ============ 产品中心页 /products/（分组式，短代码 [fd_product_center]） ============ */ .fd-pc{margin:22px 0 8px} .fd-pc-stats{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 22px} .fd-pc-stat{flex:1 1 150px;min-width:150px;background:linear-gradient(135deg,#f6f9ff,#eef4ff);border:1px solid #dbe7ff;border-radius:12px;padding:14px 18px} .fd-pc-stat b{display:block;font-size:26px;line-height:1.15;color:#0b1f3f;font-weight:800;letter-spacing:-.01em} .fd-pc-stat span{font-size:12.5px;color:#64748b} .fd-pc-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px;padding:12px 0;border-top:1px solid #eef2f8;border-bottom:1px solid #eef2f8} .fd-pc-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border:1px solid #e2e8f0;background:#fff;border-radius:20px;text-decoration:none;color:#334155;font-size:13px;font-weight:600;transition:border-color .15s,color .15s,background .15s} .fd-pc-chip svg{width:16px;height:16px;stroke:#1e5eff;flex:none} .fd-pc-chip:hover{border-color:#1e5eff;color:#1e5eff;background:#f4f8ff} .fd-pc-group{margin:0 0 36px;scroll-margin-top:110px} .fd-pc-gh{display:flex;align-items:center;gap:10px;padding-bottom:10px;margin-bottom:16px;border-bottom:2px solid #1e5eff} .fd-pc-gh-ic{width:32px;height:32px;border-radius:9px;background:#eef4ff;display:flex;align-items:center;justify-content:center;flex:none} .fd-pc-gh-ic svg{width:19px;height:19px;stroke:#1e5eff} .fd-pc-gh h3{margin:0;font-size:18px;font-weight:800;color:#0b1f3f;letter-spacing:.01em} .fd-pc-gh-n{margin-left:auto;flex:none;font-size:12.5px;color:#64748b;background:#f1f5f9;border-radius:20px;padding:3px 11px} .fd-pc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:14px} .fd-pc-card{display:flex;flex-direction:column;gap:7px;min-height:92px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:15px 16px;text-decoration:none;color:#1e293b;position:relative;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s} .fd-pc-card::after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:linear-gradient(90deg,#1e5eff,#22d3ee);opacity:0;transition:opacity .18s} .fd-pc-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(11,31,63,.12);border-color:#bcd2ff} .fd-pc-card:hover::after{opacity:1} .fd-pc-card-top{display:flex;align-items:baseline;gap:10px} .fd-pc-card-top b{flex:1;min-width:0;font-size:15.5px;font-weight:700;color:#0b1f3f;line-height:1.35} .fd-pc-card-n{flex:none;font-size:12px;font-weight:700;color:#1e5eff;background:#eef4ff;border-radius:20px;padding:2px 9px} .fd-pc-card-sub{font-size:12.5px;color:#94a3b8;line-height:1.5;min-height:19px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} @media(max-width:640px){ .fd-pc-grid{grid-template-columns:1fr 1fr;gap:10px} .fd-pc-card{padding:12px;min-height:84px} .fd-pc-stat{flex:1 1 100%;padding:12px 14px} .fd-pc-stat b{font-size:22px} } /* ============================================================ 全站字体系统 v2 —— 2026-09-04 ------------------------------------------------------------ 诊断结论（实测 1937 个文本节点）： ① 首页 .fdp 用 -apple-system/Segoe UI 系统字体，内页用 Arial → 首页与内页观感割裂 ② .fd-latest-link / .fd-latest-empty 的 Arial 栈缺中文回退 ③ 21 档字号，其中 7 档带小数（12.5 / 13.5 / 15.5 / 27.2 / 21.45 / 20.925 / 26.4） → 亚像素渲染导致字形发虚 ④ Arial 在 Windows 仅有 400 / 700 两档，600 与 800 一律被强制渲染成 Bold → 1001 处粗体（52%），其中 857 处是 11px 的数字徽标，是"浑浊感"主因 ============================================================ */ :root{ --fd-font: Arial, "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Helvetica Neue", Helvetica, sans-serif; } /* ---- ③ 字重收敛：11px 数字徽标从 600 降到 400（857 处小号粗体是主要噪声源）---- */ .fd-cat-n,.fd-mega-count,.fd-pc-card-n{font-weight:400} .fd-tag,.fdp-tag{font-weight:400} .fd-mega-tab{font-weight:400} .fd-mega-tab.is-active{font-weight:700} /* ---- ② 字阶取整：消灭小数像素 ---- */ .fd-mega-tab{font-size:14px} .fd-mega-foot{font-size:12px} .fd-pc-stat span{font-size:12px} .fd-pc-gh-n{font-size:12px} .fd-pc-card-sub{font-size:12px} .fd-pc-card-top b{font-size:16px} .fd-cat-n,.fd-mega-count{font-size:12px} .fdc-ofc p{font-size:14px} .ast-post-nav,.ast-post-nav span{font-size:14px} .widget-title{font-size:15px} /* ---- ④ 标题节奏：统一字重 700，收敛过大字号 ---- */ h1,h2,h3,h4,h5,h6,.entry-title,.widget-title{font-weight:700} .fd-post-body b,.fdp-post-body b{font-weight:700} .fdp-hero h1{font-size:clamp(34px,4.2vw,52px);line-height:1.18} h1,.entry-title{font-size:30px;line-height:40px} h2{font-size:26px;line-height:36px} h3{font-size:21px;line-height:30px} h4{font-size:17px;line-height:25px} h5,h6{font-size:15px;line-height:22px} /* ---- 正文：整数行高，避免基线参差 ---- */ body,p,li,td,th,.entry-content,.entry-content p{font-size:16px;line-height:28px} .fd-post-desc,.fdp-post-desc{font-size:13px;line-height:20px} .fd-pc-card-sub{line-height:18px} /* ---- 行高取整：比例值(1.35/1.65)乘出来的 17.55px / 21.45px 会让基线参差，统一整数 px ---- */ .fd-mega-rail,.fd-mega-body,.fd-mega-grid,.fd-mega-item,.fd-mega-name, .fd-mega-count,.fd-mega-tab,.fd-mega-tab-txt{line-height:20px} .fd-mega-foot{line-height:18px} .fd-cat-groups,.fd-cat-group,.fd-cat-group-hd,.fd-cat-group-n, .fd-cat-tree,.fd-cat-node,.fd-cat-leaf,.fd-cat-leaf-txt,.fd-cat-n,.fd-cat-all{line-height:20px} .fd-cat-group-name{line-height:24px} .fd-pc-group,.fd-pc-grid,.fd-pc-card,.fd-pc-card-top,.fd-pc-card-top b{line-height:24px} .fd-pc-gh,.fd-pc-gh h3,.fd-pc-gh-n{line-height:26px} .fd-pc-stat b{line-height:32px} .fd-pc-stat span{line-height:18px} .fd-pc-chip{line-height:20px} .fd-pc-nav{line-height:20px} .fd-breadcrumb,.fd-bc-inner,.fd-bc-inner a,.fd-bc-inner span{line-height:22px} .fd-post,.fd-post-body,.fd-post-body b,.fd-post-desc,.fd-post-more,.fd-tag{line-height:20px} .fd-related-head h3,.fd-related-more{line-height:30px} .fdp-cats,.fdp-cat,.fdp-cat-name,.fdp-cat-more{line-height:26px} /* 2026-09-05 Task U：紧凑卡片用 line-height 略小（实际样式由 .fdp-post-body 等内层规则覆盖） */ .fdp-post,.fdp-post-body,.fdp-post-more,.fdp-tag{line-height:18px} .fdp-brands-row span{line-height:25px} .fd-latest-list,.fd-latest-item,.fd-latest-link,.fd-latest-txt{line-height:20px} /* ---- 收尾：提高特异性，压掉 Astra 默认值与首页遗留比例行高 ---- */ .widget-area .widget-title,.widget .widget-title,.widget-title{font-size:15px;line-height:22px} .ast-single-post-navigation .ast-post-nav,.ast-post-nav{font-size:14px;line-height:22px} .ast-site-title-wrap .site-title,.ast-site-title-wrap .site-title a{line-height:32px} .fdp-caps .fdp-cap b,.fdp-sols .fdp-sol b{line-height:26px} .fdp-caps .fdp-cap p,.fdp-sols .fdp-sol p{line-height:24px} .fdp-sec-head .fdp-kicker{line-height:20px} .fd-related .fd-post .fd-post-body b{font-size:14px;line-height:20px} /* 迁移内容里遗留的 embed-* 区块（热点/留言板），统一行高 */ [class*="embed-"]{line-height:22px} [class*="embed-"] span,[class*="embed-"] p{line-height:22px} /* ============================================================ 字体系统 v2 —— 收尾：压掉 Astra inline CSS 残留（2026-09-04） Astra 把定制器样式输出成