/* QIANNIU: scoped, scalable decorative SVG icons. No scripts or icon fonts. */
:is(#f-custom-qn-purchasing,#f-custom-qn-steps,#f-custom-qn-guides,#f-section-qn-oem){--qn-ink:#142D3A;--qn-teal:#087E83;--qn-copy:#50666D;--qn-line:#DCE8E8;--qn-tint:#EDF6F5;scroll-margin-top:104px}
:is(#f-custom-qn-purchasing,#f-custom-qn-steps,#f-custom-qn-guides) .f-custom-content__wrapper{display:grid;width:100%;margin:0;gap:24px;isolation:isolate}
:is(#f-custom-qn-purchasing,#f-custom-qn-steps,#f-custom-qn-guides) .f-custom-content__block{width:100%;max-width:none;min-width:0;padding:0;position:relative;align-items:stretch}
:is(#f-custom-qn-purchasing,#f-custom-qn-steps,#f-custom-qn-guides) .f-custom-content__block-inner{height:100%}
#f-custom-qn-purchasing .f-custom-content__wrapper{grid-template-columns:repeat(3,minmax(0,1fr))}
#f-custom-qn-purchasing .f-richtext{position:relative;height:100%;padding:28px;border:1px solid var(--qn-line);border-radius:14px;background:#FFF;box-shadow:0 3px 10px rgba(20,45,58,.025)}
#f-custom-qn-purchasing .f-richtext::before{content:"";display:block;width:58px;height:58px;margin-bottom:22px;border-radius:14px;background:var(--qn-tint) var(--qn-icon) center/32px 32px no-repeat}
#f-custom-qn-purchasing .f-richtext__title{font-size:24px;font-weight:600;line-height:1.3;letter-spacing:-.02em;margin:0 0 12px;color:var(--qn-ink)}
#f-custom-qn-purchasing .f-richtext__description{font-size:16px;line-height:1.65;color:var(--qn-copy);margin:0}
#f-custom-qn-purchasing .f-richtext__description p{margin:0}
#f-section-qn-oem .f-image-with-text__image-first{overflow:hidden;border-radius:16px}
#f-section-qn-oem .f-richtext__title{font-size:clamp(28px,2.5vw,38px);line-height:1.2;letter-spacing:-.025em}
#f-section-qn-oem .qn-oem-features{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px;margin:24px 0 0;padding:0}
#f-section-qn-oem .qn-oem-features li{list-style:none;position:relative;min-width:0;padding:0 0 0 42px;margin:0}
#f-section-qn-oem .qn-oem-features li::before{content:"";position:absolute;left:0;top:1px;width:28px;height:28px;background:var(--qn-icon) center/28px 28px no-repeat}
#f-section-qn-oem .qn-oem-features strong{display:block;font-size:16px;line-height:1.45;font-weight:600;color:var(--qn-ink);margin-bottom:5px}
#f-section-qn-oem .qn-oem-features span{display:block;font-size:15px;line-height:1.6;color:var(--qn-copy)}
#f-custom-qn-steps{background:#142D3A}
#f-custom-qn-steps .f-custom-content__wrapper{grid-template-columns:repeat(4,minmax(0,1fr))}
#f-custom-qn-steps .f-richtext{position:relative;height:100%;min-height:276px;padding:28px 24px;border:1px solid #35505B;border-radius:14px;background:#1C3A47}
#f-custom-qn-steps .f-richtext::before{content:"";display:block;width:58px;height:58px;border:1px solid #3A646C;border-radius:50%;background:#244C57 var(--qn-icon) center/30px 30px no-repeat;margin-bottom:24px}
#f-custom-qn-steps .f-richtext__subtitle{position:absolute;right:24px;top:32px;font-size:13px;line-height:1;letter-spacing:.13em;font-weight:600;color:#A9CFD3;margin:0}
#f-custom-qn-steps .f-richtext__title{font-size:22px;line-height:1.35;letter-spacing:-.015em;color:#F7FBFC;margin:0 0 12px;font-weight:600}
#f-custom-qn-steps .f-richtext__description{font-size:16px;line-height:1.65;color:#C6D9DE;margin:0}
#f-custom-qn-steps .f-richtext__description p{margin:0}
#f-custom-qn-steps .f-custom-content__block:not(:last-child)::after{content:"";position:absolute;z-index:2;right:-24px;top:46px;width:24px;height:24px;background:#142D3A url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2370C8C6%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012h17m-6-6%206%206-6%206%22%2F%3E%3C%2Fsvg%3E") center/22px 22px no-repeat}
#f-custom-qn-guides .f-custom-content__wrapper{grid-template-columns:repeat(2,minmax(0,1fr))}
#f-custom-qn-guides .f-richtext{display:flex;flex-direction:column;align-items:flex-start;height:100%;padding:30px;background:#FFF;border:1px solid var(--qn-line);border-radius:14px}
#f-custom-qn-guides .f-richtext::before{content:"";display:block;flex:none;width:50px;height:50px;border-radius:12px;background:var(--qn-tint) var(--qn-icon) center/28px 28px no-repeat;margin-bottom:22px}
#f-custom-qn-guides .f-richtext__title{font-size:24px;line-height:1.35;letter-spacing:-.02em;margin:0 0 14px;color:var(--qn-ink)}
#f-custom-qn-guides .f-richtext__description{font-size:16px;line-height:1.65;color:var(--qn-copy);margin:0 0 22px}
#f-custom-qn-guides .f-richtext__button{margin-top:auto;padding-top:0}
@media(max-width:1023px){#f-custom-qn-steps .f-custom-content__wrapper{grid-template-columns:repeat(2,minmax(0,1fr))}#f-custom-qn-steps .f-custom-content__block::after{display:none}#f-custom-qn-steps .f-richtext{min-height:248px}#f-section-qn-oem .f-image-with-text__inner{align-items:center}#f-section-qn-oem .qn-oem-features{grid-template-columns:1fr;gap:15px}}
@media(max-width:900px){#f-custom-qn-purchasing .f-custom-content__wrapper{grid-template-columns:1fr;gap:16px}#f-custom-qn-purchasing .f-richtext{padding:24px 24px 24px 104px;min-height:140px}#f-custom-qn-purchasing .f-richtext::before{position:absolute;left:24px;top:24px;width:58px;height:58px;margin:0}#f-custom-qn-purchasing .f-richtext__title{font-size:22px}}
@media(max-width:767px){:is(#f-custom-qn-purchasing,#f-custom-qn-steps,#f-custom-qn-guides,#f-section-qn-oem){scroll-margin-top:76px}#f-custom-qn-steps .f-custom-content__wrapper,#f-custom-qn-guides .f-custom-content__wrapper{grid-template-columns:1fr;gap:16px}#f-custom-qn-steps .f-richtext{min-height:178px;padding:24px 20px 24px 88px}#f-custom-qn-steps .f-richtext::before{position:absolute;left:20px;top:24px;width:48px;height:48px;background-size:26px 26px;margin:0}#f-custom-qn-steps .f-richtext__subtitle{position:static;margin:0 0 10px;line-height:1.2}#f-custom-qn-steps .f-richtext__title{font-size:21px;margin:0 0 10px}#f-section-qn-oem .qn-oem-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}#f-section-qn-oem .qn-oem-features li{padding:39px 0 0}#f-custom-qn-guides .f-richtext{padding:26px}#f-custom-qn-guides .f-richtext__title{font-size:23px}}
@media(max-width:374px){#f-section-qn-oem .qn-oem-features{grid-template-columns:1fr}#f-custom-qn-purchasing .f-richtext{padding-left:88px}#f-custom-qn-purchasing .f-richtext::before{left:20px;width:48px;height:48px;background-size:28px 28px}}
@media(prefers-reduced-motion:reduce){:is(#f-custom-qn-purchasing,#f-custom-qn-steps,#f-custom-qn-guides) .f-richtext{animation:none;transition:none;opacity:1;transform:none}}
#f-custom-qn-purchasing .f-custom-content__block:nth-child(1) .f-richtext{--qn-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%23087E83%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4%209%2012-6%2012%206v14l-12%206-12-6Z%22%2F%3E%3Cpath%20d%3D%22m4%209%2012%206%2012-6M16%2015v14M10%206l12%206v6%22%2F%3E%3C%2Fsvg%3E")}
#f-custom-qn-purchasing .f-custom-content__block:nth-child(2) .f-richtext{--qn-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%23087E83%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%208h22M5%2016h22M5%2024h22%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%225%22%20width%3D%225%22%20height%3D%226%22%20rx%3D%221.5%22%20fill%3D%22%23EDF6F5%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2213%22%20width%3D%225%22%20height%3D%226%22%20rx%3D%221.5%22%20fill%3D%22%23EDF6F5%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%2221%22%20width%3D%225%22%20height%3D%226%22%20rx%3D%221.5%22%20fill%3D%22%23EDF6F5%22%2F%3E%3C%2Fsvg%3E")}
#f-custom-qn-purchasing .f-custom-content__block:nth-child(3) .f-richtext{--qn-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%23087E83%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M25%2013c0%207-9%2015-9%2015S7%2020%207%2013a9%209%200%200%201%2018%200Z%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2213%22%20r%3D%223.5%22%2F%3E%3C%2Fsvg%3E")}
#f-custom-qn-steps .f-custom-content__block:nth-child(1) .f-richtext{--qn-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%238EDBD7%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%226%22%20width%3D%2224%22%20height%3D%2220%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22m5%208%2011%209L27%208M5%2025l7-8m15%208-7-8%22%2F%3E%3C%2Fsvg%3E")}
#f-custom-qn-steps .f-custom-content__block:nth-child(2) .f-richtext{--qn-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%238EDBD7%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%203H8a2%202%200%200%200-2%202v22a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2V8Z%22%2F%3E%3Cpath%20d%3D%22M20%203v6h6M11%2015h8m-8%205%203%203%207-7%22%2F%3E%3C%2Fsvg%3E")}
#f-custom-qn-steps .f-custom-content__block:nth-child(3) .f-richtext{--qn-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%238EDBD7%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%226%22%20y%3D%223%22%20width%3D%2220%22%20height%3D%2226%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M11%209h10M11%2015h4m-4%205h4m-4%205h4m5-10h1m-1%205h1m-1%205h1%22%2F%3E%3C%2Fsvg%3E")}
#f-custom-qn-steps .f-custom-content__block:nth-child(4) .f-richtext{--qn-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%238EDBD7%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%208h16v15H3ZM19%2013h6l4%205v5H19M24%2013v6h5%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2224%22%20r%3D%223%22%20fill%3D%22%23244C57%22%2F%3E%3Ccircle%20cx%3D%2223%22%20cy%3D%2224%22%20r%3D%223%22%20fill%3D%22%23244C57%22%2F%3E%3C%2Fsvg%3E")}
#f-custom-qn-guides .f-custom-content__block:nth-child(1) .f-richtext{--qn-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%23087E83%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%208C12%204%206%204%203%206v21c4-2%209-1%2013%202%204-3%209-4%2013-2V6c-3-2-9-2-13%202Zm0%200v21M7%2011l5%201M7%2017l5%201m8-6%205-1m-5%207%205-1%22%2F%3E%3C%2Fsvg%3E")}
#f-custom-qn-guides .f-custom-content__block:nth-child(2) .f-richtext{--qn-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%23087E83%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%226%22%20y%3D%223%22%20width%3D%2220%22%20height%3D%2226%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M11%208h10v5H11Zm0%2010h1m4%200h1m4%200h1m-11%205h1m4%200h1m4%200h1%22%2F%3E%3C%2Fsvg%3E")}
#f-section-qn-oem .qn-oem-features li:nth-child(1){--qn-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%23087E83%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M27%2015a12%2012%200%201%200-12%2013h2a3%203%200%200%200%202-5%202%202%200%200%201%202-3h2a4%204%200%200%200%204-5Z%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2212%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%228%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2212%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2219%22%20r%3D%221.5%22%2F%3E%3C%2Fsvg%3E")}
#f-section-qn-oem .qn-oem-features li:nth-child(2){--qn-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%23087E83%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M13%205H6a2%202%200%200%200-2%202v19a2%202%200%200%200%202%202h19a2%202%200%200%200%202-2v-7M14%2021l-5%202%202-5L24%205a2.8%202.8%200%200%201%204%204ZM22%207l4%204%22%2F%3E%3C%2Fsvg%3E")}
#f-section-qn-oem .qn-oem-features li:nth-child(3){--qn-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%23087E83%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4%209%2012-6%2012%206v14l-12%206-12-6Z%22%2F%3E%3Cpath%20d%3D%22m4%209%2012%206%2012-6M16%2015v14M10%206l12%206v6%22%2F%3E%3C%2Fsvg%3E")}
#f-section-qn-oem .qn-oem-features li:nth-child(4){--qn-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%23087E83%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2212%22%2F%3E%3Cellipse%20cx%3D%2216%22%20cy%3D%2216%22%20rx%3D%225%22%20ry%3D%2212%22%2F%3E%3Cpath%20d%3D%22M4%2016h24M6%209h20M6%2023h20%22%2F%3E%3C%2Fsvg%3E")}