:root { --mn-primary: #2563eb; --mn-primary-light: #eff6ff; --mn-text-dark: #0f172a; --mn-text-gray: #64748b; --mn-bg-glass: rgba(255, 255, 255, 0.95); --mn-border: #e2e8f0; --mn-radius: 12px; }
* { margin: 0; border: 0; padding: 0; }
.mn-wrapper * { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
.mn-wrapper { background: #f8fafc; color: var(--mn-text-dark); }
.mn-icon { width: 16px; height: 16px; fill: currentColor; vertical-align: middle; flex-shrink: 0; display: inline-block; }
.mn-header { position:fixed; top: 0; left: 0; right: 0; height: 64px; background: var(--mn-bg-glass); backdrop-filter: blur(12px); z-index: 1000; display: none; align-items: center; justify-content: space-between; padding: 0 16px; border-bottom: 1px solid var(--mn-border); }
.mn-header__logo img { height: 40px; display: block; }
.mn-header__actions { display: flex; align-items: center; gap: 4px; }
.mn-btn-icon { width: 40px; height: 40px; border-radius: 50%; border: none; background: transparent; color: var(--mn-text-dark); font-size: 18px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.2s; }
.mn-btn-icon:active { background: rgba(0, 0, 0, 0.05); }
.mn-lang-trigger { display: flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 20px; border: 1px solid var(--mn-border); background: white; cursor: pointer; font-size: 13px; font-weight: 600; color: var(--mn-text-dark); transition: all 0.2s; height: 36px; }
.mn-lang-trigger:active { background: #f1f5f9; }
.mn-lang-trigger__flag { width: 18px; height: 12px; border-radius: 2px; object-fit: cover; }
.mn-lang-trigger__code { line-height: 1; }
.mn-lang-trigger__arrow { width: 10px; height: 10px; color: var(--mn-text-gray); transition: transform 0.3s; }
.mn-lang-trigger.is-active .mn-lang-trigger__arrow { transform: rotate(180deg); }
.mn-search { position: fixed; top: 64px; left: 0; right: 0; background: white; padding: 12px 16px; border-bottom: 1px solid var(--mn-border); transform: translateY(-120%); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: 99; display: flex; gap: 10px; align-items: center; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); }
.mn-search.is-active { transform: translateY(0);}
.mn-search__input-wrap { flex: 1; display: flex; align-items: center; background: #f1f5f9; border-radius: 8px; padding: 0 12px; height: 44px; }
.mn-search__input-wrap .mn-icon { color: #94a3b8; font-size: 16px; }
.mn-search__input { flex: 1; border: none; background: transparent; outline: none; font-size: 15px; margin-left: 8px; color: var(--mn-text-dark); }
.mn-search__submit { background: var(--mn-primary); color: white; border: none; height: 44px; padding: 0 20px; border-radius: 8px; font-weight: 600; font-size: 14px; cursor: pointer; white-space: nowrap; }
.mn-search__close { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; color: var(--mn-text-gray); font-size: 20px; cursor: pointer; }
.mn-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 2000; opacity: 0; visibility: hidden; transition: all 0.3s; }
.mn-overlay.is-active { opacity: 1; visibility: visible; }
.mn-menu-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.4); z-index: 1001; opacity: 0; visibility: hidden; transition: 0.3s; }
.mn-menu-overlay.is-active { opacity: 1; visibility: visible; }
.mn-sidebar { position: fixed; top: 0; right: 0; bottom: 0; width: 85%; max-width: 320px; background: white; z-index: 1002; transform: translateX(100%); transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); display: flex; flex-direction: column; }
.mn-sidebar.is-active { transform: translateX(0); }
.mn-sidebar__header { padding: 16px 20px; border-bottom: 1px solid var(--mn-border); display: flex; justify-content: space-between; align-items: center; }
.mn-sidebar__title { font-weight: 700; color: var(--mn-primary); font-size: 16px; }
.mn-sidebar__body { flex: 1; overflow-y: auto; padding: 8px 0; }
.mn-nav { list-style: none; }
.mn-nav__item { border-bottom: 1px solid #f1f5f9; }
.mn-nav__link { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; color: var(--mn-text-dark); text-decoration: none; font-size: 15px; font-weight: 500; cursor: pointer; }
.mn-nav__link--has-sub .mn-nav__arrow { width: 16px; height: 16px; color: var(--mn-text-gray); transition: transform 0.3s; flex-shrink: 0; margin-left: 8px; }
.mn-nav__item.is-open > .mn-nav__link--has-sub .mn-nav__arrow { transform: rotate(90deg); color: var(--mn-primary); }
.mn-nav__item.is-open > .mn-nav__link { color: var(--mn-primary); }
.mn-nav__sub { max-height: 0; overflow: hidden; background: #fafbfc; transition: max-height 0.4s ease; list-style: none; }
.mn-nav__item.is-open > .mn-nav__sub { max-height: 1000px; }
.mn-nav__sub .mn-nav__link { padding-left: 40px; font-size: 14px; font-weight: 400; }
.mn-nav__sub .mn-nav__sub .mn-nav__link { padding-left: 60px; font-size: 13px; color: var(--mn-text-gray); }


/* ===== base ===== */
:root { --color-primary:#0b4f9e; --color-primary-dark:#073873; --color-primary-light:#1f6fc4; --color-accent:#14b3d6; --color-accent-soft:#7fdcec; --color-ink:#102a43; --color-text:#3a4a5b; --color-muted:#7c8a99; --color-line:#e3e9f0; --color-bg:#f7f9fc; --color-footer:#08152e; --color-footer-2:#0c1e3d; --color-footer-text:#9fb2cc; --color-footer-title:#cfe0f5; --container:1400px; --radius:10px; --radius-lg:16px; --shadow-sm:0 6px 18px -10px rgba(16,42,67,.18); --shadow-md:0 18px 40px -22px rgba(11,79,158,.32); --shadow-lg:0 30px 60px -30px rgba(8,21,46,.45); --ease:cubic-bezier(.22,.61,.36,1); --font:"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Segoe UI",Helvetica,Arial,sans-serif; --font-display:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif; }
* { margin:0; padding:0; box-sizing:border-box; }
html { font-size:16px; -webkit-text-size-adjust:100%; scroll-behavior:smooth; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
body { font-family:var(--font); color:var(--color-text); background:#fff; line-height:1.6; overflow-x:hidden; }
img { max-width:100%; display:block; border:0; }
a { text-decoration:none; color:inherit; transition:color .3s var(--ease); }
ul,ol { list-style:none; }
button { border:none; background:none; cursor:pointer; font-family:inherit; }
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,figure,blockquote,fieldset { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 { font-size:inherit; font-weight:inherit; }
table { border-collapse:collapse; border-spacing:0; }
th,td { text-align:left; font-weight:normal; }
input,textarea,select { font-family:inherit; font-size:inherit; margin:0; }
input,textarea { outline:none; }
select { appearance:none; -webkit-appearance:none; -moz-appearance:none; }
fieldset { border:none; }
figure { margin:0; }
blockquote { margin:0; padding:0; }
hr { border:none; height:0; }
video { outline:none; }
svg { display:block; }
.container { max-width:var(--container); margin:0 auto; padding:0 40px; }
.site-main { min-height:60vh; }
.section { padding:90px 0; }
.section-head { text-align:center; max-width:760px; margin:0 auto 56px; }
.section-title { font-size:34px; font-weight:700; color:var(--color-ink); position:relative; padding-bottom:18px; margin-bottom:14px; }
.section-title::after { content:''; position:absolute; left:50%; bottom:0; width:60px; height:4px; border-radius:2px; background:linear-gradient(90deg,var(--color-primary),var(--color-accent)); transform:translateX(-50%); }
.section-subtitle { font-size:15px; color:var(--color-muted); line-height:1.8; }

/* ===== header ===== */
.header-site { position:sticky; top:0; z-index:1000; background:rgba(255,255,255,.95); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); transition:box-shadow .3s var(--ease),background .3s var(--ease); }
.header-site.is-scrolled { box-shadow:0 4px 20px -8px rgba(16,42,67,.12); }
.header-inner { display:flex; align-items:center; height:96px; }
.header-logo { display:flex; align-items:center; gap:12px; flex-shrink:0; }
.header-logo img{height:45px;}
.header-logo-mark { font-size:26px; font-weight:800; color:var(--color-primary); letter-spacing:1px; font-family:var(--font-display); }
.header-logo-text { font-size:15px; font-weight:600; color:var(--color-ink); white-space:nowrap; }
.header-nav { margin-left:auto; }
.header-nav-list { display:flex; align-items:center; gap:4px; }
.header-nav-item { position:relative; }
.header-nav-link { display:inline-flex; align-items:center; gap:5px; padding:12px; font-size:16px; font-weight:500; color:var(--color-ink); position:relative; border-radius:8px; transition:color .3s var(--ease),background .3s var(--ease); }
.header-nav-link::after { content:''; position:absolute; left:22px; right:22px; bottom:6px; height:2px; border-radius:1px; background:linear-gradient(90deg,var(--color-primary),var(--color-accent)); transform:scaleX(0); transform-origin:left; transition:transform .3s var(--ease); }
.header-nav-link:hover { color:var(--color-primary); }
.header-nav-link:hover::after { transform:scaleX(1); }
.header-nav-item--active > .header-nav-link { color:var(--color-primary); font-weight:600; }
.header-nav-item--active > .header-nav-link::after { transform:scaleX(1); }
.header-nav-arrow { display:inline-block; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid currentColor; margin-left:4px; transition:transform .3s var(--ease); }
.header-nav-item:hover .header-nav-arrow { transform:rotate(180deg); }
.header-line { height:1px; background:linear-gradient(90deg,transparent,var(--color-line) 20%,var(--color-line) 80%,transparent); }
.header-dropdown { position:absolute; top:100%; left:0; min-width:200px; background:#fff; border:1px solid var(--color-line); border-radius:10px; box-shadow:var(--shadow-md); padding:8px 0; opacity:0; visibility:hidden; transform:translateY(10px); transition:opacity .3s var(--ease),visibility .3s var(--ease),transform .3s var(--ease); }
.header-nav-item:hover .header-dropdown { opacity:1; visibility:visible; transform:translateY(0); }
.header-dropdown::before { content:''; position:absolute; top:-6px; left:24px; width:12px; height:12px; background:#fff; border-left:1px solid var(--color-line); border-top:1px solid var(--color-line); transform:rotate(45deg); }
.header-dropdown-item { display:block; padding:10px 20px; font-size:14px; color:var(--color-text); transition:background .25s var(--ease),color .25s var(--ease),padding-left .25s var(--ease); }
.header-dropdown-item:hover { background:linear-gradient(90deg,rgba(11,79,158,.06),rgba(20,179,214,.06)); color:var(--color-primary); padding-left:26px; }
.header-tools { position:relative; margin-left:50px; flex-shrink:0; }
.header-search-toggle { width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:16px; color:var(--color-ink); transition:background .3s var(--ease),color .3s var(--ease); }
.header-search-toggle:hover { background:var(--color-primary); color:#fff; }
.header-search-toggle.is-active { background:var(--color-primary); color:#fff; }
.header-search-popup { position:absolute; top:calc(100% + 12px); right:0; width:360px; background:#fff; border:1px solid var(--color-line); border-radius:12px; box-shadow:var(--shadow-lg); padding:20px; opacity:0; visibility:hidden; transform:translateY(10px); transition:opacity .3s var(--ease),visibility .3s var(--ease),transform .3s var(--ease); }
.header-search-popup::before { content:''; position:absolute; top:-6px; right:16px; width:12px; height:12px; background:#fff; border-left:1px solid var(--color-line); border-top:1px solid var(--color-line); transform:rotate(45deg); }
.header-search-popup.is-open { opacity:1; visibility:visible; transform:translateY(0); }
.header-search-form { display:flex; gap:10px; }
.header-search-input { flex:1; padding:10px 16px; border:1px solid var(--color-line); border-radius:8px; font-size:14px; color:var(--color-text); font-family:inherit; outline:none; transition:border-color .3s var(--ease); }
.header-search-input:focus { border-color:var(--color-primary); }
.header-search-submit { width:42px; height:42px; border-radius:8px; background:var(--color-primary); color:#fff; display:flex; align-items:center; justify-content:center; font-size:15px; transition:filter .3s var(--ease); }
.header-search-submit:hover { filter:brightness(1.1); }

/* ===== advantages ===== */
.advantages { background:linear-gradient(180deg,#f7f9fc 0%,#fff 100%); }
.advantages-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.advantages-card { position:relative; background:#fff; border:1px solid var(--color-line); border-radius:var(--radius-lg); padding:36px 30px; box-shadow:var(--shadow-sm); overflow:hidden; transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease); }
.advantages-card::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(11,79,158,.06),transparent 70%); opacity:0; transition:opacity .4s var(--ease); pointer-events:none; }
.advantages-card:hover { transform:translateY(-10px); box-shadow:var(--shadow-md); border-color:rgba(11,79,158,.2); }
.advantages-card:hover::before { opacity:1; }
.advantages-icon { width:72px; height:72px; border-radius:18px; display:flex; align-items:center; justify-content:center; font-size:30px; color:#fff; margin-bottom:20px;  }
.advantages-title { font-size:20px; font-weight:700; color:var(--color-ink); margin-bottom:10px; transition:color .3s var(--ease); }
.advantages-card:hover .advantages-title { color:var(--color-primary); }
.advantages-desc { font-size:14px; color:var(--color-muted); line-height:1.8; }

/* ===== products ===== */
.products { background:#fff; }
.products-list { display:flex; flex-direction:column; gap:36px; }
.products-card { display:grid; grid-template-columns:1.05fr 1fr; border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-sm); border:1px solid var(--color-line); transition:transform .4s var(--ease),box-shadow .4s var(--ease); }
.products-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-md); }
.products-card:nth-child(2n) .products-media { order:2; }
.products-card:nth-child(2n) .products-body { order:1; }
.products-media { position:relative; background:linear-gradient(135deg,#eef4fb,#e8f1f8); display:flex; align-items:center; justify-content:center; overflow:hidden; }
.products-media::after { content:''; position:absolute; inset:0; background:radial-gradient(circle at 50% 50%,rgba(11,79,158,.04),transparent 70%); pointer-events:none; }
.products-media img { max-height:360px; width:auto; object-fit:contain; transition:transform .6s var(--ease); }
.products-card:hover .products-media img { transform:scale(1.05); }
.products-body { padding:54px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.products-tag { display:inline-block; font-size:12px; font-weight:600; color:var(--color-primary); background:rgba(11,79,158,.08); padding:4px 14px; border-radius:20px; margin-bottom:16px; }
.products-title { font-size:30px; font-weight:700; color:var(--color-ink); margin-bottom:16px; line-height:1.3; }
.products-desc { font-size:15px; color:var(--color-text); line-height:1.9; max-width:460px; margin-bottom:28px; }
.products-btn { position:relative; display:inline-flex; align-items:center; gap:8px; padding:12px 32px; font-size:15px; font-weight:600; color:var(--color-primary); border:2px solid var(--color-primary); border-radius:30px; overflow:hidden; transition:color .3s var(--ease); z-index:1; }
.products-btn::before { content:''; position:absolute; inset:0; background:linear-gradient(135deg,var(--color-primary),var(--color-accent)); transform:scaleX(0); transform-origin:left; transition:transform .3s var(--ease); z-index:-1; }
.products-btn:hover { color:#fff; }
.products-btn:hover::before { transform:scaleX(1); }
.products-btn i { font-size:13px; transition:transform .3s var(--ease); }
.products-btn:hover i { transform:translateX(3px); }

/* ===== cases ===== */
.cases { background:radial-gradient(circle at 50% 0%,#eef4fb,#f7f9fc 60%); }
.cases-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.cases-item { display:flex; flex-direction:column; background:#fff; border:1px solid var(--color-line); border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-sm); transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease); }
.cases-item:hover { transform:translateY(-8px); box-shadow:var(--shadow-md); border-color:rgba(11,79,158,.2); }
.cases-media { position:relative; height:200px; overflow:hidden; }
.cases-media::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 50%,rgba(8,21,46,.15)); pointer-events:none; }
.cases-media img { width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease); }
.cases-item:hover .cases-media img { transform:scale(1.08); }
.cases-body { padding:22px 24px 26px; flex:1; display:flex; flex-direction:column; }
.cases-title { font-size:17px; font-weight:700; color:var(--color-ink); margin-bottom:8px; transition:color .3s var(--ease); }
.cases-item:hover .cases-title { color:var(--color-primary); }
.cases-desc { font-size:13px; color:var(--color-muted); line-height:1.8; margin-bottom:14px; flex:1; }
.cases-link { display:inline-flex; align-items:center; gap:6px; font-size:14px; font-weight:600; color:var(--color-primary); transition:gap .3s var(--ease); }
.cases-link i { font-size:12px; }
.cases-item:hover .cases-link { gap:10px; }

/* ===== footer ===== */
.footer-site { position:relative; background:linear-gradient(180deg,#0a1530 0%,#0d1d3d 50%,#0a1530 100%); padding:64px 0 0; }
.footer-site::before { content:""; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--color-primary),var(--color-accent),transparent); }
.footer-site::after { content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:600px; height:200px; background:radial-gradient(ellipse at center,rgba(20,179,214,.06),transparent 70%); pointer-events:none; }
.footer-inner { display:grid; grid-template-columns:1.6fr 1fr; gap:60px; padding-bottom:40px; position:relative; z-index:1; }
.footer-info { display:flex; flex-wrap:wrap; gap:40px 50px; }
.footer-block { min-width:220px; }
.footer-block-title { font-size:14px; font-weight:700; color:var(--color-footer-title); margin-bottom:18px; display:flex; align-items:center; gap:8px; position:relative; padding-left:14px; }
.footer-block-title::before { content:""; position:absolute; left:0; top:2px; bottom:2px; width:3px; border-radius:2px; background:linear-gradient(180deg,var(--color-accent),var(--color-primary)); }
.footer-block-title i { color:var(--color-accent); font-size:14px; }
.footer-hotline-list { display:flex; flex-direction:column; }
.footer-hotline-list li { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid rgba(255,255,255,.06); transition:border-color .3s var(--ease); }
.footer-hotline-list li:hover { border-bottom-color:rgba(20,179,214,.25); }
.footer-hotline-list li:last-child { border-bottom:none; }
.footer-hotline-label { font-size:13px; color:#9fb2cc; }
.footer-hotline-num { font-size:15px; font-weight:700; color:#fff; letter-spacing:.5px; }
.footer-contact-list { display:flex; flex-direction:column; gap:14px; }
.footer-contact-row { display:flex; align-items:flex-start; gap:10px; font-size:13px; color:#9fb2cc; line-height:1.7; }
.footer-contact-row i { color:var(--color-accent); font-size:13px; margin-top:4px; flex-shrink:0; }
.footer-contact-row span { flex:1; overflow-wrap:break-word; }
.footer-contact-row a { color:var(--color-accent); transition:color .25s var(--ease); }
.footer-contact-row a:hover { color:#fff; }
.footer-links { display:flex; flex-wrap:wrap; gap:20px; }
.footer-link { font-size:12px; color:#9fb2cc; transition:color .3s var(--ease); }
.footer-link:hover { color:var(--color-accent); }
.footer-brand { display:flex; flex-direction:column; align-items:center; gap:16px; }
.footer-brand-logo { display:flex; align-items:center; gap:12px; }
.footer-brand-logo img{height:45px;}
.footer-logo-mark { font-size:36px; font-weight:900; color:var(--color-accent); letter-spacing:1px; font-family:var(--font-display); text-shadow:0 0 24px rgba(20,179,214,.3); }
.footer-logo-text { font-size:18px; font-weight:600; color:#fff; white-space:nowrap; padding-left:12px; border-left:1px solid rgba(255,255,255,.15); }
.footer-slogan { font-size:14px; color:var(--color-accent-soft); text-align:center; letter-spacing:2px; }
.footer-qr { text-align:center; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:12px; padding:18px 24px; }
.footer-qr-title { font-size:13px; font-weight:600; color:var(--color-footer-title); margin-bottom:12px; }
.footer-qr-img { width:120px; height:120px; margin:0 auto 8px; border-radius:8px; overflow:hidden; background:#fff; box-shadow:0 8px 24px -8px rgba(0,0,0,.4); }
.footer-qr-img img { width:100%; height:100%; object-fit:cover; }
.footer-qr-tip { font-size:12px; color:#6f819b; }
.footer-copyright { display:flex; align-items:center; justify-content:center; gap:20px; font-size:12px; color:#6f819b; white-space:nowrap; border-top:1px solid rgba(255,255,255,.06); padding-top:20px; margin-top:10px; }
.footer-copyright i { margin-right:4px; }

/* ===== list ===== */
.list-banner { position:relative; min-height:320px; background:url(../images/banner-hearing.jpg) center/cover no-repeat; display:flex; align-items:center; }
.list-banner-overlay { position:absolute; inset:0; background:linear-gradient(180deg,rgba(8,21,46,.5),rgba(8,21,46,.7)); }
.list-banner-content { position:relative; z-index:1; text-align:left; display:flex; flex-direction:column; justify-content:center; height:100%; }
.list-banner-title { font-size:42px; font-weight:700; color:#fff; margin-bottom:10px; }
.list-banner-desc { font-size:16px; color:#fff; opacity:.85; }
.list-layout { display:flex; gap:28px; padding:48px 40px 60px; }
.list-sidebar { width:250px; flex-shrink:0; }
.list-sidebar-head { display:flex; align-items:center; gap:8px; padding:14px 20px; background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark)); color:#fff; font-size:16px; font-weight:600; border-radius:10px 10px 0 0; }
.list-sidebar-nav { background:#fff; border:1px solid var(--color-line); border-top:none; border-radius:0 0 10px 10px; overflow:hidden; }
.list-cat { border-bottom:1px solid var(--color-line); }
.list-cat:last-child { border-bottom:none; }
.list-cat-link { display:flex; align-items:center; gap:6px; padding:12px 16px; font-size:14px; font-weight:500; color:var(--color-ink); transition:background .25s var(--ease),color .25s var(--ease); }
.list-cat-link:hover { background:var(--color-bg); color:var(--color-primary); }
.list-cat-link i { font-size:12px; color:var(--color-muted); }
.list-sub { padding:4px 0 8px 16px; }
.list-sub li a { display:flex; align-items:center; gap:6px; padding:8px 16px; font-size:13px; color:var(--color-muted); transition:color .25s var(--ease),padding-left .25s var(--ease); }
.list-sub li a:hover { color:var(--color-primary); padding-left:20px; }
.list-sub li a i { font-size:11px; }
.list-sidebar-contact { margin-top:20px; background:linear-gradient(135deg,var(--color-footer),var(--color-footer-2)); border-radius:10px; padding:20px; }
.list-sidebar-contact-title { font-size:15px; font-weight:600; color:var(--color-footer-title); margin-bottom:16px; }
.list-sidebar-contact-row { display:flex; align-items:flex-start; gap:8px; font-size:13px; color:var(--color-footer-text); line-height:1.7; margin-bottom:12px; }
.list-sidebar-contact-row:last-child { margin-bottom:0; }
.list-sidebar-contact-row i { color:var(--color-accent); font-size:13px; margin-top:3px; flex-shrink:0; }
.list-sidebar-contact-row span { flex:1; overflow-wrap:break-word; }
.list-sidebar-contact-row strong { color:#fff; font-weight:600; }
.list-content { flex:1; min-width:0; }
.list-breadcrumb { display:flex; align-items:center; gap:6px; font-size:13px; color:var(--color-muted); margin-bottom:24px; }
.list-breadcrumb a { color:var(--color-muted); transition:color .25s var(--ease); }
.list-breadcrumb a:hover { color:var(--color-primary); }
.list-breadcrumb > span { color:var(--color-primary); font-weight:600; }
.list-breadcrumb i { font-size:11px; color:var(--color-muted); }
.list-intro { margin-bottom:32px; }
.list-intro-title { font-size:26px; font-weight:700; color:var(--color-ink); margin-bottom:12px; }
.list-intro-text { font-size:14px; color:var(--color-text); line-height:1.8; }
.list-product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.list-product-card { display:block; background:#fff; border:1px solid var(--color-line); border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-sm); transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease); }
.list-product-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-md); border-color:rgba(11,79,158,.2); }
.list-product-img { height:200px; overflow:hidden; background:#eef4fb; }
.list-product-img img { width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease); }
.list-product-card:hover .list-product-img img { transform:scale(1.08); }
.list-product-name { padding:16px; text-align:center; font-size:14px; font-weight:600; color:var(--color-ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:color .3s var(--ease); }
.list-product-card:hover .list-product-name { color:var(--color-primary); }
.list-pagination { display:flex; justify-content:center; gap:8px; margin-top:44px; }
.list-page-btn { display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; padding:0 12px; border:1px solid var(--color-line); border-radius:6px; font-size:14px; color:var(--color-text); background:#fff; transition:all .25s var(--ease); }
.list-page-btn:hover { border-color:var(--color-primary); background:var(--color-primary); color:#fff; }
.list-page-btn--active { background:var(--color-primary); border-color:var(--color-primary); color:#fff; }
.list-page-btn i { font-size:14px; }

/* ===== detail ===== */
.detail-top { display:flex; gap:40px; background:#fff; border:1px solid var(--color-line); border-radius:var(--radius-lg); padding:32px; margin-bottom:40px; }
.detail-gallery { width:50%; flex-shrink:0; }
.detail-gallery-main { border-radius:12px; overflow:hidden; }
.detail-gallery-main .swiper-slide img { width:100%; object-fit:cover; }
.detail-gallery .swiper-button-prev,.detail-gallery .swiper-button-next { width:40px; height:40px; border-radius:50%; background:rgba(11,79,158,.8); color:#fff; display:flex; align-items:center; justify-content:center; font-size:16px; }
.detail-gallery .swiper-button-prev::after,.detail-gallery .swiper-button-next::after { font-size:16px; }
.detail-gallery .swiper-button-prev:hover,.detail-gallery .swiper-button-next:hover { background:var(--color-primary); }
.detail-gallery-thumbs { margin-top:12px; }
.detail-gallery-thumbs .swiper-slide { width:80px; height:80px; border:2px solid transparent; border-radius:8px; overflow:hidden; cursor:pointer; opacity:.6; transition:border-color .3s var(--ease),opacity .3s var(--ease); }
.detail-gallery-thumbs .swiper-slide-thumb-active { border-color:var(--color-primary); opacity:1; }
.detail-gallery-thumbs .swiper-slide img { width:100%; height:100%; object-fit:cover; }
.detail-info { flex:1; padding:0 0 0 40px; display:flex; flex-direction:column; }
.detail-info-name { font-size:28px; font-weight:700; color:var(--color-ink); margin-bottom:16px; line-height:1.4; }
.detail-info-desc { font-size:15px; color:var(--color-text); line-height:1.9; margin-bottom:24px; }
.detail-info-actions { display:flex; gap:16px; margin-bottom:24px; }
.detail-info-btn { display:inline-flex; align-items:center; gap:8px; padding:12px 28px; font-size:14px; font-weight:600; border-radius:30px; transition:filter .3s var(--ease),transform .3s var(--ease),background .3s var(--ease),color .3s var(--ease); }
.detail-info-btn i { font-size:14px; }
.detail-info-btn--primary { background:linear-gradient(135deg,var(--color-primary),var(--color-accent)); color:#fff; }
.detail-info-btn--primary:hover { filter:brightness(1.1); transform:translateY(-2px); }
.detail-info-btn--accent { background:#fff; color:var(--color-primary); border:2px solid var(--color-primary); }
.detail-info-btn--accent:hover { background:var(--color-primary); color:#fff; }
.detail-info-contact { font-size:14px; color:var(--color-muted); }
.detail-info-contact-row { display:flex; align-items:center; gap:8px; margin-bottom:8px; }
.detail-info-contact-row i { color:var(--color-accent); font-size:14px; }
.detail-section { margin-top:40px; background:#fff; border:1px solid var(--color-line); border-radius:var(--radius-lg); padding:40px; }
.detail-section:first-of-type { margin-top:0; }
.detail-section-title { font-size:24px; font-weight:700; color:var(--color-ink); position:relative; padding-bottom:14px; margin-bottom:24px; }
.detail-section-title::after { content:''; position:absolute; left:0; bottom:0; width:50px; height:3px; border-radius:2px; background:linear-gradient(90deg,var(--color-primary),var(--color-accent)); }
.detail-content { font-size:15px; color:var(--color-text); line-height:1.9; }
.detail-content h2 { font-size:22px; font-weight:700; color:var(--color-ink); border-left:4px solid var(--color-accent); padding-left:14px; margin:28px 0 16px; line-height:1.4; }
.detail-content h3 { font-size:17px; font-weight:600; color:var(--color-ink); border-left:3px solid var(--color-primary); padding-left:12px; margin:24px 0 12px; line-height:1.4; }
.detail-content h4 { font-size:16px; font-weight:600; color:var(--color-ink); margin:20px 0 10px; }
.detail-content h5 { font-size:15px; font-weight:600; color:var(--color-ink); margin:16px 0 8px; }
.detail-content h6 { font-size:14px; font-weight:600; color:var(--color-ink); margin:14px 0 6px; }
.detail-content p { font-size:15px; color:var(--color-text); line-height:1.9; margin-bottom:14px; }
.detail-content ul { margin:12px 0 16px; padding-left:0; }
.detail-content ul li { position:relative; padding-left:24px; margin-bottom:8px; font-size:15px; color:var(--color-text); line-height:1.8; }
.detail-content ul li::before { content:'\f00c'; font-family:FontAwesome; font-size:14px; color:var(--color-accent); position:absolute; left:0; top:2px; }
.detail-content ol { margin:12px 0 16px; padding-left:0; counter-reset:ol-counter; }
.detail-content ol li { position:relative; padding-left:32px; margin-bottom:10px; font-size:15px; color:var(--color-text); line-height:1.8; counter-increment:ol-counter; }
.detail-content ol li::before { content:counter(ol-counter); position:absolute; left:0; top:0; width:20px; height:20px; border-radius:50%; background:linear-gradient(135deg,var(--color-primary),var(--color-accent)); color:#fff; font-size:12px; font-weight:600; display:flex; align-items:center; justify-content:center; }
.detail-content img {display:inline;max-width:100%; border-radius:8px; margin:16px 0; box-shadow:var(--shadow-sm); }
.detail-content table { width:100%; border-collapse:separate; border-spacing:0; margin:16px 0; font-size:14px; overflow:hidden; border:1px solid var(--color-line); border-radius:8px; }
.detail-content table th { background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark)); color:#fff; font-weight:600; padding:12px 16px; text-align:left; }
.detail-content table td { padding:11px 16px; border-bottom:1px solid var(--color-line); color:var(--color-text); }
.detail-content table tbody tr:nth-child(even) { background:rgba(11,79,158,.03); }
.detail-content table tbody tr:hover { background:rgba(11,79,158,.06); }
.detail-content video { max-width:100%; border-radius:8px; margin:16px 0; background:#000; }
.detail-content blockquote { border-left:4px solid var(--color-accent); background:var(--color-bg); padding:16px 24px; margin:20px 0; border-radius:0 8px 8px 0; color:var(--color-text); }
.detail-content strong { font-weight:700; color:var(--color-ink); }
.detail-content em { font-style:italic; color:var(--color-accent); }
.detail-form-section { margin-top:40px; background:#fff; border:1px solid var(--color-line); border-radius:var(--radius-lg); padding:40px; scroll-margin-top:110px; }
.detail-form { margin-top:24px; }
.detail-form-row { display:flex; gap:20px; margin-bottom:20px; }
.detail-form-field { flex:1; display:flex; flex-direction:column; margin-bottom:20px; }
.detail-form-row .detail-form-field { margin-bottom:0; }
.detail-form-label { font-size:14px; font-weight:600; color:var(--color-ink); margin-bottom:8px; }
.detail-form-required { color:#e74c3c; }
.detail-form-input { padding:12px 16px; border:1px solid var(--color-line); border-radius:8px; font-size:15px; color:var(--color-text); font-family:inherit; outline:none; transition:border-color .3s var(--ease); }
.detail-form-input:focus { border-color:var(--color-primary); }
.detail-form-textarea { padding:12px 16px; border:1px solid var(--color-line); border-radius:8px; font-size:15px; color:var(--color-text); font-family:inherit; outline:none; resize:vertical; min-height:120px; transition:border-color .3s var(--ease); }
.detail-form-textarea:focus { border-color:var(--color-primary); }
.detail-form-actions { margin-top:8px; }
.detail-form-submit { display:inline-flex; align-items:center; gap:8px; padding:14px 40px; background:linear-gradient(135deg,var(--color-primary),var(--color-accent)); color:#fff; border:none; border-radius:30px; font-size:15px; font-weight:600; font-family:inherit; cursor:pointer; transition:filter .3s var(--ease),transform .3s var(--ease); }
.detail-form-submit i { font-size:14px; }
.detail-form-submit:hover { filter:brightness(1.1); transform:translateY(-2px); }

/* ===== chain ===== */
.chain-subnav { background:#fff; border-bottom:1px solid var(--color-line); box-shadow:0 2px 12px -8px rgba(16,42,67,.1); }
.chain-subnav-inner { display:flex; justify-content:space-between; align-items:center; height:56px; }
.chain-subnav-menu { display:flex; align-items:center; }
.chain-subnav-menu a { padding:8px 24px; font-size:15px; font-weight:500; color:var(--color-text); position:relative; transition:color .3s var(--ease); }
.chain-subnav-menu a::after { content:''; position:absolute; left:24px; right:24px; bottom:0; height:2px; background:var(--color-primary); transform:scaleX(0); transform-origin:left; transition:transform .3s var(--ease); }
.chain-subnav-menu a:hover { color:var(--color-primary); }
.chain-subnav-menu a:hover::after { transform:scaleX(1); }
.chain-subnav-menu a.chain-subnav-current { color:var(--color-primary); font-weight:600; }
.chain-subnav-menu a.chain-subnav-current::after { transform:scaleX(1); }
.chain-subnav-crumb { display:flex; align-items:center; gap:6px; font-size:13px; color:var(--color-muted); }
.chain-subnav-crumb a { color:var(--color-muted); transition:color .25s var(--ease); }
.chain-subnav-crumb a:hover { color:var(--color-primary); }
.chain-subnav-crumb span { color:var(--color-primary); font-weight:600; }
.chain-subnav-crumb i { font-size:11px; color:var(--color-muted); }
.chain-main { padding:48px 40px 60px; }
.chain-article-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-bottom:44px; }
.chain-article-card { display:flex; flex-direction:column; background:#fff; border:1px solid var(--color-line); border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-sm); transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease); }
.chain-article-card:hover { transform:translateY(-6px); box-shadow:var(--shadow-md); border-color:rgba(11,79,158,.2); }
.chain-article-img { height:200px; overflow:hidden; background:#eef4fb; }
.chain-article-img img { width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease); }
.chain-article-card:hover .chain-article-img img { transform:scale(1.08); }
.chain-article-body { padding:22px 24px 26px; display:flex; flex-direction:column; flex:1; }
.chain-article-date { display:flex; align-items:center; gap:6px; font-size:13px; color:var(--color-muted); margin-bottom:10px; }
.chain-article-date i { font-size:13px; color:var(--color-accent); }
.chain-article-title { font-size:16px; font-weight:700; color:var(--color-ink); line-height:1.6; margin-bottom:10px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:color .3s var(--ease); }
.chain-article-card:hover .chain-article-title { color:var(--color-primary); }
.chain-article-desc { font-size:13px; color:var(--color-muted); line-height:1.8; margin-bottom:16px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.chain-article-link { display:inline-flex; align-items:center; gap:6px; font-size:14px; font-weight:600; color:var(--color-primary); margin-top:auto; transition:gap .3s var(--ease); }
.chain-article-link i { font-size:12px; }
.chain-article-card:hover .chain-article-link { gap:10px; }
.chain-news-card:hover .chain-article-link { gap:10px; }
.chain-article-main { padding:48px 40px 60px }
.chain-article-detail { background:#fff; border:1px solid var(--color-line); border-radius:var(--radius-lg); padding:40px 48px; box-shadow:var(--shadow-sm); margin-bottom:40px; }
.chain-article-heading { font-size:26px; font-weight:700; color:var(--color-ink); line-height:1.5; margin-bottom:20px; }
.chain-article-meta { display:flex; gap:24px; flex-wrap:wrap; font-size:13px; color:var(--color-muted); padding-bottom:16px; border-bottom:1px solid var(--color-line); margin-bottom:20px; }
.chain-article-meta span { display:inline-flex; align-items:center; gap:6px; }
.chain-article-meta i { font-size:13px; color:var(--color-accent); }
.chain-article-slogan { font-size:15px; font-weight:600; color:#c0392b; letter-spacing:1px; margin-bottom:24px; padding:14px 20px; background:rgba(192,57,43,.05); border-left:3px solid #c0392b; border-radius:0 6px 6px 0; }
.chain-article-detail .detail-content { padding-top:8px; }
.chain-news { margin-top:0; }
.chain-news-head { display:flex; align-items:center; gap:8px; height:50px; padding:0 24px; background:var(--color-bg); border:1px solid var(--color-line); border-bottom:none; border-radius:8px 8px 0 0; font-size:17px; font-weight:700; letter-spacing:2px; color:var(--color-ink); }
.chain-news-head i { color:var(--color-accent); }
.chain-news-list { display:flex; flex-direction:column; gap:20px; padding:24px; background:#fff; border:1px solid var(--color-line); border-radius:0 0 8px 8px; box-shadow:var(--shadow-sm); }
.chain-news-card { display:flex; flex-direction:row; background:var(--color-bg); border:1px solid var(--color-line); border-radius:10px; overflow:hidden; box-shadow:var(--shadow-sm); transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease); }
.chain-news-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-md); border-color:rgba(11,79,158,.2); }
.chain-news-img { width:280px; flex-shrink:0; overflow:hidden; background:#eef4fb; }
.chain-news-img img { width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease); }
.chain-news-card:hover .chain-news-img img { transform:scale(1.08); }
.chain-news-body { flex:1; padding:20px 28px; display:flex; flex-direction:column; }
.chain-news-title { font-size:17px; font-weight:700; color:var(--color-ink); line-height:1.5; margin-bottom:10px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:color .3s var(--ease); }
.chain-news-card:hover .chain-news-title { color:var(--color-primary); }

/* ===== 验配网点查询 (chain-store) ===== */
.chain-store-main { padding:48px 40px 60px; }
.chain-store-search { background:linear-gradient(135deg,rgba(11,79,158,.04),rgba(20,179,214,.06)); border:1px solid var(--color-line); border-radius:var(--radius-lg); padding:28px 32px; margin-bottom:40px; }
.chain-store-search-tip { font-size:14px; color:var(--color-muted); margin-bottom:20px; display:flex; align-items:center; gap:6px; }
.chain-store-search-tip i { color:var(--color-accent); font-size:15px; }
.chain-store-search-row { display:flex; align-items:center; gap:16px; }
.chain-store-select-wrap { position:relative; flex:1; }
.chain-store-select { width:100%; appearance:none; -webkit-appearance:none; -moz-appearance:none; padding:12px 40px 12px 16px; font-size:14px; font-family:inherit; color:var(--color-text); background:#fff; border:1.5px solid var(--color-line); border-radius:8px; outline:none; cursor:pointer; transition:border-color .3s var(--ease); }
.chain-store-select:hover { border-color:var(--color-primary-light); }
.chain-store-select:focus { border-color:var(--color-primary); }
.chain-store-select-arrow { position:absolute; right:14px; top:50%; transform:translateY(-50%); font-size:14px; color:var(--color-muted); pointer-events:none; transition:transform .3s var(--ease); }
.chain-store-search-input { flex:1; padding:12px 18px; font-size:14px; font-family:inherit; color:var(--color-text); background:#fff; border:1.5px solid var(--color-line); border-radius:8px; outline:none; transition:border-color .3s var(--ease); }
.chain-store-search-input::placeholder { color:var(--color-muted); }
.chain-store-search-input:focus { border-color:var(--color-primary); }
.chain-store-search-btn { display:inline-flex; align-items:center; gap:8px; padding:12px 32px; font-size:15px; font-weight:600; color:#fff; background:linear-gradient(135deg,#1abc9c,#16a085); border:none; border-radius:8px; font-family:inherit; cursor:pointer; transition:filter .3s var(--ease),transform .3s var(--ease); white-space:nowrap; }
.chain-store-search-btn:hover { filter:brightness(1.1); transform:translateY(-2px); }
.chain-store-search-btn i { font-size:14px; }
.chain-store-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-bottom:44px; }
.chain-store-card { display:flex; flex-direction:column; background:#fff; border:1px solid var(--color-line); border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-sm); transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease); }
.chain-store-card:hover { transform:translateY(-8px); box-shadow:var(--shadow-md); border-color:rgba(31,111,196,.3); }
.chain-store-img { height:200px; overflow:hidden; background:#eef4fb; }
.chain-store-img img { width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease); }
.chain-store-card:hover .chain-store-img img { transform:scale(1.08); }
.chain-store-body { padding:22px 24px 26px; display:flex; flex-direction:column; flex:1; }
.chain-store-name { font-size:18px; font-weight:700; color:var(--color-ink); margin-bottom:14px; transition:color .3s var(--ease); }
.chain-store-card:hover .chain-store-name { color:var(--color-primary); }
.chain-store-info { margin-bottom:18px; flex:1; }
.chain-store-info p { display:flex; align-items:flex-start; gap:8px; font-size:13px; color:var(--color-muted); line-height:1.8; margin-bottom:6px; }
.chain-store-info p:last-child { margin-bottom:0; }
.chain-store-info i { color:var(--color-accent); font-size:14px; margin-top:3px; flex-shrink:0; }
.chain-store-btn { display:inline-flex; align-items:center; gap:8px; align-self:flex-start; padding:10px 26px; font-size:14px; font-weight:600; color:#fff; background:linear-gradient(135deg,#1abc9c,#16a085); border:none; border-radius:30px; transition:filter .3s var(--ease),transform .3s var(--ease),gap .3s var(--ease); }
.chain-store-btn:hover { filter:brightness(1.1); transform:translateY(-2px); gap:12px; }
.chain-store-btn i { font-size:12px; }

/* ===== 验配网点详情页 (chain-store-detail) ===== */
.chain-store-detail-main { padding:48px 40px 60px; }
.chain-store-detail-card { display:grid; grid-template-columns:1fr 1fr; gap:40px; background:#fff; border:1px solid var(--color-line); border-radius:var(--radius-lg); padding:32px; box-shadow:var(--shadow-sm); margin-bottom:40px; }
.chain-store-detail-gallery { border-radius:12px; overflow:hidden; box-shadow:var(--shadow-sm); }
.chain-store-detail-gallery img { width:100%; height:100%; object-fit:cover; }
.chain-store-detail-info { display:flex; flex-direction:column; }
.chain-store-detail-name { font-size:28px; font-weight:700; color:var(--color-ink); margin-bottom:24px; line-height:1.4; padding-bottom:16px; border-bottom:2px solid var(--color-line); }
.chain-store-detail-list { display:flex; flex-direction:column; gap:20px; flex:1; }
.chain-store-detail-row { display:flex; align-items:flex-start; gap:14px; }
.chain-store-detail-row > i { width:40px; height:40px; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:16px; color:#fff; background:linear-gradient(135deg,var(--color-primary),var(--color-accent)); border-radius:10px; }
.chain-store-detail-row > div { flex:1; display:flex; flex-direction:column; gap:4px; padding-top:4px; }
.chain-store-detail-label { font-size:13px; font-weight:600; color:var(--color-muted); }
.chain-store-detail-value { font-size:15px; color:var(--color-text); line-height:1.7; }
.chain-store-detail-actions { display:flex; gap:16px; margin-top:28px; }
.chain-store-detail-btn { display:inline-flex; align-items:center; gap:8px; padding:12px 30px; font-size:14px; font-weight:600; color:#fff; background:linear-gradient(135deg,var(--color-primary),var(--color-accent)); border:none; border-radius:30px; transition:filter .3s var(--ease),transform .3s var(--ease),gap .3s var(--ease); }
.chain-store-detail-btn:hover { filter:brightness(1.1); transform:translateY(-2px); gap:12px; }
.chain-store-detail-btn i { font-size:14px; }
.chain-store-detail-btn--outline { background:#fff; color:var(--color-primary); border:2px solid var(--color-primary); }
.chain-store-detail-btn--outline:hover { background:var(--color-primary); color:#fff; filter:none; }
.chain-store-detail-section { background:#fff; border:1px solid var(--color-line); border-radius:var(--radius-lg); padding:40px; box-shadow:var(--shadow-sm); margin-bottom:40px; }
.chain-store-detail-section:last-child { margin-bottom:0; }
.chain-store-detail-section-title { font-size:24px; font-weight:700; color:var(--color-ink); position:relative; padding-bottom:14px; margin-bottom:24px; }
.chain-store-detail-section-title::after { content:""; position:absolute; left:0; bottom:0; width:50px; height:3px; border-radius:2px; background:linear-gradient(90deg,var(--color-primary),var(--color-accent)); }
.chain-store-detail-map { height:600px; background:#eef4fb; background-image:linear-gradient(0deg,rgba(11,79,158,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(11,79,158,.04) 1px,transparent 1px); background-size:40px 40px; border-radius:12px; border:1px solid var(--color-line); display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; }
.chain-store-detail-map-tip { font-size:16px; color:var(--color-muted); display:flex; align-items:center; gap:8px; }
.chain-store-detail-map-tip i { font-size:18px; color:var(--color-accent); }

/* ===== 验配网点查询页-地图模式 (chain-store-search) ===== */
.css-layout { display:flex; gap:28px; padding:48px 40px 60px; align-items:flex-start; }
.css-panel { width:400px; flex-shrink:0; background:#fff; border:1px solid var(--color-line); border-radius:var(--radius-lg); box-shadow:var(--shadow-sm); overflow:hidden; }
.css-panel-title { display:flex; align-items:center; gap:8px; padding:20px 24px; font-size:18px; font-weight:700; color:#fff; background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark)); }
.css-panel-title i { font-size:16px; color:var(--color-accent-soft); }
.css-panel-search { display:flex; gap:0; padding:16px 20px 12px; }
.css-input { flex:1; padding:11px 16px; font-size:14px; font-family:inherit; color:var(--color-text); background:var(--color-bg); border:1.5px solid var(--color-line); border-right:0; border-radius:8px 0 0 8px; outline:none; transition:border-color .3s var(--ease); }
.css-input::placeholder { color:var(--color-muted); }
.css-input:focus { border-color:var(--color-primary); background:#fff; }
.css-search-btn { width:44px; display:flex; align-items:center; justify-content:center; font-size:15px; color:#fff; background:linear-gradient(135deg,var(--color-primary),var(--color-accent)); border:none; border-radius:0 8px 8px 0; cursor:pointer; transition:filter .3s var(--ease); }
.css-search-btn:hover { filter:brightness(1.1); }
.css-location-btn { display:flex; align-items:center; justify-content:center; gap:8px; width:calc(100% - 40px); margin:0 20px 16px; padding:10px 20px; font-size:13px; font-weight:600; color:var(--color-primary); background:rgba(11,79,158,.06); border:1.5px dashed rgba(11,79,158,.25); border-radius:30px; cursor:pointer; transition:background .3s var(--ease),border-color .3s var(--ease); }
.css-location-btn:hover { background:rgba(11,79,158,.1); border-color:var(--color-primary); }
.css-location-btn i { font-size:14px; }
.css-select-wrap { position:relative; padding:0 20px 16px; }
.css-select { width:100%; appearance:none; -webkit-appearance:none; -moz-appearance:none; padding:11px 40px 11px 16px; font-size:14px; font-family:inherit; color:var(--color-text); background:var(--color-bg); border:1.5px solid var(--color-line); border-radius:8px; outline:none; cursor:pointer; transition:border-color .3s var(--ease); }
.css-select:hover { border-color:var(--color-primary-light); }
.css-select:focus { border-color:var(--color-primary); background:#fff; }
.css-select-arrow { position:absolute; right:34px; top:15px; font-size:14px; color:var(--color-muted); pointer-events:none; }
.css-store-list { padding:4px 12px 12px; max-height:460px; overflow-y:auto; }
.css-store-list::-webkit-scrollbar { width:4px; }
.css-store-list::-webkit-scrollbar-track { background:transparent; }
.css-store-list::-webkit-scrollbar-thumb { background:var(--color-line); border-radius:2px; }
.css-store-item { display:block; padding:16px 12px; border-radius:10px; transition:background .25s var(--ease),box-shadow .25s var(--ease); }
.css-store-item:hover { background:var(--color-bg); box-shadow:inset 0 0 0 1px var(--color-line); }
.css-store-name { font-size:15px; font-weight:700; color:var(--color-ink); margin-bottom:8px; transition:color .25s var(--ease); }
.css-store-item:hover .css-store-name { color:var(--color-primary); }
.css-store-addr { display:flex; align-items:flex-start; gap:6px; font-size:13px; color:var(--color-muted); line-height:1.6; margin-bottom:10px; }
.css-store-addr i { color:var(--color-accent); font-size:13px; margin-top:3px; flex-shrink:0; }
.css-store-meta { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.css-store-dist { display:inline-flex; align-items:center; gap:5px; font-size:12px; color:var(--color-muted); }
.css-store-dist i { font-size:12px; color:var(--color-accent); }
.css-store-detail { display:inline-flex; align-items:center; gap:4px; font-size:12px; font-weight:600; color:var(--color-primary); transition:gap .25s var(--ease); }
.css-store-detail i { font-size:11px; }
.css-store-item:hover .css-store-detail { gap:8px; }
.css-map-area { flex:1; display:flex; flex-direction:column; min-width:0; position:sticky; top:110px; }
.css-map-title { display:flex; align-items:center; gap:8px; font-size:18px; font-weight:700; color:var(--color-ink); margin-bottom:20px; padding-left:14px; position:relative; }
.css-map-title::before { content:""; position:absolute; left:0; top:2px; bottom:2px; width:3px; border-radius:2px; background:linear-gradient(180deg,var(--color-accent),var(--color-primary)); }
.css-map-title i { font-size:16px; color:var(--color-accent); }
.css-map-container { height:600px; background:#eef4fb; background-image:linear-gradient(0deg,rgba(11,79,158,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(11,79,158,.04) 1px,transparent 1px); background-size:40px 40px; border-radius:var(--radius-lg); border:1px solid var(--color-line); display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; box-shadow:var(--shadow-sm); }
.css-map-tip { font-size:16px; color:var(--color-muted); display:flex; align-items:center; gap:8px; }
.css-map-tip i { font-size:18px; color:var(--color-accent); }

/* ===== 首页 - 幻灯片 (home-slider) Swiper ===== */
.home-slider { position:relative; height:520px; overflow:hidden; background:#0a1e3d; }
.home-slider-slide { position:relative; height:520px; background-size:cover; background-position:center; display:flex; align-items:center; }
.home-slider-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,21,46,.75) 0%,rgba(8,21,46,.3) 50%,transparent 100%); z-index:1; }
.home-slider-content { position:relative; z-index:2; text-align:left; padding-left:40px; }
.home-slider-title { font-size:52px; font-weight:900; color:#fff; letter-spacing:3px; line-height:1.2; margin-bottom:20px; text-shadow:0 4px 24px rgba(0,0,0,.3); }
.home-slider-desc { font-size:18px; color:rgba(255,255,255,.85); letter-spacing:1px; margin-bottom:36px; max-width:560px; line-height:1.8; }
.home-slider-btn { display:inline-flex; align-items:center; gap:8px; padding:14px 38px; font-size:16px; font-weight:600; color:var(--color-primary); background:#fff; border-radius:30px; box-shadow:0 12px 36px -12px rgba(0,0,0,.3); transition:transform .35s var(--ease),box-shadow .35s var(--ease),gap .35s var(--ease); }
.home-slider-btn:hover { transform:translateY(-3px); box-shadow:0 18px 44px -14px rgba(0,0,0,.35); gap:12px; }
.home-slider-btn i { font-size:18px; }
.home-slider-prev, .home-slider-next { width:48px; height:48px; border-radius:50%; background:rgba(255,255,255,.15); color:#fff; display:flex; align-items:center; justify-content:center; transition:background .3s var(--ease),transform .3s var(--ease); }
.home-slider-prev::after, .home-slider-next::after { font-size:24px; font-weight:700; }
.home-slider-prev:hover, .home-slider-next:hover { background:rgba(255,255,255,.3); transform:scale(1.1); }
.home-slider-prev { left:24px; }
.home-slider-next { right:24px; }
.home-slider-dots { position:absolute !important; bottom:24px !important; left:0 !important; width:100% !important; display:flex !important; justify-content:center !important; gap:10px; z-index:10; }
.home-slider-dots .swiper-pagination-bullet { width:32px; height:4px; border-radius:2px; background:rgba(255,255,255,.4); opacity:1; transition:background .3s var(--ease),width .3s var(--ease); cursor:pointer; }
.home-slider-dots .swiper-pagination-bullet-active { background:#fff; width:48px; }

/* ===== 首页 - 集团业务 (home-business) ===== */
.home-business { padding-bottom:0; }
.home-business-panel { position:relative; min-height:420px; display:flex; align-items:center; background-size:cover; background-position:center; background-repeat:no-repeat; }
.home-business-panel:nth-child(2) { background-image:url('../images/business-1.jpg'); }
.home-business-panel:nth-child(3) { background-image:url('../images/business-2.jpg'); }
.home-business-panel:nth-child(4) { background-image:url('../images/business-3.jpg'); }
.home-business-panel:nth-child(5) { background-image:url('../images/business-4.jpg'); }
.home-business-panel::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,21,46,.75) 0%,rgba(8,21,46,.35) 50%,transparent 100%); z-index:1; }
.home-business-panel--reverse::before { background:linear-gradient(270deg,rgba(8,21,46,.75) 0%,rgba(8,21,46,.35) 50%,transparent 100%); }
.home-business-panel--reverse { justify-content:flex-end; }
.home-business-panel--reverse .home-business-body { text-align:right; align-items:flex-end; }
.home-business-body { position:relative; z-index:2; display:flex; flex-direction:column; padding:48px 40px; max-width:560px; }
.home-business-title { font-size:32px; font-weight:800; color:#fff; letter-spacing:2px; margin-bottom:12px; }
.home-business-subtitle { font-size:16px; font-weight:600; color:rgba(255,255,255,.9); margin-bottom:16px; }
.home-business-text { font-size:14px; color:rgba(255,255,255,.75); line-height:2; margin-bottom:24px; }
.home-business-btn { display:inline-flex; align-items:center; gap:8px; padding:11px 30px; font-size:14px; font-weight:600; color:var(--color-primary); background:#fff; border-radius:30px; align-self:flex-start; transition:transform .35s var(--ease),box-shadow .35s var(--ease),gap .35s var(--ease); }
.home-business-panel--reverse .home-business-btn { align-self:flex-end; }
.home-business-btn:hover { transform:translateY(-2px); box-shadow:0 8px 24px -8px rgba(0,0,0,.3); gap:12px; }
.home-business-btn i { font-size:13px; }

/* ===== 首页 - 关于我们 (home-about) ===== */
.home-about { background:linear-gradient(180deg,#fff 0,var(--color-bg) 100%); padding:80px 0 60px; }
.home-about-inner { display:grid; grid-template-columns:1.2fr 1fr; gap:56px; align-items:center; margin-bottom:40px; }
.home-about-title { font-size:34px; font-weight:800; color:var(--color-accent); letter-spacing:2px; margin-bottom:24px; position:relative; padding-bottom:16px; }
.home-about-title::after { content:""; position:absolute; left:0; bottom:0; width:50px; height:3px; border-radius:2px; background:linear-gradient(90deg,var(--color-accent),var(--color-primary)); }
.home-about-text { font-size:15px; color:var(--color-text); line-height:2; margin-bottom:16px; }
.home-about-btn { display:inline-flex; align-items:center; gap:8px; padding:12px 32px; font-size:14px; font-weight:600; color:var(--color-primary); border:1.5px solid var(--color-primary); border-radius:30px; margin-top:16px; transition:background .35s var(--ease),color .35s var(--ease),gap .35s var(--ease); }
.home-about-btn:hover { background:var(--color-primary); color:#fff; gap:12px; }
.home-about-btn i { font-size:13px; }
.home-about-figure { border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-md); }
.home-about-figure img { width:100%; height:320px; object-fit:cover; transition:transform .6s var(--ease); }
.home-about-figure:hover img { transform:scale(1.05); }
.home-about-cards { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.home-about-card { background:#fff; border:1px solid var(--color-line); border-radius:var(--radius-lg); padding:28px 32px; box-shadow:var(--shadow-sm); transition:transform .35s var(--ease),box-shadow .35s var(--ease); }
.home-about-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-md); }
.home-about-card-icon { width:48px; height:48px; display:flex; align-items:center; justify-content:center; font-size:22px; color:#fff; background:linear-gradient(135deg,var(--color-primary),var(--color-accent)); border-radius:12px; margin-bottom:16px; }
.home-about-card-title { font-size:18px; font-weight:700; color:var(--color-ink); margin-bottom:14px; }
.home-about-card-body p { font-size:14px; color:var(--color-text); line-height:1.9; margin-bottom:6px; }
.home-about-card-body p:last-child { margin-bottom:0; }
.home-about-card-body i { color:var(--color-accent); margin-right:4px; }
.home-about-card-body strong { color:var(--color-ink); font-weight:600; }

/* ===== 首页 - 听力资讯 (home-news) ===== */
.home-news { background:var(--color-bg); padding:50px 0 90px; }
.home-news-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:48px; }
.home-news-title { font-size:34px; font-weight:800; color:var(--color-ink); letter-spacing:2px; position:relative; padding-bottom:16px; }
.home-news-title::after { content:""; position:absolute; left:0; bottom:0; width:50px; height:3px; border-radius:2px; background:linear-gradient(90deg,var(--color-accent),var(--color-primary)); }
.home-news-subtitle { font-size:14px; color:var(--color-muted); margin-top:18px; }
.home-news-more { display:inline-flex; align-items:center; gap:6px; padding:10px 24px; font-size:14px; font-weight:600; color:var(--color-primary); border:1.5px solid var(--color-primary); border-radius:30px; transition:background .35s var(--ease),color .35s var(--ease),gap .35s var(--ease); }
.home-news-more:hover { background:var(--color-primary); color:#fff; gap:10px; }
.home-news-more i { font-size:16px; }
.home-news-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.home-news-card { display:flex; flex-direction:column; background:#fff; border:1px solid var(--color-line); border-radius:var(--radius-lg); padding:28px; box-shadow:var(--shadow-sm); transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease); }
.home-news-card:hover { transform:translateY(-8px); box-shadow:var(--shadow-md); border-color:rgba(31,111,196,.25); }
.home-news-date { display:inline-flex; align-items:center; gap:6px; font-size:13px; color:var(--color-muted); margin-bottom:14px; }
.home-news-date i { font-size:13px; color:var(--color-accent); }
.home-news-card-title { font-size:17px; font-weight:700; color:var(--color-ink); line-height:1.6; margin-bottom:12px; transition:color .3s var(--ease); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.home-news-card:hover .home-news-card-title { color:var(--color-primary); }
.home-news-card-desc { font-size:14px; color:var(--color-muted); line-height:1.8; margin-bottom:20px; flex:1; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.home-news-card-link { display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:600; color:var(--color-primary); transition:gap .3s var(--ease); }
.home-news-card-link i { font-size:12px; }
.home-news-card-link:hover { gap:10px; }

/* ============================================================
   响应式适配 - 笔记本 (max-width:1440px)
   ============================================================ */
@media screen and (max-width:1440px) {
.container { max-width:1200px; }
.home-slider { height:460px; }
.home-slider-slide { height:460px; }
.home-slider-title { font-size:44px; }
.home-business-panel { min-height:380px; }
.products-media img { max-height:320px; }
.chain-news-img { width:240px; }
}

/* ============================================================
   响应式适配 - 平板 (max-width:1024px)
   ============================================================ */
@media screen and (max-width:1024px) {
html,body { overflow-x:hidden; max-width:100vw; }
.container { max-width:100%; padding:0 24px; }
.header-inner { height:64px; }
.header-nav,.header-search,.header-tools { display:none; }
.section { padding:56px 0; }
.section-head { margin-bottom:36px; }
.section-title { font-size:26px; }
.home-slider { height:360px; }
.home-slider-slide { height:360px; }
.home-slider-title { font-size:32px; letter-spacing:2px; }
.home-slider-desc { font-size:14px; max-width:400px; }
.home-slider-btn { padding:11px 28px; font-size:14px; }
.home-slider-prev,.home-slider-next { width:40px; height:40px; }
.home-slider-prev::after,.home-slider-next::after { font-size:20px; }
.home-slider-prev { left:16px; }
.home-slider-next { right:16px; }
.home-business-panel { min-height:300px; }
.home-business-body { padding:32px 24px; max-width:480px; }
.home-business-title { font-size:26px; }
.home-about-inner { grid-template-columns:1fr; gap:32px; }
.home-about-cards { grid-template-columns:1fr 1fr; gap:20px; }
.advantages-grid { grid-template-columns:repeat(2,1fr); }
.products-card { grid-template-columns:1fr; }
.products-card:nth-child(2n) .products-media { order:0; }
.products-media img { max-height:280px; }
.products-body { padding:32px 24px; }
.products-title { font-size:24px; }
.cases-grid { grid-template-columns:repeat(2,1fr); }
.home-news-grid { grid-template-columns:repeat(2,1fr); }
.home-news-head { flex-direction:column; align-items:flex-start; gap:16px; }
.list-banner { min-height:220px; }
.list-banner-content { padding-top:60px; }
.list-banner-title { font-size:28px; }
.list-banner-desc { font-size:14px; }
.list-layout { flex-direction:column; padding:32px 24px 40px; }
.list-sidebar { width:100%; }
.list-product-grid { grid-template-columns:repeat(2,1fr); }
.chain-main,.chain-article-main,.chain-store-main,.chain-store-detail-main,.css-layout { padding:32px 24px 40px; }
.chain-article-grid { grid-template-columns:repeat(2,1fr); }
.chain-article-detail { padding:32px 24px; }
.chain-news-img { width:200px; }
.chain-store-grid { grid-template-columns:repeat(2,1fr); }
.chain-store-detail-card { grid-template-columns:1fr; gap:24px; padding:24px; }
.chain-store-search-row { flex-direction:column; align-items:stretch; }
.chain-store-search-btn { width:100%; justify-content:center; }
.css-layout { flex-direction:column; }
.css-panel { width:100%; }
.css-map-area { position:static; }
.css-map-container { height:400px; }
.detail-top { flex-direction:column; padding:24px; gap:24px; }
.detail-gallery { width:100%; }
.detail-info { padding:0; }
.detail-info-name { font-size:22px; }
.detail-section { padding:24px; }
.detail-form-section { padding:24px; }
.detail-form-row { flex-direction:column; gap:0; }
.footer-inner { grid-template-columns:1fr; gap:32px; }
.footer-info { gap:24px; }
.footer-block { min-width:140px; }
.footer-copyright { flex-direction:column; gap:8px; text-align:center; white-space:normal; }
}
@media screen and (max-width:992px) {
body{padding-top:64px;}
.mn-header{display:flex;}
}
/* ============================================================
   响应式适配 - 手机 (max-width:768px)
   ============================================================ */
@media screen and (max-width:768px) {
html,body { overflow-x:hidden; max-width:100vw; width:100%; }
* { -webkit-tap-highlight-color:transparent; }
.container { max-width:100%; padding:0 16px; }
.header-inner { height:56px; }
#siteHeader { display:none; }
.header-nav,.header-search,.header-tools { display:none; }
.header-logo-text { font-size:13px; }
.section { padding:40px 0; }
.section-head { margin-bottom:28px; padding:0 16px; }
.section-title { font-size:22px; padding-bottom:12px; }
.section-subtitle { font-size:13px; }
.home-slider { height:280px; }
.home-slider-slide { height:280px; }
.home-slider-overlay { background:linear-gradient(90deg,rgba(8,21,46,.7) 0%,rgba(8,21,46,.2) 70%,transparent 100%); }
.home-slider-content { padding:0 16px;margin:0;}
.home-slider-title { font-size:22px; letter-spacing:1px; margin-bottom:10px; line-height:1.3; }
.home-slider-desc { font-size:12px; max-width:100%; margin-bottom:18px; line-height:1.6; }
.home-slider-btn { padding:8px 22px; font-size:12px; }
.home-slider-prev,.home-slider-next { display:none; }
.home-slider-dots { bottom:16px !important; display:flex !important; justify-content:center !important; width:100% !important; left:0 !important; }
.home-slider-dots .swiper-pagination-bullet { width:18px; height:3px; }
.home-slider-dots .swiper-pagination-bullet-active { width:28px; }
.home-business { padding-bottom:0; }
.home-business-panel { min-height:240px; background-attachment:scroll; }
.home-business-panel::before { background:linear-gradient(180deg,rgba(8,21,46,.8) 0%,rgba(8,21,46,.3) 60%,transparent 100%); }
.home-business-panel--reverse::before { background:linear-gradient(180deg,rgba(8,21,46,.8) 0%,rgba(8,21,46,.3) 60%,transparent 100%); }
.home-business-panel--reverse { justify-content:flex-start; }
.home-business-panel--reverse .home-business-body { text-align:left; align-items:flex-start; }
.home-business-panel--reverse .home-business-btn { align-self:flex-start; }
.home-business-body { padding:24px 16px; max-width:100%; }
.home-business-title { font-size:20px; margin-bottom:8px; }
.home-business-subtitle { font-size:13px; margin-bottom:10px; }
.home-business-text { font-size:12px; line-height:1.7; margin-bottom:16px; }
.home-business-btn { padding:8px 22px; font-size:12px; }
.home-about { padding:40px 0 32px; }
.home-about-inner { display:flex; flex-direction:column; gap:24px; margin-bottom:28px; }
.home-about-figure { order:-1; }
.home-about-title { font-size:24px; }
.home-about-text { font-size:14px; line-height:1.8; }
.home-about-cards { grid-template-columns:1fr; gap:16px; }
.home-about-card { padding:20px; }
.home-about-card-icon { width:40px; height:40px; font-size:18px; }
.home-about-card-title { font-size:16px; }
.home-news { padding:32px 0 48px; }
.home-news-head { flex-direction:column; align-items:flex-start; gap:12px; margin-bottom:28px; }
.home-news-title { font-size:24px; }
.home-news-grid { grid-template-columns:1fr; gap:20px; }
.home-news-card { padding:20px; }
.advantages-grid { grid-template-columns:1fr; gap:16px; }
.advantages-card { padding:24px 20px; }
.advantages-icon { width:56px; height:56px; font-size:24px; }
.advantages-title { font-size:18px; }
.products-list { gap:24px; }
.products-card { grid-template-columns:1fr; border-radius:12px; }
.products-card:nth-child(2n) .products-media { order:0; }
.products-media { min-height:200px; }
.products-media img { max-height:200px; }
.products-body { padding:24px 20px; }
.products-title { font-size:20px; }
.products-desc { font-size:13px; line-height:1.8; }
.cases-grid { grid-template-columns:1fr; gap:20px; }
.cases-media { height:180px; }
.cases-body { padding:16px; }
.cases-title { font-size:16px; }
.list-banner { min-height:210px; }
.list-banner-content {padding:0 16px;margin:0;align-items:flex-start; }
.list-banner-title { font-size:22px; }
.list-banner-desc { font-size:13px; }
.list-layout { padding:24px 16px 32px; }
.list-sidebar { display:none; }
.list-sidebar-contact { padding:16px; }
.list-product-grid { grid-template-columns:1fr; gap:16px; }
.list-product-img { height:160px; }
.list-pagination { gap:6px; margin-top:32px; }
.list-page-btn { min-width:36px; height:36px; font-size:13px; }
.chain-main,.chain-article-main,.chain-store-main,.chain-store-detail-main,.css-layout { padding:24px 16px 32px; }
.chain-subnav-inner { height:auto; flex-direction:column; align-items:flex-start; padding:12px 16px; gap:8px; }
.chain-subnav-menu { display:none; }
.chain-subnav-menu a { padding:6px 16px; font-size:14px; }
.chain-article-grid { grid-template-columns:1fr; gap:20px; }
.chain-article-img { height:160px; }
.chain-article-body { padding:16px; }
.chain-article-title { font-size:15px; }
.chain-article-detail { padding:20px 16px; }
.chain-article-heading { font-size:20px; }
.chain-article-main { max-width:100%; }
.chain-news-card { flex-direction:column; }
.chain-news-img { width:100%; height:160px; }
.chain-news-body { padding:12px 16px; }
.chain-news-title { font-size:14px; -webkit-line-clamp:2; }
.chain-news-desc { font-size:12px; -webkit-line-clamp:2; }
.chain-news-link { font-size:12px; }
.chain-store-search { padding:20px 16px; }
.chain-store-search-row { flex-direction:column; gap:12px; }
.chain-store-search-btn { width:100%; justify-content:center; }
.chain-store-grid { grid-template-columns:1fr; gap:20px; }
.chain-store-img { height:160px; }
.chain-store-body { padding:16px; }
.chain-store-name { font-size:16px; }
.chain-store-info p { font-size:12px; }
.chain-store-detail-card { grid-template-columns:1fr; gap:20px; padding:16px; }
.chain-store-detail-name { font-size:22px; }
.chain-store-detail-row > i { width:32px; height:32px; font-size:13px; }
.chain-store-detail-section { padding:20px 16px; }
.chain-store-detail-map { height:300px; }
.css-layout { flex-direction:column; gap:20px; }
.css-panel { width:100%; }
.css-store-list { max-height:300px; }
.css-map-area { position:static; width:100%; }
.css-map-container { height:300px; }
.detail-top { flex-direction:column; padding:16px; gap:20px; }
.detail-gallery { width:100%; }
.detail-gallery-thumbs .swiper-slide { width:60px; height:60px; }
.detail-info { padding:0; }
.detail-info-name { font-size:20px; margin-bottom:12px; }
.detail-info-desc { font-size:14px; }
.detail-info-actions { flex-direction:column; gap:10px; }
.detail-info-btn { justify-content:center; }
.detail-section { margin-top:24px; padding:20px 16px; }
.detail-section-title { font-size:20px; }
.detail-content { font-size:14px; line-height:1.8; }
.detail-content h2 { font-size:18px; }
.detail-content h3 { font-size:16px; }
.detail-content h4 { font-size:15px; }
.detail-content h5 { font-size:14px; }
.detail-content h6 { font-size:13px; }
.detail-content p { font-size:14px; line-height:1.8; }
.detail-content ul li,.detail-content ol li { font-size:14px; line-height:1.7; }
.detail-content img { width:100%; height:auto; }
.detail-content table { display:table; width:100%; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.detail-content table th,.detail-content table td { white-space:normal; word-break:break-word; }
.detail-content video,.detail-content iframe { width:100%; }
.detail-form-section { margin-top:24px; padding:20px 16px; }
.detail-form-row { flex-direction:column; gap:0; }
.detail-form-input,.detail-form-textarea { font-size:14px; }
.detail-form-submit { width:100%; justify-content:center; }
.footer-site { padding:40px 0 0; }
.footer-inner { grid-template-columns:1fr; gap:28px; padding-bottom:28px; }
.footer-info { gap:20px; }
.footer-block { min-width:100%; }
.footer-brand { display:flex; }
.footer-brand-logo { display:none; }
.footer-slogan { display:none; }
.footer-qr { display:none; }
.footer-logo-mark { font-size:28px; }
.footer-logo-text { font-size:15px; padding-left:0; border-left:none; }
.footer-qr { padding:14px 16px; }
.footer-qr-img { width:100px; height:100px; }
.footer-copyright { flex-direction:column; gap:6px; text-align:center; white-space:normal; font-size:11px; padding-top:16px; }
.footer-links { gap:12px; }
.footer-link { font-size:11px; }
.home-business-panel:hover .home-business-img { transform:none; }
.products-card:hover { transform:none; box-shadow:var(--shadow-sm); }
.cases-item:hover { transform:none; box-shadow:var(--shadow-sm); }
.chain-article-card:hover { transform:none; box-shadow:var(--shadow-sm); }
.chain-news-card:hover { transform:none; box-shadow:var(--shadow-sm); }
.chain-store-card:hover { transform:none; box-shadow:var(--shadow-sm); }
.list-product-card:hover { transform:none; box-shadow:var(--shadow-sm); }
.home-news-card:hover { transform:none; box-shadow:var(--shadow-sm); }
.advantages-card:hover { transform:none; box-shadow:var(--shadow-sm); }
.home-about-card:hover { transform:none; box-shadow:var(--shadow-sm); }
.home-about-figure:hover img { transform:none; }
}

/* ============================================================
   响应式适配 - 小屏手机 (max-width:480px)
   ============================================================ */
@media screen and (max-width:480px) {
.home-slider { height:240px; }
.home-slider-slide { height:240px; }
.home-slider-title { font-size:18px; }
.home-slider-desc { font-size:11px; margin-bottom:14px; }
.home-slider-btn { padding:7px 18px; font-size:11px; }
.home-slider-prev,.home-slider-next { width:28px; height:28px; }
.home-slider-prev::after,.home-slider-next::after { font-size:14px; }
.home-business-title { font-size:18px; }
.home-business-text { font-size:11px; }
.section-title { font-size:20px; }
.list-banner-title { font-size:18px; }
.chain-news-img { width:100%; height:120px; }
.chain-store-detail-map { height:240px; }
.css-map-container { height:240px; }
.detail-info-name { font-size:18px; }
.footer-hotline-num { font-size:14px; }
.footer-contact-row { font-size:12px; }
}