/* Customer contact and responsive layout. Existing palette and content retained. */
:root { --font-sans:"Yuebao Sans",sans-serif; --font-serif:"Yuebao Serif",serif; }
.mobile-product-nav { display:none; }
/* Persistent current-page state, distinct from the flagship promotional outline. */
.desktop-nav a[aria-current="page"], .desktop-nav a[aria-current="page"]:not(.nav-flagship) { color:#103c2c; background:#e4b965; border-radius:3px; box-shadow:0 0 0 8px #e4b965; font-weight:700; }
.desktop-nav a[aria-current="page"]::after { height:2px; bottom:-13px; transform:scaleX(1); }
.desktop-nav a.nav-flagship[aria-current="page"] { background:#e4b965; color:#103c2c; border-color:#e4b965; border-radius:999px; box-shadow:0 0 0 3px rgba(228,185,101,.22); animation:none; }
.desktop-nav a.nav-flagship[aria-current="page"]::before { background:#174632; box-shadow:none; }
.header-contact[aria-current="page"] { background:#e4b965; color:#103c2c; border-color:#e4b965; font-weight:700; }
.mobile-nav nav a[aria-current="page"] { background:#e4b965; color:#103c2c; font-weight:700; box-shadow:inset 4px 0 0 #174632; animation:none; }
.mobile-nav nav a[aria-current="page"]::after { content:"✓"; margin-left:auto; font-weight:700; }
.mobile-nav nav a.nav-flagship[aria-current="page"] span { background:#174632; box-shadow:none; }
html { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
.archive-aside.quick-card { width:100%; max-width:290px; padding:0; overflow:hidden; border:1px solid #d6dfd3; border-radius:16px; background:linear-gradient(145deg,#fbfcf8,#edf1e8); box-shadow:0 12px 34px rgba(19,57,42,.08); }
.quick-card-heading { position:relative; padding:24px 22px 20px; background:linear-gradient(130deg,#103c2c,#23533e); overflow:hidden; }
.quick-card-heading::after { content:""; position:absolute; width:110px; height:110px; right:-45px; top:-38px; border:1px solid rgba(228,185,101,.23); border-radius:50%; box-shadow:0 0 0 18px rgba(228,185,101,.04); }
.quick-card-heading .section-kicker { margin-bottom:10px; color:#e4b965; font-size:9px; letter-spacing:.19em; }
.quick-card-heading h2 { color:#fff7e7; font-size:24px; line-height:1.4; }
.quick-card-rule { display:block; width:30px; height:2px; background:#e4b965; margin-top:15px; }
.archive-aside.quick-card ol { margin:0; padding:12px; }
.archive-aside.quick-card li { display:block; min-height:0; border:0; }
.quick-card li + li { margin-top:6px; }
.quick-card li a { display:flex; align-items:center; gap:10px; min-height:58px; padding:10px; border:1px solid transparent; border-radius:9px; transition:background .18s ease,border-color .18s ease,transform .18s ease; }
.quick-card li a:hover,.quick-card li a:focus-visible { background:#fff; border-color:#d6dfd3; transform:translateX(2px); }
.archive-aside .quick-icon { flex:0 0 30px; width:30px; height:30px; display:grid; place-items:center; background:#e2e9dd; border-radius:8px; color:#29573e; }
.quick-icon svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.quick-icon circle { fill:#e2e9dd; }
.archive-aside li .quick-label { color:#314e3d; font-family:var(--font-sans); font-size:12px; line-height:1.6; }
.quick-card li b { margin-left:auto; color:#b68a3e; font-size:15px; font-weight:400; }
@media(min-width:981px) { .archive-layout { grid-template-columns:minmax(0,1fr) 270px; gap:48px; } }
@media(max-width:980px) { .archive-aside.quick-card { justify-self:center; } }
@media(prefers-reduced-motion:reduce) { .quick-card li a { transition:none; } .quick-card li a:hover { transform:none; } }
body { font-family:var(--font-sans); }
button,input,select,textarea { font-family:inherit; }
img { max-width:100%; }
.service-phone { display:block; font-family:var(--font-sans); font-size:clamp(28px,3vw,40px); font-weight:800; line-height:1.35; letter-spacing:.015em; white-space:nowrap; font-variant-numeric:tabular-nums; }
.footer-links .service-phone { font-size:28px; color:#e6bd6f; margin-block:7px 15px; }
.footer-grid { grid-template-columns:minmax(240px,1.3fr) minmax(100px,.55fr) minmax(240px,1fr) 180px; gap:32px; }
.footer-wechat > p { margin:0 0 14px; color:#e6bd6f; font-size:14px; }
.footer-wechat a { display:block; max-width:180px; }
.footer-wechat img { display:block; width:180px; height:auto; background:#fff; }
.footer-wechat > span { display:block; margin-top:12px; color:#b6c9be; font-size:12px; }
.home-contact-actions { display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.home-contact-actions .service-phone { color:var(--green-deep); }
.contact-service { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:60px; padding:44px; margin-bottom:56px; background:#e8ede5; border:1px solid #cdd7cc; }
.contact-service-copy h2 { margin:0 0 18px; font:500 clamp(28px,3vw,40px)/1.4 var(--font-serif); }
.contact-service-copy p { color:#53685c; line-height:1.9; }
.contact-service-copy > span { display:block; margin-top:32px; color:#627367; font-size:14px; }
.contact-service-copy .service-phone { color:#164331; margin:12px 0 24px; font-size:clamp(30px,4.5vw,54px); }
.contact-service-qr { margin:0; text-align:center; scroll-margin-top:24px; }
.contact-service-qr img { display:block; width:264px; height:264px; margin:auto; }
.contact-service-qr figcaption { display:grid; gap:9px; margin-top:18px; color:#526859; }
.contact-service-qr strong { color:#153e2d; font-size:20px; }
.contact-service-qr small { font-size:12px; line-height:1.6; }
.mlpd-source-panel .service-phone { margin:22px 0; font-size:28px; color:#174632; }
.mlpd-source-panel .service-qr { display:block; width:180px; height:auto; margin:22px auto 0; }
.mlpd-source-panel .wechat-link { display:block; text-align:center; margin-top:10px; color:#526859; font-size:13px; }
.mlpd-wechat { display:block; margin:24px 0; text-align:center; }
.mlpd-wechat img { display:block; width:204px; height:auto; max-width:100%; margin:auto; }
.mlpd-wechat span { display:block; margin-top:12px; font-size:13px; }
.about-branch-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.about-branch-gallery figure { margin:0; }
.about-branch-gallery img { width:100%; height:auto; }
.company-branch-gallery a { display:block; height:100%; }
.company-branch-gallery a img { height:100%; }
.product-detail-aside dl > div:last-child { grid-template-columns:1fr; }
.product-detail-aside .service-phone { font-size:clamp(21px,6.5vw,28px); }
.company-branch-gallery img { object-position:center 65%; }
.prose-content a[href^="tel:"] { font-family:var(--font-sans); font-size:28px; font-weight:800; }
.mlpd-table-scroll { overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:2px solid #ba8b3f; outline-offset:4px; }
@media(max-width:1100px) {
 .footer-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:34px; }
 .footer-grid > :last-child { grid-column:auto; }
 .mlpd-content-grid { grid-template-columns:minmax(0,1fr) 275px; gap:32px; }
}
@media(max-width:900px) {
 .contact-service { grid-template-columns:minmax(0,1fr) 280px; gap:28px; padding:30px; }
 .mlpd-content-grid { grid-template-columns:1fr; }
 .mlpd-source-panel { position:static; order:2; }
 .mlpd-copy { order:1; }
 .site-shell,.hero-copy,.mlpd-copy,.prose-content,.article-layout>* { min-width:0; }
}
@media(max-width:600px) {
 .site-shell { width:calc(100% - 36px); }
 .section-space { padding-block:48px; }
 .brand strong { font-size:17px; }
 .brand small { font-size:9px; letter-spacing:.04em; }
 .header-inner { min-height:70px; }
 .mobile-nav summary { min-width:44px; min-height:44px; display:grid; place-items:center; }
 .mobile-nav nav a { min-height:44px; display:flex; align-items:center; }
 .hero-copy h1 { font-size:clamp(31px,8.7vw,46px); line-height:1.35; letter-spacing:-.025em; }
 .hero-actions { align-items:stretch; }
 .hero-actions .button { flex:1 1 100%; }
 .hero-assurances { flex-wrap:wrap; gap:10px 14px; }
 .company-profile-heading h2,.company-branches-heading h2 { font-size:29px; }
 .company-branch-card { padding:18px; }
 .company-branch-card h3 { font-size:21px; }
 .company-branch-gallery { grid-template-columns:1fr; gap:16px; }
 .company-branch-gallery figure { margin:0; aspect-ratio:4/5; }
 .company-branch-gallery img { width:100%; height:100%; aspect-ratio:4/5; object-fit:cover; }
 .company-profile-brand-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .company-profile-brand-list span { min-width:0; }
 .home-contact-actions { width:100%; gap:20px; }
 .home-contact-actions .service-phone { font-size:32px; }
 .contact-service { grid-template-columns:1fr; padding:24px 20px; gap:32px; }
 .contact-service-copy .service-phone { font-size:clamp(29px,8.8vw,42px); }
 .contact-service-copy .button { width:100%; }
 .contact-service-qr img { width:min(264px,100%); height:auto; }
 .footer-grid { grid-template-columns:1fr; gap:30px; }
 .footer-grid > :last-child { grid-column:auto; }
 .footer-brand { min-width:0; gap:12px; }
 .footer-brand strong { font-size:18px; }
 .footer-links a { min-height:40px; display:flex; align-items:center; }
 .footer-wechat a { max-width:204px; }
 .footer-wechat img { width:204px; }
 .footer-links .service-phone { font-size:32px; }
 .footer-bottom { flex-wrap:wrap; text-align:center; justify-content:center; }
 .footer-icp { font-size:12px; }
 .ml-hero-copy h1 { font-size:42px; }
 .ml-card-body { padding:22px; }
 .ml-intro,.ml-details ul { font-size:14px; line-height:1.9; }
 .ml-type { font-size:13px; }
 .ml-detail-link,.ml-consult,.ml-details summary { min-height:44px; font-size:13px; align-items:center; }
 .ml-filters { gap:4px; }
 .ml-filters button { min-height:44px; padding-inline:12px; font-size:13px; }
 .mlpd-hero-grid { padding-block:30px 36px; gap:30px; }
 .mlpd-hero h1 { font-size:clamp(38px,11vw,54px); line-height:1.25; }
 .mlpd-lead,.mlpd-copy-block p,.mlpd-copy-block li { font-size:15px; line-height:1.9; }
 .mlpd-content-section,.mlpd-brochure-section { padding-block:45px; }
 .mlpd-copy-block { grid-template-columns:25px minmax(0,1fr); gap:12px; padding-block:25px; }
 .mlpd-copy-block h3 { font-size:23px; }
 .mlpd-table-block { padding:18px 12px; }
 .mlpd-table-block table { min-width:420px; font-size:13px; }
 .mlpd-table-block th,.mlpd-table-block td { padding:12px; }
 .mlpd-brochure-head { display:block; }
 .mlpd-brochure-head > p { text-align:left; margin-top:15px; }
 .mlpd-brochure-card > a > span { opacity:1; transform:none; }
 .mlpd-source-panel { padding:24px; }
 .mlpd-product-nav .site-shell { gap:16px; }
 .mlpd-product-nav a { min-width:0; overflow-wrap:anywhere; }
 .flagship-product-card { grid-template-columns:1fr; }
 .flagship-product-media,.flagship-product-media img { min-height:0; height:auto; }
 .flagship-product-media img { width:100%; aspect-ratio:4/5; object-fit:contain; }
 .flagship-product-body { padding:26px 22px; }
 .flagship-product-intro,.flagship-product-type { font-size:14px; line-height:1.9; }
 .flagship-product-facts dt,.flagship-product-facts dd { font-size:13px; }
 .flagship-product-footer .text-link { font-size:14px; min-height:44px; display:flex; align-items:center; }
 .page-hero h1,.article-hero h1 { font-size:clamp(30px,9vw,40px); line-height:1.4; overflow-wrap:anywhere; }
 .prose-content { overflow-wrap:anywhere; }
 .prose-content table { max-width:100%; -webkit-overflow-scrolling:touch; }
 .product-detail-layout { grid-template-columns:minmax(0,1fr); }
 .product-card-body { min-width:0; }
}
/* Mobile-only navigation and compact footer; desktop rules remain untouched. */
@media(max-width:900px) {
 .mobile-product-nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding-bottom:12px; }
 .mobile-product-nav a { display:flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:8px 12px; border:1px solid rgba(255,255,255,.22); border-radius:7px; color:#e8eee8; background:rgba(255,255,255,.045); font-size:14px; font-weight:600; }
 .mobile-product-nav a.mobile-product-featured { color:#e4b965; border-color:rgba(228,185,101,.5); background:rgba(228,185,101,.08); }
 .mobile-product-featured span { width:6px; height:6px; border-radius:50%; background:currentColor; }
 .mobile-product-nav a[aria-current="page"] { color:#103c2c; background:#e4b965; border-color:#e4b965; }
 .mobile-product-nav a:active { transform:translateY(1px); }
 .mobile-nav { z-index:5; }
}
@media(max-width:600px) {
 .site-footer { padding-top:30px; }
 .footer-grid { gap:22px; padding-bottom:24px; }
 .footer-brand .brand-mark { width:34px; height:34px; flex:0 0 34px; }
 .footer-brand strong { font-size:16px; line-height:1.5; }
 .footer-brand p { margin:5px 0 3px; font-size:11px; }
 .footer-brand small { font-size:10px; line-height:1.5; }
 .footer-grid > .footer-links:nth-child(2) { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 8px; }
 .footer-links p { grid-column:1/-1; margin:0 0 5px; }
 .footer-links a { min-height:44px; margin:0; font-size:12px; }
 .footer-grid > .footer-links:nth-child(3) { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 12px; }
 .footer-links > span,.footer-links .service-phone { grid-column:1/-1; }
 .footer-links > span { font-size:11px; line-height:1.7; }
 .footer-links .service-phone { font-size:28px; min-height:42px; margin:0 0 5px; }
 .footer-wechat { display:grid; grid-template-columns:153px minmax(0,1fr); align-items:center; column-gap:16px; row-gap:8px; }
 .footer-wechat > a { grid-column:1; grid-row:1/3; width:153px; max-width:153px; }
 .footer-wechat img { width:153px; height:153px; }
 .footer-wechat > p { grid-column:2; margin:0; align-self:end; font-size:13px; }
 .footer-wechat > span { grid-column:2; margin:0; align-self:start; line-height:1.8; font-size:11px; }
 .footer-bottom { min-height:74px; gap:6px; padding-block:14px; font-size:10px; }
 .footer-icp { font-size:10px; }
}
.product-promise { position:relative; margin:20px 0; padding:17px 19px; border:1px solid #dcb869; border-left:4px solid #be8b2f; border-radius:8px; background:linear-gradient(120deg,#fff8e9,#f6e7c7); color:#173e30; text-align:left; }
.product-promise .product-promise-title { display:block; margin:0 0 9px; color:#865414; font-size:14px; font-weight:800; letter-spacing:.1em; line-height:1.5; }
.product-promise-lines { display:flex; flex-wrap:wrap; gap:5px 14px; }
.product-promise-lines strong { white-space:nowrap; font-size:21px; font-weight:800; line-height:1.55; }
.product-promise-taiweiru .product-promise-lines { color:#9b3023; }
.mlpd-hero-copy .product-promise-lines strong,.product-hero-copy .product-promise-lines strong { font-size:25px; }
.product-spotlight:has(> .product-promise) { padding-bottom:160px; }
.product-spotlight > .product-promise { position:absolute; z-index:4; left:20px; right:20px; bottom:44px; margin:0; }
.product-spotlight:has(> .product-promise) .product-spotlight-figure { bottom:200px; }
@media(max-width:600px) {
 .product-promise { padding:14px; margin:17px 0; }
 .product-promise-lines strong,.mlpd-hero-copy .product-promise-lines strong,.product-hero-copy .product-promise-lines strong { font-size:20px; }
 .product-promise-lines { gap:4px 10px; }
}
.ml-collection .ml-grid,.flagship-product-grid { grid-auto-rows:1fr; align-items:stretch; }
.ml-card { display:flex; flex-direction:column; }
.ml-card[hidden] { display:none; }
.ml-card .ml-media { flex-shrink:0; }
.ml-card .ml-card-body { flex:1; }
.ml-card-body > .product-promise,.flagship-product-body > .product-promise { margin:0 0 18px; padding:12px 14px; }
.ml-card-body > .product-promise .product-promise-title,.flagship-product-body > .product-promise .product-promise-title { margin-bottom:5px; font-size:13px; }
.ml-card-body > .product-promise .product-promise-lines strong,.flagship-product-body > .product-promise .product-promise-lines strong { font-size:18px; }
.ml-card-body:has(> .product-promise) .ml-intro { min-height:0; }