/* Industry alignment: inherit the mall w1200 container (currently 1366px). */
/* Scoped to editable industry content; shared by storefront and native editor. */
.bf-idetail{--bf-id-accent:#369eaa;width:100%;max-width:none;min-width:0;margin:0;padding:0;box-sizing:border-box;color:#21364a;font-family:"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7;text-align:left;font-size:14px}
.bf-idetail *{box-sizing:border-box}.bf-idetail a{text-decoration:none}.bf-idetail h1,.bf-idetail h2,.bf-idetail h3,.bf-idetail p{margin:0}.bf-idetail a:focus-visible{outline:3px solid #24aae8;outline-offset:4px}
.bf-id-breadcrumb{display:flex;gap:10px;align-items:center;padding:16px 0;color:#82909c;font-size:12px}.bf-id-breadcrumb a{color:#687b8a}
.bf-id-hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:380px;align-items:stretch;border-radius:18px;overflow:hidden;background:#112a3e;color:#fff}
.bf-id-copy{min-width:0;padding:40px;align-self:center}.bf-id-eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#9bd2e1;margin-bottom:12px}.bf-id-copy h1{color:#fff;font-size:34px;line-height:1.25;letter-spacing:1px;font-weight:700}.bf-id-subtitle{display:block;color:#b4c6d4;font-size:14px;font-weight:400;margin-top:10px;letter-spacing:2px}.bf-id-copy p{color:#d1dbe3;line-height:1.9;margin-top:20px;max-width:none}.bf-id-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.bf-id-tag{border:1px solid #456074;border-radius:5px;color:#d5e5ed;font-size:12px;padding:4px 10px}
.bf-id-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.bf-idetail a.bf-id-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:10px 20px;background:#24aae8;border:1px solid #24aae8;border-radius:7px;color:#fff;font-size:14px;font-weight:600;min-height:44px}.bf-idetail a.bf-id-button:hover{background:#168dc4;border-color:#168dc4}.bf-idetail a.bf-id-secondary{background:transparent;border-color:#668294;color:#fff}.bf-idetail a.bf-id-secondary:hover{background:#28465c}
.bf-id-visual{position:relative;min-height:340px;overflow:hidden;background:#1c3d54}.bf-id-visual img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.bf-id-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,29,45,.7),transparent 60%)}.bf-id-caption{position:absolute;bottom:28px;left:40px;right:40px;z-index:1;color:#fff;font-size:13px;letter-spacing:2px}.bf-id-caption b{display:block;font-size:11px;color:#c6e0ed;letter-spacing:3px;margin-bottom:4px}
.bf-id-section{margin-top:38px}.bf-id-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.bf-id-section h2{font-size:23px;line-height:1.5;color:#183247;font-weight:700}.bf-id-section-heading p{font-size:13px;color:#758592;margin-top:5px}.bf-id-label{color:#8e9caa;font-size:10px;letter-spacing:2px;white-space:nowrap}
.bf-id-scenes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.bf-id-scene{padding:24px 20px;border:1px solid #e1e8ee;border-top:3px solid var(--bf-id-accent);border-radius:9px;background:#fff}.bf-id-step{font-size:27px;font-weight:700;line-height:1;color:var(--bf-id-accent);display:block;margin-bottom:20px}.bf-id-scene h3{font-size:17px;color:#20394d;font-weight:600}.bf-id-scene small{display:block;color:var(--bf-id-accent);font-size:12px;margin:5px 0 12px}.bf-id-scene p{font-size:13px;color:#71808c;line-height:1.85}
.bf-id-consider{margin-top:24px;border-radius:12px;background:#eef4f7;padding:26px;display:grid;grid-template-columns:200px 1fr;gap:22px}.bf-id-consider h2{font-size:20px;color:#1b374d}.bf-id-consider-lead{font-size:12px;color:#778a98;margin-top:6px!important}.bf-id-concerns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.bf-id-concern{border-left:1px solid #d2dfe7;padding-left:20px}.bf-id-concern h3{font-size:14px;font-weight:600;color:#304b5e;margin-bottom:7px}.bf-id-concern p{font-size:12px;color:#758795}
.bf-id-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.bf-idetail a.bf-id-product{display:flex;gap:14px;align-items:center;padding:18px;border:1px solid #e1e8ee;border-radius:10px;background:#fff;color:#243f53;transition:background .16s,border-color .16s}.bf-idetail a.bf-id-product:hover{border-color:#5bb8d4;background:#f3fafc}.bf-id-product-icon{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:9px;background:#edf5f8;color:#3884a1}.bf-id-product-icon svg{width:24px;height:24px}.bf-id-product-copy{flex:1;min-width:0}.bf-id-product strong{display:block;font-size:15px;font-weight:600}.bf-id-product small{display:block;font-size:12px;color:#82919d;margin-top:4px}.bf-id-product-arrow{color:#7a9bab;font-size:18px}.bf-id-goods-anchor{height:1px;margin-top:30px;scroll-margin-top:220px;outline:none}
.bf-id-footer{padding:26px 0 36px}.bf-id-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 40px;border:1px solid #d8e7ed;border-radius:12px;background:#eef6fa}.bf-id-cta h2{font-size:22px;line-height:1.5;color:#183a52}.bf-id-cta p{margin-top:8px;color:#728695;font-size:13px}.bf-id-cta .bf-id-button{flex-shrink:0}.bf-id-explore{margin-top:28px}.bf-id-explore h3{font-size:14px;color:#657b8c;margin-bottom:12px}.bf-id-nav{display:flex;flex-wrap:wrap;gap:8px}.bf-idetail .bf-id-nav a{padding:8px 14px;border:1px solid #e0e7ed;border-radius:6px;font-size:12px;color:#607687;background:#fff}.bf-idetail .bf-id-nav a:hover{border-color:#68b6d1;color:#147caa}.bf-idetail .bf-id-nav a[aria-current=page]{background:#e8f4fa;border-color:#add9e9;color:#167fac}
@media(max-width:1000px){.bf-id-caption{left:26px;right:26px;bottom:24px}.bf-id-copy{padding:30px 26px}.bf-id-copy h1{font-size:28px}.bf-id-consider{grid-template-columns:1fr}.bf-id-scenes{grid-template-columns:repeat(2,minmax(0,1fr))}.bf-id-concern:first-child{border:0;padding-left:0}.bf-id-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.bf-idetail{padding:0}.bf-id-hero{grid-template-columns:1fr;min-height:0}.bf-id-visual{min-height:210px;order:-1}.bf-id-copy{padding:26px 22px}.bf-id-caption{left:22px;right:22px;bottom:22px}.bf-id-section{margin-top:28px}.bf-id-section h2{font-size:21px}.bf-id-label{display:none}.bf-id-scenes,.bf-id-products,.bf-id-concerns{grid-template-columns:1fr}.bf-id-concern{border:0;padding:0}.bf-id-scene{padding:20px}.bf-id-step{font-size:22px;margin-bottom:12px}.bf-id-consider{padding:22px}.bf-id-cta{align-items:flex-start;flex-direction:column;padding:24px;gap:18px}.bf-id-cta h2{font-size:20px}.bf-id-footer{padding-top:18px}.bf-id-nav{gap:7px}}