/* ============================================================
   信阳众大口腔 官网样式 v2 — 设计系统级重写
   设计原则：清爽医疗蓝绿 + 大圆角卡片 + 分层阴影 + 微交互
   ============================================================ */
:root{
  --c-primary:#0e6fb8;
  --c-primary-d:#0a5490;
  --c-primary-l:#e9f3fb;
  --c-accent:#10b1b1;
  --c-accent-l:#e4f7f7;
  --c-gold:#e8a33d;
  --c-ink:#182635;
  --c-ink-2:#46586c;
  --c-muted:#7d8ea0;
  --c-line:#e3eaf2;
  --c-bg:#f4f8fc;
  --c-white:#fff;
  --grad-main:linear-gradient(135deg,#0a5490 0%,#0e6fb8 55%,#10b1b1 130%);
  --grad-cta:linear-gradient(135deg,#0e6fb8,#10b1b1);
  --radius:16px;
  --radius-s:10px;
  --shadow-sm:0 1px 3px rgba(10,60,100,.06),0 4px 14px rgba(10,60,100,.06);
  --shadow-md:0 6px 24px rgba(10,60,100,.10);
  --shadow-lg:0 16px 48px rgba(8,50,90,.16);
  --wrap:1120px;
  --ease:cubic-bezier(.22,.8,.36,1);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--c-bg);color:var(--c-ink);
  font-family:system-ui,-apple-system,"HarmonyOS Sans SC","MiSans","Microsoft YaHei","PingFang SC",sans-serif;
  font-size:16px;line-height:1.95;
  letter-spacing:.1px;
  background-image:radial-gradient(1200px 500px at 85% -100px,rgba(16,177,177,.07),transparent 60%),
                   radial-gradient(900px 420px at -10% 30px,rgba(14,111,184,.06),transparent 55%);
  background-attachment:fixed;
}
a{color:var(--c-primary);text-decoration:none;transition:color .18s var(--ease)}
a:hover{color:var(--c-accent)}
img{max-width:100%;height:auto}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 22px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;background:#fff;padding:8px 14px;z-index:99;border-radius:8px;box-shadow:var(--shadow-md)}

/* ---------- header：吸顶 + 滚动毛玻璃 ---------- */
.hdr{background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(227,234,242,.9);position:sticky;top:0;z-index:50;transition:box-shadow .25s var(--ease),background .25s var(--ease)}
.hdr.scrolled{box-shadow:0 4px 24px rgba(8,50,90,.10)}
.hdr-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px;flex-wrap:nowrap}
.logo{display:flex;align-items:center;gap:11px;color:var(--c-ink);flex:0 0 auto}
.logo:hover{text-decoration:none}
.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;
  background:var(--grad-main);color:#fff;font-weight:700;font-size:17px;letter-spacing:1px;
  box-shadow:0 4px 14px rgba(14,111,184,.35);transition:transform .25s var(--ease)}
.logo:hover .logo-mark{transform:rotate(-6deg) scale(1.05)}
.logo-txt strong{display:block;font-size:18px;line-height:1.35;letter-spacing:.5px}
.logo-txt small{display:block;color:var(--c-muted);font-size:12px;line-height:1.4}
.nav{display:flex;flex-wrap:wrap;gap:3px}
.nav a{padding:7px 13px;border-radius:99px;color:var(--c-ink-2);font-size:15px;font-weight:500;transition:all .2s var(--ease)}
.nav a:hover{background:var(--c-primary-l);color:var(--c-primary-d);text-decoration:none;transform:translateY(-1px)}
.nav a.on{background:var(--grad-main);color:#fff;box-shadow:0 3px 10px rgba(14,111,184,.30)}

/* ---------- hero ---------- */
.hero{background:var(--grad-main);color:#fff;padding:56px 0 64px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.13),transparent 65%);top:-220px;right:-120px;pointer-events:none}
.hero::after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(16,177,177,.28),transparent 65%);bottom:-190px;left:-110px;pointer-events:none}
.hero-in{display:grid;grid-template-columns:1.35fr .85fr;gap:30px;align-items:start;position:relative;z-index:1}
.hero .tag{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.30);
  border-radius:99px;padding:4px 15px;font-size:13px;margin:0 0 14px;backdrop-filter:blur(4px)}
.hero h1{margin:0 0 14px;font-size:32px;line-height:1.42;color:#fff;font-weight:700;letter-spacing:.5px;text-shadow:0 2px 18px rgba(6,40,70,.25)}
.hero .lead{margin:0 0 16px;color:#dbeefc;font-size:16.5px;max-width:34em}
.hero-points{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:8px}
.hero-points li{padding-left:26px;position:relative;color:#eef8ff}
.hero-points li::before{content:"✓";position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;background:rgba(143,227,227,.9);color:#06424a;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:9px}
.hero-acts{display:flex;gap:12px;flex-wrap:wrap}
.hero-card{background:rgba(255,255,255,.97);color:var(--c-ink);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow-lg);backdrop-filter:blur(6px)}
.hero-card h3{margin:0 0 12px;font-size:17.5px}
.kv{display:grid;grid-template-columns:88px 1fr;gap:7px 10px;margin:0;font-size:15px}
.kv dt{color:var(--c-muted)}
.kv dd{margin:0;font-weight:600;color:var(--c-ink)}
.hero-card .mini{color:var(--c-muted);font-size:13px;margin:14px 0 0;padding-top:12px;border-top:1px dashed var(--c-line)}

/* ---------- buttons ---------- */
.btn{display:inline-block;padding:11px 24px;border-radius:99px;font-size:15px;font-weight:600;transition:all .22s var(--ease);cursor:pointer;position:relative;overflow:hidden}
.btn:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 22px rgba(8,50,90,.22)}
.btn:active{transform:translateY(0)}
.btn-p{background:#fff;color:var(--c-primary-d)}
.btn-o{background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(4px)}
.cta .btn-p{background:#fff;color:var(--c-primary)}
.cta .btn-o{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.75)}

/* ---------- section 卡片 ---------- */
.sec{background:var(--c-white);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:30px 22px;margin:26px auto;max-width:var(--wrap);border:1px solid rgba(227,234,242,.6)}
.sec h2{font-size:22px;margin:0 0 16px;padding-left:14px;border-left:5px solid var(--c-accent);line-height:1.5;letter-spacing:.3px}
.sec h3{font-size:17.5px;margin:0 0 10px}
.sec-lead{color:var(--c-ink-2);margin:0 0 18px}
.sec-warn{background:linear-gradient(135deg,#fffdf6,#fffaf0);border:1px solid #f2e2c0;box-shadow:0 4px 18px rgba(232,163,61,.08)}
.sec-warn h2{border-left-color:var(--c-gold)}
.grid{display:grid;gap:18px}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:var(--c-white);border:1px solid var(--c-line);border-radius:var(--radius);padding:20px 22px;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease)}
.grid .card{background:linear-gradient(180deg,#fdfeff,#f9fcff)}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(14,111,184,.28)}
.card-link{display:block;color:inherit}
.card-link:hover{text-decoration:none;border-color:var(--c-primary)}
.card p{margin:0 0 8px}
.muted{color:var(--c-muted)}
.mini{font-size:13px;color:var(--c-muted);line-height:1.8}
.more{color:var(--c-primary);font-weight:600;font-size:15px}
.more:hover{text-decoration:underline}
.more-wrap{margin:16px 0 0}

/* ---------- page head ---------- */
.phead{background:linear-gradient(180deg,#fff,#f7fafd);border-bottom:1px solid var(--c-line);padding:34px 0 26px}
.phead h1{margin:0;font-size:28px;line-height:1.5;letter-spacing:.3px}
.phead .sub{margin:10px 0 0;color:var(--c-ink-2);font-size:15.5px}
.crumbs{max-width:var(--wrap);margin:16px auto 0;padding:0 22px;font-size:14px;color:var(--c-muted)}
.crumbs a{color:var(--c-primary)}
.crumbs a:hover{color:var(--c-accent)}
.crumbs em{margin:0 7px;font-style:normal;color:#bcc9d6}

/* ---------- lists ---------- */
.ticks{list-style:none;padding:0;margin:0}
.ticks li{padding:5px 0 5px 26px;position:relative}
.ticks li::before{content:"";position:absolute;left:5px;top:16px;width:9px;height:9px;border-radius:3px;background:var(--c-accent);transform:rotate(45deg);box-shadow:0 2px 6px rgba(16,177,177,.35)}
.steps{margin:0;padding-left:22px}
.steps li{padding:3px 0}
.steps-list{display:grid;gap:16px}
.step-card h3{margin-bottom:6px}
.kv2{list-style:none;padding:0;margin:0}
.kv2 li{display:flex;gap:10px;padding:6px 0;border-bottom:1px dashed var(--c-line);font-size:15px}
.kv2 li:last-child{border-bottom:0}
.kv2 li span{flex:0 0 88px;color:var(--c-muted)}
.kv2 li span + span{flex:0 0 48px}

/* ---------- table ---------- */
.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;margin:6px 0;border:1px solid var(--c-line);border-radius:var(--radius-s);overflow:hidden}
.tbl th,.tbl td{border-bottom:1px solid var(--c-line);padding:11px 14px;text-align:left;vertical-align:top}
.tbl th:last-child,.tbl td:last-child{border-right:0}
.tbl th{background:linear-gradient(180deg,#f4f9fd,#eef5fb);font-weight:600;color:var(--c-primary-d)}
.tbl tr:last-child td{border-bottom:0}
.tbl tbody tr{transition:background .18s var(--ease)}
.tbl tbody tr:hover td{background:#f4faff}
.price-cell{color:#d64541;font-weight:700;white-space:nowrap}

/* ---------- prices ---------- */
.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px}
.price-item{display:block;background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);padding:18px 18px 16px;color:inherit;position:relative;overflow:hidden;transition:all .25s var(--ease)}
.price-item::after{content:"";position:absolute;inset:auto -30% -60% auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(16,177,177,.10),transparent 70%);transition:transform .3s var(--ease)}
.price-item:hover{text-decoration:none;border-color:var(--c-primary);transform:translateY(-4px);box-shadow:var(--shadow-md)}
.price-item:hover::after{transform:scale(1.6)}
.price-item strong{display:block;font-size:16px}
.price-item .p{display:inline-block;color:#fff;background:linear-gradient(135deg,#e05a52,#d64541);font-weight:700;font-size:17px;margin:6px 0 8px;padding:3px 12px;border-radius:99px}
.price-item small{color:var(--c-muted);line-height:1.7}
.big-price{font-size:28px;font-weight:700;color:#d64541;margin:8px 0}

/* ---------- figure ---------- */
.fig{margin:16px 0 6px}
.fig img{width:100%;border-radius:var(--radius);display:block;border:1px solid var(--c-line);transition:transform .3s var(--ease)}
.fig:hover img{transform:scale(1.015)}
.fig figcaption{font-size:13px;color:var(--c-muted);text-align:center;padding:8px 0 0}
.fig-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:16px}
.fig-row .fig{margin:0}

/* ---------- doctors ---------- */
.doc-top{display:flex;gap:14px;align-items:center;margin-bottom:12px}
.avatar{width:54px;height:54px;flex:0 0 54px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:var(--grad-main);color:#fff;font-size:21px;font-weight:700;box-shadow:0 5px 16px rgba(14,111,184,.30)}
.doc-top h3{margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.chip{background:var(--c-accent-l);color:#0b7c7c;font-size:12px;font-weight:600;border-radius:99px;padding:2px 11px;border:1px solid rgba(16,177,177,.25)}
.doc-card .muted{font-size:14px}

/* ---------- faq ---------- */
.faq{display:grid;gap:12px}
.qa{background:linear-gradient(180deg,#fbfdff,#f7fbfe);border:1px solid var(--c-line);border-radius:var(--radius-s);padding:14px 18px;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.qa:hover{border-color:rgba(14,111,184,.3);box-shadow:var(--shadow-sm)}
.qa summary{cursor:pointer;font-weight:600;color:var(--c-ink);list-style:none;display:flex;align-items:baseline}
.qa summary::-webkit-details-marker{display:none}
.qa summary::before{content:"Q";flex:0 0 22px;height:22px;margin-right:9px;background:var(--grad-main);color:#fff;font-weight:700;font-size:13px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;transform:translateY(3px)}
.qa summary::after{content:"+";margin-left:auto;color:var(--c-primary);font-size:19px;font-weight:400;transition:transform .25s var(--ease);transform-origin:center}
.qa[open] summary::after{transform:rotate(45deg)}
.qa[open] summary{color:var(--c-primary-d)}
.qa-a{padding-top:10px;color:var(--c-ink-2);border-top:1px dashed var(--c-line);margin-top:10px;animation:qaIn .3s var(--ease)}
@keyframes qaIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}

/* ---------- news ---------- */
.news-list{list-style:none;padding:0;margin:0}
.news-list li{padding:13px 6px;border-bottom:1px dashed var(--c-line);display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;transition:background .18s var(--ease);border-radius:8px}
.news-list li:hover{background:#f6faff}
.news-list li:last-child{border-bottom:0}
.news-list a{font-weight:600}
.news-list .muted{font-size:13px;margin-left:auto}
.news-list-lg li{flex-direction:column;gap:3px;align-items:flex-start}
.news-list-lg .muted{margin-left:0}

/* ---------- article ---------- */
.article{max-width:var(--wrap)}
.article h1{font-size:25px;line-height:1.55;margin:0 0 10px;letter-spacing:.3px}
.art-meta{color:var(--c-muted);font-size:14px;margin:0 0 22px;padding-bottom:14px;border-bottom:1px solid var(--c-line);display:flex;gap:16px;flex-wrap:wrap}
.article h2{font-size:19px;font-weight:700;margin:30px 0 12px;padding:6px 0 6px 14px;border-left:5px solid var(--c-accent);border-radius:0 8px 8px 0;background:linear-gradient(90deg,#f0f9f9,transparent 70%);line-height:1.6}
.article h3{font-size:16.5px;font-weight:700;margin:20px 0 8px}
.article p{margin:0 0 15px;font-size:16.5px;line-height:2.0}
.article ul,.article ol{padding-left:22px;margin:0 0 15px}
.article li{margin:5px 0}
.article table{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;margin:6px 0 18px;border:1px solid var(--c-line);border-radius:var(--radius-s);overflow:hidden}
.article th,.article td{border-bottom:1px solid var(--c-line);padding:9px 12px;text-align:left;vertical-align:top}
.article th{background:#f0f6fb;font-weight:600}
.article tr:last-child td{border-bottom:0}
.article blockquote{margin:0 0 16px;padding:12px 18px;background:linear-gradient(135deg,#f2fafc,#f6fbf6);border-left:5px solid var(--c-accent);border-radius:0 10px 10px 0;color:var(--c-ink-2)}
.article hr{border:0;border-top:1px dashed var(--c-line);margin:26px 0}
.article img{border-radius:10px;margin:8px 0 15px}
.art-foot{margin-top:26px;padding-top:16px;border-top:1px solid var(--c-line);color:var(--c-muted);font-size:14px}

/* ---------- cta ---------- */
.cta{background:var(--grad-cta);color:#fff;padding:40px 0;margin-top:30px;border-radius:var(--radius);position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 65%);top:-130px;right:-70px}
.cta .wrap{text-align:center;position:relative;z-index:1}
.cta h2{color:#fff;font-size:22px;margin:0 0 10px;border:0;padding:0;letter-spacing:.5px}
.cta p{color:#e3f2fa;margin:0 0 20px}
.cta-acts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ---------- footer ---------- */
.ftr{background:linear-gradient(180deg,#0d2c49,#0a2339);color:#b9cbdc;margin-top:36px;padding:36px 0 20px;font-size:14px}
.ftr-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px}
.ftr-col h4{color:#fff;font-size:15px;margin:0 0 10px;letter-spacing:.5px}
.ftr-col p{margin:0 0 7px;line-height:1.85}
.ftr a{color:#9fd0ea}
.ftr a:hover{color:#7fe0dc}
.ftr-tel{color:#aee3ff!important;font-weight:700}
.ftr-note{border-top:1px solid rgba(255,255,255,.12);margin-top:24px;padding-top:16px;color:#8ba3b8;font-size:13px}
.ftr-note p{margin:0 0 7px;line-height:1.85}

/* ---------- 在线预约表单 ---------- */
.yy-form{margin:8px 0 0}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 18px}
.fg label{display:block;font-size:14px;color:var(--c-ink-2);margin:0 0 7px;font-weight:600}
.fg label em{color:#d64541;font-style:normal;margin-left:2px}
.fg input,.fg select,.fg textarea{width:100%;padding:12px 14px;border:1.5px solid var(--c-line);border-radius:var(--radius-s);font:inherit;font-size:15px;color:var(--c-ink);background:#fff;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.fg input:hover,.fg select:hover,.fg textarea:hover{border-color:#c6d6e6}
.fg input:focus,.fg select:focus,.fg textarea:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 4px rgba(14,111,184,.12)}
.fg select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%230e6fb8' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px;cursor:pointer}
.fg-full{grid-column:1 / -1}
.hp-field{position:absolute;left:-9999px}
.form-tip{color:var(--c-muted);font-size:13px;margin:14px 0 16px}
.btn-submit{background:var(--grad-cta);color:#fff;border:0;cursor:pointer;padding:13px 40px;border-radius:99px;font-size:16px;font-weight:600;box-shadow:0 6px 18px rgba(14,111,184,.30);transition:all .22s var(--ease)}
.btn-submit:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(14,111,184,.40)}
.btn-submit:active{transform:translateY(0)}
.form-ok{background:#eef9f0;border:1px solid #b9e4c2;color:#1e7a34;border-radius:var(--radius-s);padding:14px 18px;margin:18px 0 0;font-weight:600;animation:qaIn .35s var(--ease)}
.form-err{background:#fdf0ef;border:1px solid #f0c5c0;color:#b03a2e;border-radius:var(--radius-s);padding:14px 18px;margin:18px 0 0;animation:qaIn .35s var(--ease)}
.tel-link{font-weight:700;color:var(--c-primary);font-size:16.5px}
.tel-link:hover{color:var(--c-accent)}

/* ---------- 移动端底部操作栏 ---------- */
.mob-bar{display:none}
@media (max-width:860px){
  .mob-bar{display:grid;grid-template-columns:1fr 1fr 1.35fr;position:fixed;left:0;right:0;bottom:0;z-index:60;box-shadow:0 -6px 24px rgba(8,50,90,.16);background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}
  .mob-bar a{display:flex;align-items:center;justify-content:center;gap:5px;padding:11px 4px;font-size:14px;font-weight:600;color:var(--c-ink);text-decoration:none;border-right:1px solid var(--c-line);transition:background .15s}
  .mob-bar a:active{background:var(--c-primary-l)}
  .mob-bar a:last-child{border-right:0}
  .mob-bar .mb-ico{font-size:17px}
  .mob-yuyue{background:var(--grad-cta);color:#fff!important;box-shadow:inset 0 0 0 0 transparent}
  body{padding-bottom:54px}
}

/* ---------- 滚动显现 & 交互增强 ---------- */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
}
#toTop{position:fixed;right:18px;bottom:70px;z-index:55;width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:var(--c-primary);font-size:19px;cursor:pointer;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:all .3s var(--ease)}
#toTop.show{opacity:1;pointer-events:auto}
#toTop:hover{transform:translateY(-3px);background:var(--c-primary-l)}
@media (max-width:860px){#toTop{bottom:64px;right:12px}}
.sec,.card,.price-item{will-change:transform}

/* ---------- 响应式 ---------- */
@media (max-width:860px){
  .hero{padding:38px 0 44px}
  .hero h1{font-size:23px}
  .hero .lead{font-size:15px}
  .hero::before{width:300px;height:300px;top:-130px;right:-90px}
  .sec{padding:22px 18px;width:calc(100% - 24px);margin:14px auto}
  .phead{padding:26px 0 20px}
  .phead h1{font-size:21px}
  .tbl{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:14px;border-radius:0}
  .tbl th,.tbl td{padding:9px 10px;white-space:nowrap}
  .nav{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;scrollbar-width:none;-ms-overflow-style:none}
  .nav::-webkit-scrollbar{display:none}
  .hdr-in{min-height:auto;padding:9px 0;gap:8px}
  .logo-txt small{display:none}
  .logo-mark{width:40px;height:40px;font-size:15px}
  .form-grid{grid-template-columns:1fr}
  .kv{grid-template-columns:78px 1fr}
  .cta{border-radius:0}
  .fig-row{grid-template-columns:1fr}
  .price-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .price-item{padding:14px 12px}
  .article p{font-size:16px}
  .article h2{font-size:18px}
}
@media (min-width:861px) and (max-width:1024px){
  .hero h1{font-size:28px}
  .wrap{padding:0 26px}
}

/* ============================================================
   v2.1 精修层 — 排版系统/对比度/无障碍/触达目标（frontend-spec + optimizer）
   ============================================================ */
:root{
  /* 排版阶梯（rem，Major Third 1.25 简化版） */
  --text-xs:.75rem; --text-sm:.875rem; --text-base:1rem; --text-lg:1.125rem;
  --text-xl:1.3125rem; --text-2xl:1.5rem; --text-3xl:1.875rem; --text-4xl:2.25rem;
  /* display 字体：中文衬线（本地字体，零网络依赖），去 AI 通用感 */
  --font-display:"Source Han Serif SC","Noto Serif SC","STZhongsong","STSong","SimSun",serif;
  --font-body:system-ui,-apple-system,"HarmonyOS Sans SC","MiSans","Microsoft YaHei","PingFang SC",sans-serif;
  /* 对比度修正：muted 提深至 AA（4.5:1+） */
  --c-muted:#66788c;
  --c-ink-2:#3f5266;
}
html{font-size:100%}
body{font-size:var(--text-base);font-family:var(--font-body)}

/* display 衬线只用于大标题（中文衬线在 20px+ 才好看） */
.hero h1,.phead h1,.article h1{font-family:var(--font-display);font-weight:700;letter-spacing:1px}
.sec h2{font-size:var(--text-xl)}
.hero h1{font-size:var(--text-4xl)}
.phead h1{font-size:var(--text-2xl)}
.article h1{font-size:var(--text-xl)}
.hero .lead{font-size:var(--text-lg)}
.article p{font-size:1.03rem}
.kv dt,.kv2 li span,.mini{color:var(--c-muted)}
.news-list .muted,.art-meta{color:var(--c-muted)}

/* 表单内联错误（替代 alert） */
.field-err{color:#b03a2e;font-size:var(--text-sm);margin:5px 0 0;display:none}
.fg.has-err input,.fg.has-err select{border-color:#d0655e;box-shadow:0 0 0 3px rgba(214,69,65,.10)}
.fg.has-err .field-err{display:block;animation:qaIn .25s var(--ease)}
.btn-submit[disabled]{opacity:.6;cursor:not-allowed;transform:none}
.btn-submit .spin{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;vertical-align:-2px;margin-right:7px;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* 触达目标：移动端导航/底栏 ≥44px */
@media (max-width:860px){
  .nav a{padding:10px 12px;font-size:15px}
  .mob-bar a{min-height:48px;padding:12px 4px}
  .hero h1{font-size:var(--text-2xl)}
  .phead h1{font-size:1.25rem}
  .article h1{font-size:1.1875rem}
}

/* 性能与渲染 */
.card,.price-item,.btn,.qa{contain:content}
.article{contain:layout}

/* 键盘焦点可见性（a11y 硬要求） */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{
  outline:3px solid var(--c-accent);outline-offset:2px;border-radius:6px
}
.nav a:focus-visible{outline-offset:-2px}

/* ============================================================
   v2.2 品牌细节层 — frontend-design-3 / ui-ux-pro-max
   ============================================================ */
/* 品牌选区色 */
::selection{background:rgba(16,177,177,.25);color:var(--c-ink)}

/* 首屏入场编排：错峰渐入（CSS-only） */
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero .tag{animation:rise .55s var(--ease) both}
.hero h1{animation:rise .6s .08s var(--ease) both}
.hero .lead{animation:rise .6s .18s var(--ease) both}
.hero-points{animation:rise .6s .28s var(--ease) both}
.hero-acts{animation:rise .6s .38s var(--ease) both}
.hero-card{animation:rise .7s .3s var(--ease) both}

/* 细腻滚动条（桌面） */
@media (min-width:861px){
  ::-webkit-scrollbar{width:11px;height:11px}
  ::-webkit-scrollbar-thumb{background:#b9cbdc;border-radius:99px;border:3px solid var(--c-bg)}
  ::-webkit-scrollbar-thumb:hover{background:#8fa8bf}
}

/* 图片渲染细节 */
img{image-rendering:auto}
.fig img{transition:transform .4s var(--ease),box-shadow .3s var(--ease)}
.fig:hover img{box-shadow:0 10px 30px rgba(8,50,90,.18)}

@media (prefers-reduced-motion:reduce){
  .hero .tag,.hero h1,.hero .lead,.hero-points,.hero-acts,.hero-card{animation:none}
}

/* ============================================================
   v2.3 高端精修层 — ui-ux-pro-max（Swiss 极简 × 克制玻璃 × 编辑级排版）
   ============================================================ */
/* 锚点补偿：吸顶导航不遮目标（ux-guidelines #2） */
html{scroll-padding-top:84px}

/* 编辑级标题：渐变短横线取代色块堆砌 */
.sec h2{border-left:0;padding-left:0;letter-spacing:.8px;position:relative;padding-bottom:14px}
.sec h2::after{content:"";position:absolute;left:1px;bottom:0;width:44px;height:3px;border-radius:99px;background:var(--grad-cta)}

/* 按钮扫光（150-250ms，一次性） */
.btn,.btn-submit,.btn-p{position:relative;overflow:hidden}
.btn::before,.btn-p::before{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);transition:left .45s var(--ease)}
.btn:hover::before,.btn-p:hover::before{left:130%}

/* 卡片：悬浮渐变描边 + 深景阴影 */
.card:hover,.price-item:hover{box-shadow:0 0 0 1.5px rgba(14,111,184,.35),var(--shadow-lg)}

/* hero 玻璃卡：内顶高光 */
.hero-card{border-top:1px solid rgba(255,255,255,.9)}
.hero-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.5),transparent 34%)}
.hero-card{position:relative}

/* 页脚：渐变发丝线（伪元素，不挤压文字容器） */
.ftr-note{border-top:0;margin:26px 0 0;padding-top:18px;position:relative}
.ftr-note::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent)}

/* 正文区块：更从容的纵向节奏（8pt） */
.sec{padding-top:34px;margin-top:28px}

/* 链接下划线动效（细线生长） */
.article a:not(.btn):not(.more){text-decoration:underline;text-decoration-color:rgba(14,111,184,.30);text-underline-offset:4px;text-decoration-thickness:1px;transition:text-decoration-color .2s var(--ease)}
.article a:not(.btn):not(.more):hover{text-decoration-color:var(--c-accent)}

/* 图片圆角统一 + 细描边 */
.fig img{border-radius:12px;outline:1px solid rgba(227,234,242,.9);outline-offset:-1px}

@media (prefers-reduced-motion:reduce){
  .btn::before,.btn-p::before{display:none}
}

/* ============================================================
   v3 「墨青·鎏金」editorial premium — frontend-design 全力版
   浅色（暖米纸）/ 深色（墨夜青）双主题 + 杂志级编辑元素
   ============================================================ */
:root{
  --paper:#faf7f1;          /* 暖米纸 */
  --ink:#17242f;            /* 墨青文字 */
  --primary:#0d5c63;        /* 深青 */
  --gold:#b8862e;           /* 鎏金 */
  --gold-soft:#f3e8d3;
  --c-bg:var(--paper);
  --c-ink:var(--ink);
  --c-primary:var(--primary);
  --c-line:#e7dfd2;
  --grad-main:linear-gradient(135deg,#0a3d44 0%,#0d5c63 60%,#12807a 130%);
  --grad-cta:linear-gradient(135deg,#0d5c63,#12807a);
  --gold-grad:linear-gradient(120deg,#a3762a,#d4a94e 50%,#a3762a);
}
/* 深色主题：跟随系统 + 手动 .dark 类双通道 */
@media (prefers-color-scheme: dark){
  :root:not(.light-only){
    --paper:#0d181e; --ink:#dfe9ee; --primary:#4fb3bd; --gold:#d4a94e;
    --gold-soft:#2a2416; --c-line:#24333c; --c-muted:#93a7b3; --c-ink-2:#b3c4d1;
    --c-primary-l:#123038; --c-accent-l:#11302e;
  }
}
:root.dark{
  --paper:#0d181e; --ink:#dfe9ee; --primary:#4fb3bd; --gold:#d4a94e;
  --gold-soft:#2a2416; --c-line:#24333c; --c-muted:#93a7b3; --c-ink-2:#b3c4d1;
  --c-primary-l:#123038; --c-accent-l:#11302e;
}

/* 纸面质感：细噪点氛围 */
body{
  background-image:
    radial-gradient(1100px 480px at 88% -80px,rgba(18,128,122,.08),transparent 60%),
    radial-gradient(850px 400px at -8% 20px,rgba(184,134,46,.05),transparent 55%);
  background-attachment:fixed;
}

/* 印章式徽记：logo 方章 + 鎏金描边 */
.logo-mark{background:var(--grad-main);border:1.5px solid rgba(212,169,78,.55);font-family:var(--font-display)}

/* 杂志级章节编号：01 / 02 / 03 … */
body{counter-reset:secno}
main{counter-reset:secno}
main > .sec{counter-increment:secno}
.sec h2::before{
  content:counter(secno,decimal-leading-zero);
  display:inline-block;font-family:var(--font-display);font-size:.82em;
  color:transparent;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;
  margin-right:12px;letter-spacing:2px;vertical-align:1px;
}

/* 鎏金标题下划线 */
.sec h2::after{background:var(--gold-grad)}

/* 深色表面适配 */
@media (prefers-color-scheme: dark){
  .hdr{background:rgba(13,24,30,.92)}
  .sec,.card,.price-item,.qa{background:#111f27;border-color:var(--c-line)}
  .grid .card{background:linear-gradient(180deg,#13232c,#101d25)}
  .phead{background:linear-gradient(180deg,#111f27,#0d181e)}
  .tbl th{background:#152630;color:#bfe3e8}
  .fg input,.fg select,.fg textarea{background:#0f1c23;color:var(--ink)}
  .ftr{background:linear-gradient(180deg,#0a141a,#081117)}
  .hero-card{background:rgba(16,29,37,.97);color:var(--ink)}
  .hero-card .kv dd{color:#eef4f7}
  .btn-p{background:#f4f8fa}
  .cta .btn-p{background:#f4f8fa}
  .sec-warn{background:linear-gradient(135deg,#1a1a12,#151309);border-color:#4a3d1f}
  .form-ok{background:#12281a;border-color:#1f4a2c;color:#7fd49a}
  .form-err{background:#2a1512;border-color:#55302a;color:#e8927f}
}
:root.dark .hdr{background:rgba(13,24,30,.92)}
:root.dark .sec,:root.dark .card,:root.dark .price-item,:root.dark .qa{background:#111f27;border-color:var(--c-line)}
:root.dark .grid .card{background:linear-gradient(180deg,#13232c,#101d25)}
:root.dark .phead{background:linear-gradient(180deg,#111f27,#0d181e)}
:root.dark .tbl th{background:#152630;color:#bfe3e8}
:root.dark .fg input,:root.dark .fg select,:root.dark .fg textarea{background:#0f1c23;color:var(--ink)}
:root.dark .ftr{background:linear-gradient(180deg,#0a141a,#081117)}
:root.dark .hero-card{background:rgba(16,29,37,.97)}
:root.dark .hero-card .kv dd{color:#eef4f7}
:root.dark .sec-warn{background:linear-gradient(135deg,#1a1a12,#151309);border-color:#4a3d1f}
:root.dark .form-ok{background:#12281a;border-color:#1f4a2c;color:#7fd49a}
:root.dark .form-err{background:#2a1512;border-color:#55302a;color:#e8927f}

/* 鎏金价格胶囊 */
.price-item .p{background:linear-gradient(135deg,#9a6d24,#c99a3c)}

/* 链接鎏金悬浮 */
a:hover{color:var(--gold)}

/* 移动端底栏深色适配 */
@media (max-width:860px){
  .mob-bar{background:rgba(250,247,241,.97)}
}
@media (max-width:860px) and (prefers-color-scheme: dark){
  .mob-bar{background:rgba(13,24,30,.97)}
  .mob-bar a{color:#dfe9ee}
  .mob-yuyue{color:#fff!important}
}
:root.dark .mob-bar{background:rgba(13,24,30,.97)}
:root.dark .mob-bar a{color:#dfe9ee}

/* 医生实拍形象照 */
.avatar-photo{width:94px;height:126px;object-fit:cover;object-position:top;border-radius:12px;flex:0 0 94px;
  box-shadow:0 4px 14px rgba(8,50,90,.18);border:1px solid var(--c-line)}
.avatar-photo:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(8,50,90,.24)}
.avatar-photo{transition:transform .25s var(--ease),box-shadow .25s var(--ease)}

/* 品牌 LOGO 图 */
.logo-img{width:44px;height:44px;border-radius:10px;object-fit:cover;flex:0 0 44px;
  box-shadow:0 2px 10px rgba(8,50,90,.14);border:1px solid var(--c-line);background:#fff}

/* ===== v3.4 移动端排版适配（2026-10-16）===== */
@media (max-width:860px){
  /* 网格与卡片防溢出（minmax(0,1fr) 允许收缩到内容以下） */
  .grid-2,.grid-3{grid-template-columns:minmax(0,1fr)!important}
  .grid-2>.card,.grid-3>.card,.doc-card,.price-item{max-width:100%;min-width:0}
  .doc-top>div{min-width:0;flex:1 1 0}
  .doc-top h3{flex-wrap:wrap}
  .doc-top .chip{white-space:nowrap}
  .card p,.card li,.kv2 li,.crumbs a{overflow-wrap:break-word}
  /* 正文字号下限提升 */
  .chip{font-size:13px}
  .tag,.mini{font-size:14px}
  figcaption{font-size:14px}
  .price-item small{font-size:13.5px}
  .tbl{font-size:13.5px}
  .kv2 li{grid-template-columns:minmax(0,88px) minmax(0,1fr)}
}

/* ===== v3.5 首页移动端阅读优化（2026-10-16 克制·简单·易读）===== */
@media (max-width:860px){
  /* 装饰克制：隐藏光晕/扫光等视觉噪音 */
  .hero::before,.hero::after{display:none}
  .hero{padding:22px 0 14px;background:linear-gradient(180deg,rgba(13,92,99,.05),transparent 240px)}
  .hero-in{flex-direction:column;gap:16px}
  .hero-txt .tag{font-size:12.5px;letter-spacing:.04em;margin-bottom:8px}
  .hero h1{font-size:19px;line-height:1.55;margin-bottom:10px}
  .hero .lead{font-size:14.5px;line-height:1.95}
  .hero-points{gap:5px;margin:12px 0 16px}
  .hero-points li{font-size:13.5px;padding-left:20px}
  .hero-acts{flex-direction:column;gap:10px}
  .hero-acts .btn{width:100%;justify-content:center;padding:13px 16px;font-size:15px}
  .hero-card{padding:16px 16px 12px;margin:0}
  .hero-card h3{font-size:15px}
  .kv{grid-template-columns:minmax(0,84px) minmax(0,1fr);font-size:13.5px;gap:7px 10px}

  /* 区块节奏：更松更安静 */
  .sec{padding:20px 16px;margin:12px auto}
  .sec h2{font-size:18px;line-height:1.5;margin-bottom:10px}
  .sec-lead{font-size:14.5px;line-height:1.9;margin-bottom:14px}
  .card{padding:14px 15px}
  .card h3{font-size:16px}
  .card p,.ticks li,.kv2 li{font-size:14.5px;line-height:1.85}
  .doc-card p{line-height:1.8}

  /* 价格：单列横排一眼扫 */
  .price-grid{grid-template-columns:1fr;gap:8px}
  .price-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;row-gap:2px;padding:11px 14px}
  .price-item strong{font-size:15px}
  .price-item .p{font-size:14.5px}
  .price-item small{grid-column:1 / -1;font-size:13px;color:var(--c-muted)}

  /* 资讯列表：更疏朗 */
  .news-list li a{font-size:15px;line-height:1.6;padding:6px 0}
  .news-list li{padding:9px 0}
  .more-wrap{margin-top:12px}

  /* FAQ 速览简化 */
  .qa summary{font-size:14.5px;padding:13px 0}
  .qa .a{font-size:14.5px;line-height:1.9}
}

/* v3.5 补充：移动端 hero 按钮通栏 */
@media (max-width:860px){
  .hero-txt,.hero-acts{align-self:stretch;width:100%}
  .hero-txt{min-width:0}
}

/* v3.5 修正：hero-in 实为 grid，窄屏改单列 */
@media (max-width:860px){
  .hero-in{display:flex;flex-direction:column;align-items:stretch}
  .hero-txt{width:100%;max-width:100%}
}

/* ===== v3.6 移动端：内容立即可见 + 双列横向紧凑（2026-10-16）===== */
@media (max-width:860px){
  /* 关键：关闭滚动显现动画，首屏内容直接可见（修白屏） */
  .reveal{opacity:1!important;transform:none!important;transition:none!important}

  /* 短卡片双列横排：判断标准/信任信号，利用右侧空间 */
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
  .grid-3 .card{padding:12px 12px}
  .grid-3 .card h3{font-size:14.5px;margin-bottom:6px}
  .grid-3 .card p{font-size:13.5px;line-height:1.7}
  .grid-3 .ticks li{font-size:13px;line-height:1.65;padding-left:18px}

  /* 价格双列紧凑 */
  .price-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
  .price-item{display:flex;flex-direction:column;padding:10px 12px;gap:2px}
  .price-item strong{font-size:14.5px}
  .price-item .p{font-size:14px}
  .price-item small{font-size:12.5px}

  /* 院区参数双列横排 */
  .kv2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}
  .kv2 li{display:flex;align-items:baseline;gap:6px}
  .kv2 li span{flex:0 0 auto}

  /* hero 速览卡参数双列 */
  .kv{grid-template-columns:repeat(2,minmax(0,auto));gap:6px 12px}
  .kv dt{font-weight:600;color:var(--c-muted);white-space:nowrap}
  .kv dd{margin:0;font-weight:600}
}

/* v3.6 补充：移动端关闭 hero 入场动画（修首屏白屏） */
@media (max-width:860px){
  .hero .tag,.hero h1,.hero .lead,.hero-points,.hero-acts,.hero-card{animation:none!important;opacity:1!important;transform:none!important}
}

/* v3.6 补充2：移动端 hero 浅底配深字（修白字白底） */
@media (max-width:860px){
  .hero .tag{color:var(--c-primary)}
  .hero h1{color:var(--c-ink)}
  .hero .lead{color:var(--c-ink-2)}
  .hero-points li{color:var(--c-ink-2)}
}

/* v3.6 补充3：导航单行锁死（防换行） */
@media (max-width:860px){
  .hdr-in{align-items:center;gap:10px}
  .nav{display:flex!important;flex-wrap:nowrap!important;flex-direction:row!important;
    overflow-x:auto!important;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;-ms-overflow-style:none;min-width:0}
  .nav::-webkit-scrollbar{display:none}
  .nav a{white-space:nowrap!important;flex:0 0 auto;padding:8px 12px;font-size:14.5px}
}

/* v3.6 补充4：PC 端导航单行（修换行） */
@media (min-width:861px){
  .nav{flex-wrap:nowrap!important;justify-content:flex-end;min-width:0}
  .nav a{font-size:14px;padding:7px 9px;white-space:nowrap;flex:0 0 auto}
}
@media (min-width:861px) and (max-width:1024px){
  .nav{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
}


/* ===== v3.7 中英双语站：语言切换 + 英文版辅助样式（2026-10-27）===== */
.lang-sw{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--c-line);border-radius:99px;background:#fff;font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;box-shadow:var(--shadow-sm)}
.lang-sw em{color:#c9d6e4;font-style:normal}
.lang-sw span{color:var(--c-primary-d)}
.lang-sw a{color:var(--c-muted);font-weight:500;text-decoration:none}
.lang-sw a:hover{color:var(--c-accent)}
@media (max-width:860px){.lang-sw{padding:5px 9px;font-size:12.5px}.hdr-in{gap:8px}}
/* 英文版内嵌中文原文对照（地址/电话/免责） */
.ftr-zh{color:var(--c-muted);font-size:.92em;line-height:1.7}
.ftr-col h4 .ftr-zh{margin-left:6px;font-weight:500}
.doc-zh{color:var(--c-muted);font-size:.82em;font-weight:500}

/* v3.7 导航防溢出：宽屏也为导航保留横向滚动，避免中/英切换按钮把导航挤出容器 */
@media (min-width:1025px){
  .nav{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
}

/* v3.8 移动端头部两行：logo + 语言切换第一行，导航独立一行横向滚动（加语言按钮后防溢出） */
@media (max-width:860px){
  .hdr-in{flex-wrap:wrap;align-items:center;column-gap:8px;row-gap:2px;min-height:56px;padding-top:6px}
  .logo{order:1;flex:1 1 auto;min-width:0}
  .logo-txt{min-width:0}
  .logo-txt strong{font-size:15.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .logo-txt small{display:none}
  .lang-sw{order:2;margin-left:auto;flex:0 0 auto}
  .nav{order:3;flex:1 1 100%;width:100%;min-width:0;padding:0 0 8px}
}

/* ===== v3.9 导航对齐修复 + 页脚排版优化（2026-10-30）===== */
/* 导航：统一基线对齐，防错位 */
.hdr-in{align-items:center}
.nav{align-items:center;gap:4px}
.nav a{display:inline-flex;align-items:center;line-height:1.2}
.lang-sw{align-self:center}

/* 移动端：导航行与 logo 左缘对齐 + 右侧渐隐滚动提示 */
@media (max-width:860px){
  .hdr-in{padding-left:14px;padding-right:14px}
  .nav{padding:2px 0 8px;gap:6px;
    mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 28px),transparent 100%);
    -webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 28px),transparent 100%)}
  .nav a{padding:7px 13px;font-size:14px}
  .nav a.on{padding:7px 13px}
}

/* 页脚：呼吸感与层级优化 */
.ftr{padding:44px 0 24px}
.ftr-in{gap:34px 28px}
.ftr-col h4{font-size:15px;margin:0 0 14px;letter-spacing:1px;padding-bottom:9px;border-bottom:1px solid rgba(159,208,234,.22)}
.ftr-col p{margin:0 0 9px;line-height:1.95}
.ftr a{text-decoration:none}
.ftr a:hover{text-decoration:underline}
.ftr-tel{font-size:15px}
.ftr-note{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:20px;font-size:12.5px;line-height:2;text-align:center}
.ftr-note p{margin:0 auto 6px;max-width:760px}
.ftr-note p:last-child{margin-bottom:0}
.ftr-note .ftr-legal{font-size:12px;letter-spacing:.3px}
@media (max-width:860px){
  .ftr-in{gap:24px 18px}
  .ftr{padding:36px 0 22px}
  .ftr-note{text-align:left}
  .ftr-note p{margin-left:0}
}

/* ===== v4.0 品牌VI配色统一（LOGO深藏青 #1F2D75/#22307A）+ 导航截断修复（2026-10-30）===== */

/* 导航：去掉右侧渐隐遮罩，保证菜单完整显示（可横向滑动） */
@media (max-width:860px){
  .nav{mask-image:none!important;-webkit-mask-image:none!important;padding:2px 0 8px}
  .nav a{padding:7px 11px;font-size:13.5px}
}

/* 全站主色 → LOGO 深藏青 */
:root{
  --c-primary:#22307a;
  --c-primary-d:#1a2560;
  --c-primary-l:#eceffa;
  --c-accent:#2f9ac0;
  --c-accent-l:#e7f4fa;
  --grad-main:linear-gradient(135deg,#1a2560 0%,#22307a 60%,#3350a8 130%);
  --grad-cta:linear-gradient(135deg,#22307a,#3350a8);
  --shadow-sm:0 1px 3px rgba(20,30,80,.06),0 4px 14px rgba(20,30,80,.06);
  --shadow-md:0 6px 24px rgba(20,30,80,.10);
  --shadow-lg:0 16px 48px rgba(16,24,70,.16);
}
body{
  background-image:radial-gradient(1200px 500px at 85% -100px,rgba(34,48,122,.06),transparent 60%),
                   radial-gradient(900px 420px at -10% 30px,rgba(34,48,122,.05),transparent 55%);
}

/* 页脚/页头深色区 → 同源深藏青 */
.ftr{background:linear-gradient(180deg,#1b2570,#141b52);color:#bcc6e6}
.ftr-col h4{border-bottom-color:rgba(255,255,255,.22)}
.ftr a{color:#9fb4f0}
.ftr a:hover{color:#c3d0ff}
.ftr-tel{color:#c9d6ff!important}
.ftr-note{border-top-color:rgba(255,255,255,.14);color:#9aa6cc}

/* 当前选中导航胶囊/头部背景微调 */
.nav a.on{box-shadow:0 3px 10px rgba(34,48,122,.30)}
.theme-color-meta{color:#22307a}

/* v4.1 手机端导航完整显示：横向滚动改为自动换行网格，杜绝任何截断 */
@media (max-width:860px){
  .hdr-in{row-gap:6px}
  .nav{flex-wrap:wrap!important;overflow-x:visible!important;justify-content:flex-start;gap:5px;padding:2px 0 8px}
  .nav a{white-space:nowrap;flex:0 1 auto;padding:6px 11px;font-size:13.5px;border-radius:10px;background:var(--c-primary-l)}
  .nav a.on{background:var(--grad-main)}
}

/* v4.2 电话预约页样式 */
.yy-tel-card{text-align:center;padding:26px 20px 22px}
.yy-tel-num{margin:10px 0 4px}
.yy-tel-num a{display:inline-block;font-size:26px;font-weight:800;color:var(--c-primary);letter-spacing:.5px}
.yy-tel-num a:hover{color:var(--c-primary-d)}
.yy-tel-card .btn{margin-top:12px}
.yy-tel-card .mini{color:var(--c-muted);font-size:12.5px;line-height:1.8}
@media (max-width:860px){.yy-tel-num a{font-size:22px}}

.yy-tel-mob{margin:2px 0 6px}
.yy-tel-mob a{font-size:16px;font-weight:700;color:var(--c-primary-d)}

/* v5.0 首页改版（参考编号分区结构） */
.stat-bar{background:var(--c-primary);color:#fff;padding:18px 0;margin-top:24px}
.stat-in{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;text-align:center}
.stat strong{display:block;font-size:20px;font-weight:800;letter-spacing:.5px}
.stat span{font-size:12.5px;opacity:.85}
.kick{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--c-primary);text-transform:uppercase;margin:0 0 4px}
.sec .kick+h2{margin-top:0}
.profile-grid{align-items:start}
.profile-grid figure{margin:0}
.kv-card .kv-k{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:1.5px;color:var(--c-primary);border:1px solid var(--c-primary);border-radius:999px;padding:2px 10px;margin:10px 0 8px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.verify-note{margin-top:16px;border:1px dashed var(--c-primary);border-radius:10px;padding:14px 18px;background:rgba(34,48,122,.04)}
.verify-note strong{display:block;font-size:13px;letter-spacing:1px;color:var(--c-primary);margin-bottom:4px}
.verify-note p{margin:0;font-size:14px;color:var(--c-muted)}
.art-card{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit}
.art-card:hover{border-color:var(--c-primary)}
.art-cat{font-size:11.5px;color:var(--c-primary);font-weight:700;letter-spacing:1px}
.art-card h3{font-size:15.5px;margin:0}
.art-card p{font-size:13px;color:var(--c-muted);margin:0;flex:1}
.art-card .more{color:var(--c-primary);font-size:13px;font-weight:700}
@media (max-width:860px){.stat-in{grid-template-columns:repeat(2,1fr);gap:14px}.grid-4{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.grid-4{grid-template-columns:1fr}}

/* v5.1 页脚重排 + 汉堡菜单 + 首页BANNER */
.ftr{background:#101632;color:#c9cfe6;padding:44px 0 0}
.ftr-grid{display:grid;grid-template-columns:1.3fr 1.6fr 1.4fr;gap:28px;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.12)}
.ftr-brand .ftr-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#fff;margin-bottom:10px}
.ftr-logo strong{font-size:17px}
.ftr-brand p{margin:4px 0;font-size:13.5px;line-height:1.7;color:#aab2d0}
.ftr-links{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;align-content:start}
.ftr-links a{color:#c9cfe6;text-decoration:none;font-size:13.5px;padding:3px 0}
.ftr-links a:hover{color:#fff}
.ftr-contact .ftr-cap{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:1.5px;color:#8ea0ff;border:1px solid rgba(142,160,255,.5);border-radius:999px;padding:2px 10px;margin-bottom:10px}
.ftr-store{margin:6px 0 10px;font-size:13.5px;color:#dfe3f5;line-height:1.7}
.ftr-tel{color:#fff;font-weight:700;text-decoration:none;font-size:15px}
.ftr-addr{color:#9aa2c4;font-size:12.5px}
.ftr-bot{padding:14px 0 18px;text-align:center}
.ftr-bot .ftr-legal{margin:0 0 6px;font-size:12.5px;color:#c9cfe6}
.ftr-bot .ftr-legal a{color:#c9cfe6;text-decoration:none}
.ftr-fine{margin:3px 0;font-size:11.5px;color:#7d85a8;line-height:1.6}
.ftr-fine a{color:#7d85a8;text-decoration:none}
.ftr-fine a:hover{color:#aab2d0}
.ftr .ftr-in,.ftr .ftr-note{display:none}
/* 汉堡菜单：桌面隐藏 */
.hdr .mob-menu{display:none}
@media (max-width:860px){
  .hdr .nav{display:none!important}
  .hdr .mob-menu{display:block!important;position:relative}
  .hdr-in{flex-wrap:wrap}
  .mob-menu summary{display:inline-flex;align-items:center;gap:6px;list-style:none;cursor:pointer;border:1px solid var(--c-primary);color:var(--c-primary);border-radius:8px;padding:6px 12px;font-size:14px;font-weight:700;user-select:none}
  .mob-menu summary::-webkit-details-marker{display:none}
  .mob-menu[open] summary{background:var(--c-primary);color:#fff}
  .mob-menu-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:60;background:#fff;border:1px solid #e3e6f0;border-radius:10px;box-shadow:0 10px 30px rgba(16,22,50,.18);min-width:210px;padding:6px}
  .mob-menu-panel a{display:block;padding:11px 14px;color:#2a3050;text-decoration:none;font-size:15px;border-radius:7px}
  .mob-menu-panel a.on,.mob-menu-panel a:hover{background:rgba(34,48,122,.08);color:var(--c-primary)}
  .ftr-grid{grid-template-columns:1fr;gap:18px}
  .ftr-links{grid-template-columns:1fr 1fr 1fr}
}
/* 首页 BANNER 大图 */
.hero-banner{position:relative;padding:72px 0;background:#0e1533;overflow:hidden}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,21,51,.9) 0%,rgba(14,21,51,.62) 55%,rgba(14,21,51,.35) 100%)}
.hero-banner .hero-in{position:relative;z-index:2}
.hero-banner .hero-txt .tag{color:#aebcff;border-color:rgba(174,188,255,.5)}
.hero-banner h1{color:#fff}
.hero-banner .lead{color:#dfe3f5}
.hero-banner .hero-points li{color:#cdd4f2}
.hero-banner .hero-card{background:rgba(255,255,255,.96)}
@media (max-width:860px){.hero-banner{padding:44px 0}.hero-mask{background:linear-gradient(180deg,rgba(14,21,51,.78),rgba(14,21,51,.68))}}

/* v5.2 手机端修复：菜单面板全宽定位 / 院区卡单列 / 文章卡单列 */
.art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:860px){
  .mob-menu-panel{position:fixed;left:0;right:0;top:64px;min-width:0;border-radius:0 0 14px 14px;box-shadow:0 14px 34px rgba(16,22,50,.22);padding:8px 12px 12px;max-height:calc(100vh - 80px);overflow:auto}
  .mob-menu-panel a{padding:12px 14px;font-size:15.5px;border-bottom:1px solid #eef0f6}
  .mob-menu-panel a:last-child{border-bottom:0}
  .store-card{padding:16px 14px}
  .store-card .kv2{grid-template-columns:1fr!important}
  .store-card .kv2 li{font-size:14px;padding:5px 0}
  .store-card .kv2 li span{flex:0 0 84px}
  .art-grid{grid-template-columns:1fr!important;gap:10px}
  .art-card{display:grid;grid-template-columns:1fr auto;grid-template-areas:'cat more' 'title title' 'desc desc';gap:4px 8px;padding:14px 16px}
  .art-card .art-cat{grid-area:cat}
  .art-card .more{grid-area:more}
  .art-card h3{grid-area:title;font-size:15.5px}
  .art-card p{grid-area:desc;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}

/* v5.3 媒体报道卡 + mob-bar 两键 */
.media-card{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit}
.media-card:hover{border-color:var(--c-primary)}
.media-src{font-size:12.5px;font-weight:700;color:var(--c-primary)}
.media-src em{font-style:normal;font-weight:400;color:var(--c-muted);margin-left:8px}
.media-card h3{font-size:14.5px;margin:0;line-height:1.6;flex:1}
.media-card .more{color:var(--c-primary);font-size:13px;font-weight:700}
@media (max-width:860px){.mob-bar{grid-template-columns:1fr 1fr}.mob-bar .mob-yuyue{display:none}.media-card h3{font-size:14px}}

/* v5.4 手机端 PROFILE 信息块排版 + toTop 避让 */
@media (max-width:860px){
  .profile-grid .kv2{display:block}
  .profile-grid .kv2 li{display:block;padding:8px 0;border-bottom:1px dashed var(--c-line);line-height:1.75}
  .profile-grid .kv2 li span{display:block;width:auto;color:var(--c-primary);font-weight:700;font-size:13.5px;margin-bottom:2px}
  .profile-grid .kv2 li:last-child{border-bottom:0}
  #toTop{bottom:76px!important}
}