/* 2026-10-30 product family system */
.wf-product-family{--pf-ink:#183d58;--pf-blue:#276b91;--pf-orange:#ef8500;--pf-line:#dce7ef}
.wf-pf-hero{position:relative;overflow:hidden;padding:96px 0 88px;background:linear-gradient(112deg,#102f49 0%,#174f70 58%,#287d91 100%);color:#fff}
.wf-pf-hero:after{content:"";position:absolute;right:-8%;top:-55%;width:58vw;height:150%;border:1px solid rgba(255,255,255,.13);border-radius:50%;transform:rotate(-22deg);box-shadow:0 0 0 36px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.02)}
.wf-pf-hero .wrap{position:relative;z-index:1;max-width:1200px}
.wf-pf-hero .wrap>div{font-size:12px;letter-spacing:.16em;font-weight:700;color:#ffc16d;margin-bottom:20px}
.wf-pf-hero h1{max-width:850px;font-size:clamp(34px,4.4vw,58px);line-height:1.2;letter-spacing:-.035em;color:#fff;margin:0 0 20px}
.wf-pf-hero p{max-width:760px;color:rgba(255,255,255,.83);font-size:17px;line-height:1.9;margin:0}
.wf-pf-section{max-width:1200px}
.wf-pf-section>h2,.wf-product-family .wrap>h2{font-size:clamp(26px,3vw,38px);color:var(--pf-ink);letter-spacing:-.025em;margin:0 0 14px}
.wf-pf-section>p{color:#60788a;max-width:850px;line-height:1.9;margin:0 0 30px}
.wf-pf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wf-pf-grid article{padding:25px 24px 26px;background:#f5f8fa;border:1px solid #e5edf2;border-radius:12px;min-height:150px}
.wf-pf-grid article h3{font-size:19px;color:#174663;margin:0 0 10px}
.wf-pf-grid article p{font-size:14px;line-height:1.85;color:#62798a;margin:0}
.wf-pf-cta{max-width:1200px;padding:38px 42px;background:#edf4f8;border:1px solid #dce8ef;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.wf-pf-cta h2{font-size:26px;color:#174663;margin:0}
.wf-finme-compare{display:grid;grid-template-columns:1fr 1.55fr 1fr;align-items:stretch;margin-top:30px;border-radius:14px;overflow:hidden;box-shadow:0 14px 38px rgba(18,55,78,.10);border:1px solid #e2e9ef}
.wf-finme-compare>div{display:flex;flex-direction:column}
.wf-finme-compare b{height:64px;display:flex;align-items:center;justify-content:center;font-size:20px}
.wf-finme-compare span{min-height:62px;padding:13px 16px;display:flex;align-items:center;justify-content:center;text-align:center;border-top:1px solid rgba(30,70,94,.12);font-size:14px;line-height:1.65}
.wf-finme-label{background:#f1f4f6;color:#516879}
.wf-finme-label b{background:#e7edf1;color:#365266}
.wf-finme-main{background:#fff8ef;color:#3b342c;position:relative;z-index:1;box-shadow:0 8px 26px rgba(173,94,0,.12)}
.wf-finme-main b{background:linear-gradient(100deg,#ed8200,#f5a13c);color:#fff;font-size:27px}
.wf-finme-main span{font-size:15px;border-color:#f2d7b6}
.wf-finme-muted{color:#7d8991}
.wf-pf-note{font-size:12px;color:#7b8d99;margin-top:16px}
@media(max-width:800px){.wf-pf-hero{padding:72px 0 62px}.wf-pf-grid{grid-template-columns:1fr 1fr}.wf-finme-compare{grid-template-columns:1fr}.wf-finme-compare>div{display:contents}.wf-finme-compare b{height:auto;min-height:52px}.wf-finme-compare span{min-height:52px}.wf-finme-compare{grid-template-columns:.85fr 1.6fr}.wf-finme-label{display:flex!important}.wf-finme-muted{display:none!important}.wf-finme-main{display:flex!important}.wf-pf-cta{display:block;padding:28px 24px}.wf-pf-cta .btn{margin-top:20px}}
@media(max-width:520px){.wf-pf-grid{grid-template-columns:1fr}.wf-pf-hero p{font-size:15px}.wf-pf-section>h2{font-size:26px}.wf-finme-main span{text-align:left;justify-content:flex-start}.wf-pf-cta h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.wf-product-family *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* 2026-10-30 修正：上面 .wf-pf-hero .wrap>div 的 eyebrow 字重（700）
   会一路继承到 .pf-hero-copy 里的正文段落，导致 5 个产品页首屏正文变粗。
   这里把文案容器复位为常规字重，标题/胶囊各自有独立字重不受影响。 */
.wf-product-family .wf-pf-hero .pf-hero-copy{font-weight:400}