/* Shared warm editorial theme: homepage styling is refined by home-reference.css. */
:root {--ink:#333333;--muted:#666666;--blue:#005BAC;--navy:#333333;--paper:#f7f7f7;--line:#e2e2e2}
body {background:#fffffffff;color:var(--ink)}
h1,h2,h3 {font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em;color:var(--ink)}
p {color:var(--muted)}
.eyebrow {color:#005BAC;letter-spacing:.16em;font-weight:650}
.eyebrow:before {width:20px;height:1px;border-radius:0}
.button {border-radius:28px;background:#0071D5;color:#333333;border:1px solid #0071D5;min-height:46px;padding:13px 22px}
.button:hover {background:#1685e8;color:#333333;box-shadow:0 8px 26px #98721920}
.button.outline {background:transparent;color:#005BAC;border-color:#0071D5}
.button.outline:hover {background:#edf5fc;border-color:#005BAC}
.text-link {color:#005BAC}
.text-link:hover {color:#aa841e}
.round-arrow {color:#005BAC;border-color:#8abce4}
a:focus-visible,button:focus-visible {outline:2px solid #005BAC;outline-offset:4px}
/* Shared masthead and navigation */
.site-header {background:#f7f7f7e8;border-bottom-color:#33333315;backdrop-filter:blur(14px)}
.site-header.is-scrolled {background:#fffffffffF5;box-shadow:0 5px 25px #3333330b}
.header-actions {color:#333333}
.brand img,.footer-brand img {filter:grayscale(1) sepia(.85) saturate(.8) brightness(.65)}
.header-actions .header-cta {display:none}
#language-menu {background:#fffffffff;border-color:#e2e2e2;box-shadow:0 16px 45px #33333324}
#language-menu button {color:#47493a}
#language-menu button:hover {background:#f8f8f8}
#language-menu button[aria-checked=true] {color:#927013}
.mega-menu {border-top-color:#0071D5;background:#fffffffff}
.mega-title {color:#005BAC}
.mega-links a {color:#666666}
.mega-links a:hover {color:#005BAC}
@media(min-width:1101px) {
 .header-inner #navigation {background:#333333;color:#f8f8f8;border-radius:40px;padding:6px;gap:3px;box-shadow:0 6px 20px #33333317}
 .header-inner #navigation>a,.nav-dropdown>a {padding:11px 15px;font-size:10px;font-weight:500;line-height:1.5}
 .header-inner #navigation>a[aria-current=page] {background:#0071D5;border-radius:24px;color:#333333}
 .header-inner #navigation>a[aria-current=page]:after {display:none}
 .header-inner #navigation>a:hover,.nav-dropdown>a:hover {color:#1685e8}
 .header-inner #navigation>a[aria-current=page]:hover {color:#333333}
 .nav-dropdown {gap:0;padding-inline-end:8px}
 .nav-dropdown>a {padding-inline-end:5px}
 .mega-toggle {height:35px}
}
@media(max-width:1100px) {
 .header-inner #navigation {background:#fffffffff}
 .header-inner #navigation>a,.nav-dropdown>a,.mega-toggle {border-bottom-color:#e2e2e2}
}
/* Light, legible banners and navigation on catalog and information pages. */
.breadcrumbs {color:#666666}
.breadcrumbs a:hover {color:#005BAC}
.page-intro {background:#f7f7f7;color:#333333;min-height:320px}
.page-intro:before {background:#0071D5;height:3px;width:26%}
.page-intro .breadcrumbs {color:#666666}
.page-intro .eyebrow {color:#0071D5}
.page-intro h1 {color:#333333}
.page-intro .lead {color:#666666}
.intro-photo {width:38%;opacity:.8}
.intro-photo img {filter:saturate(.63) sepia(.22) brightness(1.02)}
.intro-photo:after {background:linear-gradient(90deg,#f7f7f7 0%,#f7f7f780 30%,#33333320 100%)}
.catalog-tabs {border-color:#e2e2e2}
.catalog-tabs a {color:#666666}
.catalog-tabs a.active,.catalog-tabs a:hover {color:#005BAC}
.catalog-tabs a.active:after {background:#0071D5}
.catalog-tabs svg {color:#0071D5}
.catalog-section {padding-block:35px 80px}
.category-link {background:#fbf9f1;border-color:#e2e2e2}
.category-link:hover {background:#edf5fc;border-color:#ceb04e}
.category-link .category-number,.category-count {color:#999999}
.category-preview {filter:saturate(.83)}
.product-grid {gap:22px}
.product-card {background:#fffffffff;border-color:#e2e2e2;box-shadow:0 5px 18px #33333308}
.product-card:hover {border-color:#0071D5;box-shadow:0 13px 30px #33333314;transform:translateY(-2px)}
.product-card .card-image {background:#f7f7f7}
.product-card .card-image img {mix-blend-mode:multiply}
.product-card .card-content {border-color:#eee8d9}
.product-card h3 {font-size:21px}
.card-action {color:#005BAC}
.card-action svg {color:#0071D5}
.story-card .card-content {border-color:#e2e2e2}
.story-category {color:#005BAC}
.story-card:hover h3 {color:#005BAC}
.pagination a {border-color:#e2e2e2;color:#666666}
.pagination a[aria-current=page],.pagination a:hover {background:#0071D5;border-color:#0071D5;color:#333333}
/* Product specifications, diagrams and table data */
.product-hero {padding-top:18px}
.product-summary h1 {font-size:clamp(32px,3.3vw,48px)}
.product-summary .eyebrow,.product-detail .eyebrow {color:#0071D5}
.main-image {background:#f7f7f7;border-color:#e2e2e2}
.main-image img,.gallery-thumb img,.technical-drawings img {mix-blend-mode:multiply}
.gallery-thumb {border-color:#e2e2e2;background:#f7f7f7}
.gallery-thumb.selected,.gallery-thumb:hover {border-color:#cfaa42}
.tags a,.product-index a {background:#f8f8f8;border-color:#e2e2e2;color:#005BAC}
.tags a:hover,.product-index a:hover {background:#eaf4fc;border-color:#005BAC;color:#005BAC}
.product-index {border-color:#e2e2e2}
.product-detail h2 {font-size:32px}
.fact-list li {border-color:#e2e2e2;color:#696b5b}
.fact-list li:before {color:#0071D5}
.technical-drawings {background:#f7f7f7;border-color:#e2e2e2}
.data-note {color:#666666}
.table-scroll {border-color:#e2e2e2}
table {color:#484a3b}
caption {color:#666666;background:#f0f0f0}
th {background:#f0f0f0;color:#333333}
th,td {border-color:#e2e2e2}
tr:nth-child(even) td {background:#fffffffff}
.product-aside {background:#f7f7f7;color:#333333;border:1px solid #e2e2e2;border-top:3px solid #0071D5}
.product-aside .aside-mark {color:#0071D5}
.product-aside h3 {color:#333333}
.product-aside p,.product-aside>a {color:#666666}
.product-aside .button {color:#333333}
.faq-list details {border-color:#e2e2e2}
.faq-list details[open] {background:#fffffffff}
.faq-list summary>span:last-child {color:#005BAC}
/* About, services, stories, contact and forms */
.about-feature,.company-feature {background:#f7f7f7}
.about-statement {background:#fffffffff;border-color:#e2e2e2}
.about-statement strong {color:#92741e}
.timeline>div {border-color:#e2e2e2}
.timeline strong,.step {color:#98791e}
.timeline:before {background:#0071D5}
.services-grid article {background:#fffffffff;border-color:#e2e2e2}
.service-photo img,.article-photo img,.about-wide {filter:saturate(.72) sepia(.1)}
.contact-grid {gap:70px}
.contact-details>div {border-color:#e2e2e2}
.contact-details h2 {font-size:28px}
.contact-details>div h3 {color:#005BAC}
.contact-details a {color:#005BAC}
.form-panel {background:#f7f7f7;border-color:#e2e2e2}
.form-grid input,.form-grid textarea {background:#fffffffff;border-color:#e2e2e2;color:#454638}
.form-grid input:focus,.form-grid textarea:focus {border-color:#0071D5;box-shadow:0 0 0 3px #0071D522}
.form-grid label {color:#636555}
.article-body {background:#fffffffff}
.article-body .lead {color:#5f6153}
.article-body>p {color:#666666}
.policy h1,.message-page h1 {font-size:clamp(35px,4vw,52px)}
.policy p,.message-page p {color:#666666}
.directory a {color:#666666}
.directory a:hover {color:#005BAC}
/* Shared inquiry callout, footer and floating tools */
.cta {background:#f7f7f7;color:#333333}
.cta h2 {color:#333333}
.cta .eyebrow {color:#005BAC}
.cta p:not(.eyebrow) {color:#666666}
.cta .button {background:#0071D5;color:#333333;border-color:#0071D5}
.cta-rings,.cta-rings i {border-color:#0071D522}
.site-footer {background:#f7f7f7;color:#666666;border-top:1px solid #e2e2e2}
.footer-brand p,.footer-contact>p {color:#666666}
.footer-brand .text-link,.footer-link {color:#666666}
.footer-nav h2,.footer-contact h2 {font-family:Manrope,Arial,sans-serif;color:#333333;font-size:11px;font-weight:700}
.footer-contact>a svg {color:#0071D5}
.footer-nav a:hover,.footer-bottom a:hover {color:#005BAC}
.footer-bottom {border-color:#e2e2e2;color:#999999}
.contact-rail {background:#fffffffffF5;border-color:#e2e2e2;box-shadow:0 4px 20px #33333310}
.contact-rail svg {color:#0071D5}
.contact-rail>a:hover,.contact-rail>button:hover {background:#edf5fc}
#inquiry-dialog {background:#fffffffff}
.dialog-close {color:#454638}
@media(max-width:760px) {
 .page-intro {background:#f7f7f7}
 .page-intro .intro-grid {max-width:75%}
 .intro-photo {width:36%;opacity:.52}
 .contact-grid {gap:34px}
 .product-card h3 {font-size:17px}
 .site-footer {padding-bottom:70px}
}

/* Brand colors sampled from shanghaiqifancable.com: white, gray and Qifan blue. */
body[data-page='/'] {--ink:#333333;--muted:#666666;--blue:#0071D5;--navy:#333333;--paper:#f7f7f7;--line:#e2e2e2;--gold:#0071D5;background:#fff;color:#333}
.site-header {background:#f7f7f7e8;border-color:#33333315}
.header-inner #navigation {background:#333333;color:#fff}
.header-inner #navigation>a[aria-current=page] {background:#0071D5;color:#fff}
.header-inner #navigation>a:hover,.nav-dropdown>a:hover {color:#fff}
.header-inner #navigation>a[aria-current=page]:hover {background:#005BAC;color:#fff}
.home-hero {background:#666}
.hero-slide>video,.hero-background {filter:none}
.hero-slide:after {background:linear-gradient(180deg,#ffffff96 0%,#ffffff10 24%,#33333345 48%,#333333b8 100%)}
.hero-copy .eyebrow {color:#fff}
.hero-copy h1 {color:#fff}
.hero-intro {color:#fff}
.hero-actions .text-link {color:#fff}
.hero-actions .text-link svg,.hero-film-link svg {color:#0071D5}
.hero-film-link {background:#ffffffd9;color:#333}
.hero-coordinate {color:#333}
.scene-caption {color:#fff}
.scene-index {color:#dceeff}
.scene-place {color:#f0f0f0}
.hero-controls {border-top-color:#ffffff52}
.hero-step button {border-color:#ffffff90;color:#fff}
.slide-dots button[aria-pressed=true] span {background:#0071D5}
.compass-label,.compass-label:before {background:#0071D5;color:#fff}
.compass-orbit {border-color:#0071D5;box-shadow:0 13px 0 -12px #d6e6f4,0 28px 0 -27px #e2e2e2,0 50px 35px -40px #33333312}
.compass-orbit:after {border-color:#e2e2e2}
.compass-family {color:#666}
.compass-family i {border-color:#0071D5}
.compass-family:hover {color:#005BAC}
.compass-family:hover i {background:#0071D5;box-shadow:0 0 0 5px #0071D522}
.compass-signature {color:#999}
.company-visual:after {background:#0071D5}
.company-seal {border-color:#0071D5;color:#0071D5;background:#fff}
.company-stats strong {color:#0071D5}
.family-orb {border-color:#0071D5;background:radial-gradient(circle,#fff 45%,#f7f7f7 100%)}
.family-orb:after {border-color:#e2e2e2}
.family-orb:hover {border-color:#005BAC}
.project-controls button:hover,.family-controls button:hover {background:#eaf4fc}
.featured-cable:hover .round-arrow {background:#0071D5;border-color:#0071D5;color:#fff}
.project-slide>img,.news-photo img,.company-film>img {filter:none}
.home-projects {background:#f7f7f7;border-color:#e2e2e2}
.cta {background:#f7f7f7;color:#333}
.cta h2,.cta .eyebrow {color:#333}
.cta p:not(.eyebrow) {color:#666}
.cta .button {background:#0071D5;color:#fff;border-color:#0071D5}
.site-footer {background:#f7f7f7;color:#666;border-color:#e2e2e2}
.footer-brand img {filter:grayscale(1) brightness(.35)}
@media(max-width:1100px) {.header-inner #navigation {background:#fff;color:#333}.header-inner #navigation>a,.nav-dropdown>a,.mega-toggle {border-color:#e2e2e2}.hero-step button {border-color:#ffffff90}}
@media(max-width:760px) {.site-header {background:#f7f7f7f0}.contact-rail {background:#ffffffF7}}
/* Neutral surfaces and selected controls from the reference site's palette. */
body:not([data-page='/']) {background:#fff;color:#333}
.site-header {background:#f7f7f7e8}
.page-intro,.catalog-tabs a,.category-link,.product-card,.product-card .card-image,.main-image,.gallery-thumb,.technical-drawings,.product-aside,.form-panel,.services-grid article,.faq-list details[open] {background-color:#f7f7f7}
.catalog-tabs a.active,.catalog-tabs a:hover {background:#0071D5;border-color:#0071D5;color:#fff}
.pagination a[aria-current=page],.pagination a:hover {background:#0071D5;border-color:#0071D5;color:#fff}
.category-link:hover,.product-card:hover {background-color:#f8f8f8;border-color:#0071D5}
.cta {background:#f7f7f7}
.site-footer {background:#f7f7f7}
/* Improve contrast on primary actions and the selected navigation item. */
.button:not(.outline) {background:#0071D5;border-color:#0071D5;color:#fff}
.button:not(.outline) span,.button:not(.outline) svg {color:#fff}
.button:not(.outline):hover {background:#005BAC;border-color:#005BAC;color:#fff;box-shadow:0 8px 24px #0071D533}
.button:not(.outline):hover span,.button:not(.outline):hover svg {color:#fff}
.button.outline {background:#fff;color:#005BAC;border-color:#0071D5}
.button.outline span,.button.outline svg {color:#005BAC}
.button.outline:hover {background:#eaf4fc;border-color:#005BAC;color:#005BAC}
.header-inner #navigation>a[aria-current=page],.header-inner #navigation>a[aria-current=page] span {background:#0071D5;color:#fff}
.header-inner #navigation>a[aria-current=page]:hover,.header-inner #navigation>a[aria-current=page]:hover span {background:#005BAC;color:#fff}
body[data-page='/'] .header-inner #navigation>a:first-child,body[data-page='/'] .header-inner #navigation>a:first-child span {color:#fff}
@media(min-width:1101px) {body[data-page='/'] .header-inner #navigation>a:first-child {background:#0071D5;border-radius:24px}}
@media(min-width:1101px) {.header-inner #navigation .mega-toggle {color:#fff}.header-inner #navigation .mega-toggle:hover {color:#1685e8}}
/* Softer blue-gray navigation capsule replaces the near-black bar. */
@media(min-width:1101px) {.header-inner #navigation {background:#4A647A}}
/* Brand slogan appears beside the company identity and beneath the home headline. */
.footer-brand .brand-slogan {font-size:12px;font-weight:700;line-height:1.5;color:#0071D5;letter-spacing:0;margin:-13px 0 15px}
/* Compact chevron control makes the product dropdown feel deliberate. */
@media(min-width:1101px) {
 .header-inner #navigation .nav-dropdown {gap:1px}
 .header-inner #navigation .nav-dropdown>a {padding-inline-end:8px}
 .header-inner #navigation .mega-toggle {display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;margin-inline-start:1px;padding:0;border:1px solid #ffffff55;border-radius:50%;background:#ffffff12;color:#fff;font-size:0;transition:background .2s,border-color .2s,transform .2s}
 .header-inner #navigation .mega-toggle svg {width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
 .header-inner #navigation .mega-toggle[aria-expanded=true] svg {transform:rotate(180deg)}
 .header-inner #navigation .mega-toggle:hover,.header-inner #navigation .mega-toggle:focus-visible {background:#0071D5;border-color:#0071D5;color:#fff}
}
@media(prefers-reduced-motion:reduce) {.header-inner #navigation .mega-toggle,.header-inner #navigation .mega-toggle svg {transition:none}}
/* About page: company facts, timeline, global reach, and credentials. */
.about-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-block:0 76px;background:#e1e6ea;border:1px solid #e1e6ea}.about-stats>div{display:flex;flex-direction:column;gap:8px;padding:26px 24px;background:#f7f9fa;color:#4a647a}.about-stats strong{font-size:clamp(28px,3vw,42px);line-height:1;color:#0873cb}.about-stats span{font-size:14px}.timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.timeline article{min-height:145px;padding:22px;border:1px solid #e1e6ea;border-top:3px solid #0873cb;border-radius:6px;background:#fff}.timeline article>strong{display:block;margin-bottom:11px;color:#0873cb;font-size:23px}.timeline article p{margin:0;color:#4a647a;line-height:1.65}.about-global{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:52px;padding-block:70px}.about-global-copy h2{margin:10px 0 15px;font-size:clamp(32px,4vw,48px)}.about-global-copy .lead{color:#4a647a;line-height:1.8}.about-global-image img{width:100%;height:100%;max-height:360px;object-fit:cover;border-radius:8px}.market-reach{display:flex;gap:38px;margin-top:28px}.market-reach strong{display:grid;color:#0873cb;font-size:27px}.market-reach span{margin-top:4px;color:#4a647a;font-size:13px;font-weight:400}.certification-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:25px 0 0;padding:0;list-style:none}.certification-list li{padding:15px 17px;border:1px solid #dfe5e9;border-radius:5px;background:#f7f9fa;color:#4a647a;font-size:14px;line-height:1.5}@media(max-width:700px){.about-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:50px}.about-stats>div{padding:20px 15px}.timeline{grid-template-columns:1fr 1fr}.about-global{grid-template-columns:1fr;gap:24px;padding-block:45px}.certification-list{grid-template-columns:1fr}.market-reach{gap:24px}}@media(max-width:430px){.timeline{grid-template-columns:1fr}}
.contact-rail{inset-inline-end:0;top:50%;bottom:auto;transform:translateY(-50%);gap:5px;width:62px;padding:8px 7px;border:1px solid #e0e6ea;border-inline-end:0;border-radius:14px 0 0 14px;background:#fffffff5;box-shadow:0 7px 28px #172b3a18;backdrop-filter:blur(12px)}
.contact-rail>a,.contact-rail>button{width:46px;height:48px;border-radius:7px;color:#0879dc}
.contact-rail svg{width:30px;height:30px;color:#0879dc;stroke-width:1.8}
.contact-rail .contact-whatsapp svg{color:#15a765}
.contact-rail .whatsapp-mark{fill:currentColor;stroke:none}
.contact-rail .rail-top{display:grid;place-items:center;margin:2px 0 0;padding-top:6px;border-top:1px solid #d5e2e9;border-radius:0;color:#333}
.contact-rail .rail-top svg{width:31px;height:31px;color:#333;stroke-width:1.8}
.contact-panel{position:fixed;z-index:36;inset-inline-end:76px;bottom:20px;width:min(390px,calc(100vw - 96px));max-height:calc(100dvh - 40px);overflow-y:auto;border:1px solid #dce7f0;border-radius:16px;background:#fff;box-shadow:0 20px 60px #102b3a30;color:#263b4c}
.contact-panel[hidden]{display:none}
.contact-panel-header{position:relative;display:flex;align-items:center;gap:12px;padding:17px 18px;background:linear-gradient(110deg,#005dab,#0879dc);color:#fff}
.contact-panel-avatar{position:relative;display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#ffffff25}
.contact-panel-avatar svg{width:30px;height:30px;fill:currentColor;stroke:none}
.contact-panel-avatar i{position:absolute;top:3px;right:3px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#21be77}
.contact-panel-heading{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}
.contact-panel-heading h2{margin:0;color:#fff;font-family:inherit;font-size:15px;font-weight:700;line-height:1.3}
.contact-panel-heading small{color:#e3f2ff;font-size:11px;line-height:1.35}
.contact-panel-close{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:#ffffff25;color:#fff;font-size:25px;line-height:1;cursor:pointer}
.contact-panel-close:hover{background:#ffffff45}
.contact-panel-body{padding:20px 20px 18px}
.contact-panel .form-grid{grid-template-columns:1fr;gap:12px}
.contact-panel .form-grid label{grid-column:1;font-size:11px}
.contact-panel .form-grid input,.contact-panel .form-grid textarea{margin-top:5px;padding:9px 11px;font-size:13px;line-height:1.35}
.contact-panel .form-grid textarea{min-height:78px;max-height:150px}
.contact-panel .form-note{margin:13px 0;font-size:10px}
.contact-panel .inquiry-form>.button{min-height:42px;padding:10px 14px;font-size:12px}
.contact-panel-channels{display:flex;justify-content:center;gap:24px;padding:11px 18px 13px;border-top:1px solid #e5edf3;background:#f8fbfd}
.contact-panel-channels>a,.contact-panel-channels>button{display:flex;align-items:center;gap:5px;padding:4px;border:0;background:transparent;color:#52677a;font-size:10px;cursor:pointer}
.contact-panel-channels svg{width:18px;height:18px;color:#0879dc}
.contact-panel-channels .contact-panel-whatsapp{fill:#16ad62;stroke:none}
.contact-panel-channels .wechat-mark{color:#07c160;stroke:none}
.contact-panel-channels>a:hover,.contact-panel-channels>button:hover{color:#0879dc}
.contact-panel-close:focus-visible,.contact-panel-channels a:focus-visible,.contact-panel-channels button:focus-visible{outline:3px solid #87c5ff;outline-offset:2px}
.contact-rail-toggle[aria-expanded=true]{background:#eaf4fd}
.contact-rail .contact-wechat svg{color:#07c160;stroke:none;filter:drop-shadow(0 3px 5px #07a85422)}
.contact-rail .contact-wechat .wechat-mark{width:34px;height:34px;transition:transform .2s}
.contact-rail .contact-wechat:hover{background:#eaf7ef}
.contact-rail .contact-wechat:hover .wechat-mark{transform:translateY(-2px)}
.contact-wechat:focus-visible{outline:3px solid #0879dc;outline-offset:3px}
/* The compact WeChat card opens on hover or click. */
.contact-rail .contact-wechat .wechat-rail-label{display:none}
.contact-rail>.contact-wechat.is-preview-open{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:#07c160;color:#fff}
.contact-rail .contact-wechat.is-preview-open .wechat-mark{width:26px;height:26px;filter:none;transform:none}
.contact-rail .contact-wechat.is-preview-open .wechat-rail-label{display:block;color:#fff;font-size:10px;font-weight:650;line-height:1}
.wechat-hover-card{position:fixed;z-index:37;width:235px;max-width:calc(100vw - 100px);padding:5px;border:1px solid #dcece3;border-radius:12px;background:#fff;box-shadow:0 12px 34px #163b2b2e;color:#253d30}
.wechat-hover-card[hidden]{display:none}
.wechat-hover-card button{display:flex;width:100%;min-height:72px;align-items:center;gap:11px;padding:10px 11px;border:0;border-radius:8px;background:#fff;color:inherit;text-align:start;cursor:copy;transition:background .2s}
.wechat-hover-card button:hover{background:#effbf3}
.wechat-hover-card .wechat-mark{flex:0 0 34px;width:34px;height:34px}
.wechat-hover-details{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}
.wechat-hover-details>span{color:#728679;font-size:11px;line-height:1.2}
.wechat-hover-details strong{overflow-wrap:anywhere;color:#243d30;font-size:14px;font-weight:700;line-height:1.2}
.wechat-hover-action{align-self:end;margin-bottom:4px;color:#078a46;font-size:11px;font-weight:700;white-space:nowrap}
.wechat-hover-card button:focus-visible{outline:3px solid #0879dc;outline-offset:2px}
@media(max-width:480px){.contact-rail .contact-wechat .wechat-mark{width:30px;height:30px}}
@media(max-width:760px){
  .wechat-hover-card{max-width:calc(100vw - 24px)}
  .contact-rail .contact-wechat .wechat-rail-label{display:block;color:#087b43;font-size:9px;line-height:1}
  .contact-rail .contact-wechat.is-preview-open .wechat-rail-label{color:#fff}
  .contact-rail{inset-inline:0;top:auto;bottom:0;transform:none;flex-direction:row;gap:0;width:100%;height:62px;justify-content:space-around;padding:0 10px;border:1px solid #dce5e9;border-width:1px 0 0;border-radius:0;background:#fffffff5;box-shadow:0 -5px 20px #102b3a12}
  .contact-rail>a,.contact-rail>button{display:flex;height:58px;flex:1;flex-direction:column;justify-content:center;gap:3px;border-radius:5px;color:#0879dc}
  .contact-rail svg{width:25px;height:25px}
  .contact-rail span{display:block}
  .contact-rail>.contact-rail-toggle span{display:none}
  .contact-rail .rail-top{flex:.7;margin:0;padding:0;border:0}
  .contact-rail .rail-top svg{width:26px;height:26px}
  .contact-panel{inset-inline-end:12px;bottom:74px;width:min(390px,calc(100vw - 24px));max-height:calc(100dvh - 90px)}
}

/* Online support launcher; chat behavior stays in the existing panel. */
.contact-rail>.contact-rail-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:60px;background:transparent}
.contact-rail>.contact-rail-toggle .online-support-icon{display:block;position:relative;width:34px;height:34px}
.contact-rail>.contact-rail-toggle .online-support-icon svg{width:34px;height:34px;fill:#0879dc;stroke:none}
.online-support-icon i{position:absolute;top:0;right:-5px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#20b975}
.contact-rail>.contact-rail-toggle .online-support-label{display:block;color:#444;font-size:11px;font-weight:500;line-height:1}
@media(max-width:760px){.contact-rail>.contact-rail-toggle{height:58px}.contact-rail>.contact-rail-toggle .online-support-icon,.contact-rail>.contact-rail-toggle .online-support-icon svg{width:29px;height:29px}}

.case-facts{display:grid;gap:12px;margin:22px 0;color:#4a647a;font-size:13px;line-height:1.55}.case-facts div{display:grid;gap:3px}.case-facts dt{font-size:11px;font-weight:700;letter-spacing:.03em;color:#0873cb}.case-facts dd{margin:0}.case-search{margin:0 0 36px;max-width:690px}.case-search label{display:block;margin-bottom:10px;font-size:14px;font-weight:600}.case-search>div{display:flex;gap:12px}.case-search input{flex:1;min-width:0;padding:14px 18px;border:1px solid #cedce7;border-radius:8px;background:#fff;font:inherit}.case-partner-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px}.case-partner-grid>div{display:grid;place-items:center;min-height:120px;padding:20px;border:1px solid #e1e8ef;border-radius:10px;background:#fff}.case-partner-grid img{width:100%;height:85px;object-fit:contain}.case-story-section{margin-top:32px}.case-story-section h2{font-size:25px}.case-story-section li{margin:8px 0;line-height:1.7}.case-story-section ul{padding-inline-start:22px}@media(max-width:700px){.case-partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-search>div{flex-direction:column}}