/*
Theme Name: 古镇正骨医院
Description: 青岛城阳古镇正骨医院定制主题
Version: 0.7.0
Text Domain: guzhen
*/

/* ============================================================
   青岛城阳古镇正骨医院 · 首页
   配色（墨绿国风，字面量书写以兼容 IE11 / 360，无 CSS 变量）：
   墨绿 #2E4A3A / 深墨绿 #1E3328 / 柔绿 #4A6B57
   朱砂 #A6402F / 深朱 #8B3324 / 描金 #A98C57 / 赭 #5A4631
   正文 #37301F / 弱 #7A6A4B / 底A #FBF7EF / 底B #F3EBDD / 边 #E4D9C0
   自适应：以 1536px 为设计基准（1rem≈16px），根字号随视口等比缩放，
   由 JS 设置并封顶（>2560 封顶 26.66px），移动端(<=1152)转单列。
   ============================================================ */
*{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;font-size:1.0417vw;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (min-width:2560px){html{font-size:26.66px}}
@media (max-width:1152px){html{font-size:15px}}
body{
  font-family:"Noto Serif SC","SimSun","宋体",serif;
  color:#37301F;background-color:#FBF7EF;
  line-height:1.85;-webkit-font-smoothing:antialiased;
  overflow-x:hidden;position:relative;
  font-size:1rem;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block;border:0}
svg{display:block}
ul{list-style:none}

/* ---------- 通栏 band + 居中内容区（视口 76.5%，左右各 ~11.7%） ---------- */
.band{width:100%;position:relative}
.band-a{background:#FBF7EF}
.band-b{background:#F3EBDD}
.band-green{background:#26402F}
.inner{width:76.5%;margin:0 auto;position:relative}
@media (max-width:1152px){.inner{width:92%}}
.row{display:flex;flex-wrap:wrap;margin-left:-0.9375rem;margin-right:-0.9375rem}
.row>*{padding-left:0.9375rem;padding-right:0.9375rem}

.section{padding:5rem 0}
@media (max-width:1152px){.section{padding:3.25rem 0}}

/* reveal 动画（带降级：无 JS 时直接显示） */
.reveal{opacity:1;transform:none}

/* ---------- 印章 ---------- */
.seal{display:inline-block;width:3.875rem;height:3.875rem;border-radius:0.44rem;
  background:#A6402F;color:#F5ECD7;font-weight:700;line-height:1;text-align:center;
  box-shadow:inset 0 0 0 2px rgba(245,236,215,.55),0 2px 0 rgba(0,0,0,.08);
  position:relative;vertical-align:middle}
.seal>span{display:inline-block;width:50%;height:50%;line-height:1.94rem;font-size:1.44rem;
  float:left;text-align:center}

/* ---------- 段首标题牌 ---------- */
.plaque{text-align:center;margin:0 auto 2.5rem}
.plaque .band-in{display:inline-block;position:relative;
  background:#2E4A3A;background:linear-gradient(180deg,#2E4A3A 0%,#1E3328 100%);
  color:#EDE3C9;padding:0.7rem 3rem;border-radius:0.2rem;
  box-shadow:0 0.2rem 0 rgba(30,51,40,.25),inset 0 0 0 1px rgba(237,227,201,.18)}
.plaque .band-in .idx{font-family:"Cormorant Garamond",serif;font-style:italic;
  font-size:1.05rem;color:#C9A96A;margin-right:1rem;vertical-align:middle}
.plaque h2{display:inline-block;font-size:1.7rem;font-weight:700;letter-spacing:.22em;
  text-indent:.22em;vertical-align:middle}
.plaque .sub{margin-top:1rem;color:#7A6A4B;font-size:1rem;letter-spacing:.18em}
.plaque .sub:before,.plaque .sub:after{content:"—";color:#A98C57;margin:0 .7em;opacity:.7}
.band-green .plaque h2,.band-green .plaque .sub{color:#EDE3C9}
.band-green .plaque .band-in{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(237,227,201,.3)}

/* ---------- 图片占位框 / 图片框 ---------- */
.ph{display:block;position:relative;width:100%;height:0;overflow:hidden;border-radius:0.35rem;
  background:#EDE3C9;border:1px dashed #C9B489}
.ph .fill{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.ph .note{position:absolute;top:50%;left:0;right:0;margin-top:-0.6rem;text-align:center;
  color:#9A875F;font-size:0.85rem;letter-spacing:.1em}
.frame{position:relative;border:1px solid #E4D9C0;background:#fff;border-radius:0.5rem;
  padding:0.7rem;box-shadow:0 0.9rem 2.2rem -1.4rem rgba(46,74,58,.5)}
.frame .ph{border-style:solid;border-color:#EFE6D2}
.frame .tag{position:absolute;left:1.3rem;bottom:1.3rem;z-index:2;
  background:rgba(30,51,40,.86);color:#EDE3C9;font-size:0.8rem;letter-spacing:.1em;
  padding:0.3rem 0.8rem;border-radius:0.15rem}

/* ============ 顶部：快捷条 + 品牌 + 导航 ============ */
.utility{background:#1E3328;color:#CBBE9E}
.utility .inner{display:flex;flex-wrap:wrap;align-items:center;
  min-height:2.4rem;font-size:0.82rem;letter-spacing:.08em}
.utility .slo{color:#E7D9B4}
.utility .slo b{color:#F1E4BE;font-weight:600}
.utility .sep{margin:0 0.8rem;color:#4A6B57}
.utility .right{margin-left:auto;color:#9FB0A2}

.masthead{background:#FBF7EF;border-bottom:1px solid #E4D9C0}
.masthead .inner{display:flex;align-items:center;padding:1.1rem 0}
.brand{display:flex;align-items:center}
.brand-logo{display:block;width:3.4rem;height:3.4rem;object-fit:cover;flex:0 0 auto;border-radius:.34rem}
.brand .seal{width:3.4rem;height:3.4rem;border-radius:0.34rem}
.brand .seal>span{line-height:1.7rem;font-size:1.24rem}
.brand .txt{margin-left:1rem}
.brand .txt b{display:block;font-size:1.5rem;font-weight:700;letter-spacing:.05em;color:#1E3328;line-height:1.2}
.brand .txt .en{font-family:"Cormorant Garamond",serif;font-size:0.78rem;letter-spacing:.14em;
  color:#7A6A4B;text-transform:uppercase;font-weight:600;margin-top:0.15rem}
.brand .txt .grade{display:inline-block;margin-top:0.25rem;font-size:0.8rem;color:#A6402F;
  border:1px solid rgba(166,64,47,.4);padding:0.05rem 0.55rem;border-radius:0.12rem;letter-spacing:.06em}
.masthead .aside{margin-left:auto;text-align:right}
.masthead .aside .big{font-family:"Ma Shan Zheng",cursive;font-size:1.7rem;color:#2E4A3A;line-height:1.1;letter-spacing:.04em}
.masthead .aside .small{font-size:0.82rem;color:#7A6A4B;letter-spacing:.14em;margin-top:0.2rem}

.navbar{background:#2E4A3A;background:linear-gradient(180deg,#33513E 0%,#264030 100%);
  position:-webkit-sticky;position:sticky;top:0;z-index:60;box-shadow:0 0.2rem 0.9rem rgba(30,51,40,.28)}
.navbar .inner{display:flex;align-items:stretch}
.nav-wrap{width:100%}
.nav{display:flex;flex-wrap:wrap;width:100%;list-style:none}
.nav>li{flex:1 1 auto;position:relative;text-align:center}
.nav>li>a{display:block;color:#E7DFC8;font-size:1rem;font-weight:500;
  letter-spacing:.06em;padding:0.95rem 0.6rem;position:relative;transition:background .25s,color .25s}
.nav>li>a:hover,.nav>li:hover>a{background:rgba(0,0,0,.18);color:#fff}
.nav>li>a.on,.nav>.current-menu-item>a,.nav>.current-menu-ancestor>a{background:#A6402F;color:#fff}
.nav>li>a.on:before,.nav>.current-menu-item>a:before,.nav>.current-menu-ancestor>a:before{content:"";position:absolute;left:50%;bottom:-0.42rem;margin-left:-0.42rem;
  border:0.42rem solid transparent;border-top-color:#A6402F;z-index:2}
.nav>.menu-item-has-children>a:after{content:"\25BE";display:inline-block;margin-left:0.28rem;
  font-size:0.62rem;opacity:.75;transition:transform .25s}
.nav>.menu-item-has-children:hover>a:after,.nav>li.submenu-open>a:after{transform:rotate(180deg)}
/* 下拉子菜单：进入=淡入下滑，退出=淡出上收 */
.nav .sub-menu{position:absolute;top:100%;left:0;min-width:100%;white-space:nowrap;list-style:none;
  background:#fff;border-top:0.18rem solid #A6402F;
  box-shadow:0 0.7rem 1.6rem -0.4rem rgba(30,51,40,.4);
  padding:0.3rem 0;z-index:70;
  opacity:0;visibility:hidden;transform:translateY(-0.6rem);
  transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s}
.nav>li:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0);
  transition:opacity .25s ease,transform .25s ease,visibility 0s}
.nav>li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav>li.submenu-open>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav .sub-menu a{display:block;text-align:left;color:#4A4030;font-size:0.92rem;letter-spacing:.04em;
  padding:0.58rem 1.3rem;transition:background .2s,color .2s,padding .2s}
.nav .sub-menu a:hover{background:#2E4A3A;color:#fff;padding-left:1.7rem}
.nav-toggle{display:none}

/* ============ 首屏画卷（全屏通栏，比例撑高，展开动画） ============ */
.hero{width:100%;overflow:hidden;background:#EFE6D2}
.hero .frame-wrap{position:relative;width:100%;height:0;padding-top:33.33%;/* 724/2172 */
  transform-origin:center center;
  -webkit-animation:unroll 1.25s cubic-bezier(.2,.7,.2,1) both;
  animation:unroll 1.25s cubic-bezier(.2,.7,.2,1) both}
.hero .frame-wrap .bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.hero .overlay{position:absolute;top:0;left:0;right:0;bottom:0;
  display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;
  padding:2% 6%;opacity:0;
  -webkit-animation:fadein 1s ease .95s both;animation:fadein 1s ease .95s both}
.hero .overlay .glow{position:absolute;top:50%;left:50%;width:70%;height:82%;
  margin:-41% 0 0 -35%;
  background:radial-gradient(ellipse,rgba(248,242,225,.86),rgba(248,242,225,.35) 55%,rgba(248,242,225,0) 78%)}
.hero .overlay>*{position:relative;z-index:2}
.hero .tag{display:inline-block;font-size:0.82rem;letter-spacing:.4em;text-indent:.4em;
  color:#A6402F;border:1px solid rgba(166,64,47,.5);padding:0.2rem 1rem;border-radius:0.12rem;
  background:rgba(248,242,225,.5)}
.hero h1{font-size:3rem;font-weight:900;letter-spacing:.08em;color:#1E3328;line-height:1.2;
  margin-top:0.9rem;text-shadow:0 1px 6px rgba(248,242,225,.8)}
.hero .en{font-family:"Cormorant Garamond",serif;font-size:1rem;letter-spacing:.3em;
  color:#5A4631;text-transform:uppercase;font-weight:600;margin-top:0.5rem}
.hero .grade{display:inline-block;margin-top:0.9rem;font-family:"Ma Shan Zheng",cursive;
  font-size:2.1rem;color:#A6402F;letter-spacing:.06em;text-shadow:0 1px 6px rgba(248,242,225,.8)}
.hero .cta{margin-top:1.6rem}
.hero .cta a{display:inline-block;margin:0 0.5rem;font-size:1rem;padding:0.75rem 1.9rem;
  border-radius:0.18rem;letter-spacing:.12em;border:1px solid transparent;transition:transform .2s,box-shadow .2s}
.hero .cta .pri{background:#A6402F;color:#F6ECD6;box-shadow:0 0.4rem 1.1rem -0.5rem rgba(166,64,47,.7)}
.hero .cta .pri:hover{transform:translateY(-2px)}
.hero .cta .ghost{background:rgba(248,242,225,.72);color:#2E4A3A;border-color:#4A6B57}
.hero .cta .ghost:hover,.hero .cta .ghost:focus-visible{background:#2E4A3A;color:#F6ECD6;border-color:#2E4A3A;
  box-shadow:0 0.4rem 1.1rem -0.5rem rgba(46,74,58,.7);transform:translateY(-2px)}
.hero .scrolltip{position:absolute;left:50%;bottom:1.1rem;margin-left:-0.55rem;z-index:3;
  color:#2E4A3A;opacity:.7;-webkit-animation:bob 1.8s ease-in-out infinite;animation:bob 1.8s ease-in-out infinite}
@-webkit-keyframes unroll{from{-webkit-transform:scaleX(.16);opacity:0}60%{opacity:1}to{-webkit-transform:scaleX(1)}}
@keyframes unroll{from{transform:scaleX(.16);opacity:0}60%{opacity:1}to{transform:scaleX(1)}}
@-webkit-keyframes fadein{to{opacity:1}}
@keyframes fadein{to{opacity:1}}
@-webkit-keyframes bob{0%,100%{-webkit-transform:translateY(0)}50%{-webkit-transform:translateY(6px)}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@-webkit-keyframes navDrop{from{opacity:0;-webkit-transform:translateY(-0.5rem)}to{opacity:1;-webkit-transform:none}}
@keyframes navDrop{from{opacity:0;transform:translateY(-0.5rem)}to{opacity:1;transform:none}}
@media (max-width:768px){
  /* 手机上 3:1 画卷太矮，放不下叠加文字：加高裁切区，图片 cover 居中裁 */
  .hero .frame-wrap{padding-top:82%}
  .hero .overlay{padding:1.4rem 1rem}
  .hero h1{font-size:1.55rem;margin-top:0.5rem}.hero .grade{font-size:1.25rem;margin-top:0.5rem}
  .hero .en{font-size:0.66rem;letter-spacing:.2em}
  .hero .cta{margin-top:1rem}.hero .cta a{padding:0.5rem 1rem;font-size:0.85rem;margin-bottom:0.4rem}
  .hero .glow{width:96%;height:90%;margin:-45% 0 0 -48%}
  .hero .scrolltip{display:none}
}

/* ============ 医院概况 ============ */
.about-top{display:flex;flex-wrap:wrap;align-items:center;margin:2rem -1.4rem 2rem}
.about-top>.col{padding:0 1.4rem;margin-bottom:1.4rem}
.about-top .c-img{width:44%}
.about-top .c-txt{width:56%}
@supports (display:grid){
  .about-top{display:grid;grid-template-columns:44% 56%;margin:2rem 0}
  .about-top>.col{padding:0;margin:0}
  .about-top .c-img,.about-top .c-txt{width:auto}
}
.c-txt .lead{font-size:1.18rem;color:#37301F;margin-bottom:1rem}
.c-txt .lead b{color:#A6402F;font-weight:700}
.c-txt p{color:#5A4631;font-size:1.04rem;margin-bottom:0.9rem}
.c-txt .col-left{padding-left:2.5rem}
@media (max-width:1152px){.c-txt .col-left{padding-left:0}}
.stats{display:flex;flex-wrap:wrap;margin:2.4rem -0.6rem 0}
.stats .stat{flex:1 1 20%;margin:0 0.6rem 1.2rem;min-width:8rem;text-align:center;
  background:#fff;border:1px solid #E4D9C0;border-top:0.22rem solid #A98C57;border-radius:0.4rem;padding:1.3rem 0.5rem;
  box-shadow:0 0.5rem 1.4rem -1rem rgba(46,74,58,.4)}
.stats .num{font-size:2.3rem;font-weight:900;color:#2E4A3A;line-height:1}
.stats .num small{font-size:0.95rem;font-weight:600;color:#A6402F}
.stats .lab{margin-top:0.5rem;color:#7A6A4B;font-size:0.92rem;letter-spacing:.1em}

.gallery-head{display:flex;align-items:center;justify-content:space-between;margin-top:2.6rem;padding-bottom:.7rem;border-bottom:1px solid #E4D9C0}
.gallery-head h3{color:#1E3328;font-size:1.25rem;letter-spacing:.08em}
.gallery-head a{color:#8B3324;font-size:.92rem;letter-spacing:.06em}
.gallery-head a:after{content:" ›"}
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;margin:1.2rem 0 0}
.gallery figure{min-width:0}
.gallery .ph{height:0;padding-top:75%;/* 800x600 */}
.gallery .ph .fill{transition:transform .35s ease}
.gallery figure:hover .ph .fill{transform:scale(1.06)}
.gallery figcaption{margin-top:0.6rem;text-align:center;color:#7A6A4B;font-size:0.9rem;letter-spacing:.08em}
.gallery figcaption a{display:block;line-height:1.6}
.hospital-news-strip{padding:2.2rem 0 4rem}
.hospital-news-strip .gallery-head{margin-top:0}

/* ============ 专家介绍（翻页卡片） ============ */
.doctor-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}
.doctor-card{display:block;min-width:0;height:24rem;perspective:80rem;color:inherit}
.doctor-card-inner{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;
  transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.doctor-card-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
  border:1px solid #E4D9C0;border-radius:.4rem;overflow:hidden;backface-visibility:hidden;
  box-shadow:0 .8rem 2rem -1.3rem rgba(46,74,58,.45)}
.doctor-card-front{background:#fff;padding:0 .75rem 1rem}
.doctor-card-front img{width:100%;height:18.75rem;object-fit:cover;object-position:center top;background:#fff}
.doctor-card-name{color:#1E3328;font-size:1.08rem;font-weight:700;margin-top:.65rem}
.doctor-card-title{color:#A6402F;font-size:.78rem;margin-top:.18rem}
.doctor-card-back{justify-content:center;align-items:flex-start;background:#26402F;color:#F3ECD6;
  padding:1.5rem 1.2rem;transform:rotateY(180deg)}
.doctor-card-back strong{font-size:1.35rem}
.doctor-card-back .doctor-card-title{color:#D8BD82;font-size:.9rem}
.doctor-card-department{margin-top:.5rem;padding:.15rem .5rem;border:1px solid rgba(237,227,201,.35);
  font-size:.8rem}
.doctor-card-intro{margin-top:.7rem;color:#D8D9CB;font-size:.86rem;line-height:1.65}
@media (hover:hover){
  .doctor-card:hover .doctor-card-inner,.doctor-card:focus .doctor-card-inner{transform:rotateY(180deg)}
}
@media (max-width:768px){
  .doctor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
  .doctor-card{height:24rem}
  .doctor-card-front{padding:0 .7rem .7rem}
  .doctor-card-front img{height:18.7rem}
  .doctor-card-name{font-size:1.1rem;margin-top:.5rem}
  .doctor-card-back{padding:1.35rem 1.1rem}
  .doctor-card-back strong{font-size:1.4rem}
  .doctor-card-intro{font-size:.9rem;line-height:1.55;margin-top:.7rem}
}

/* ============ 横幅文案（墨绿通栏） ============ */
.motto{padding:3.6rem 0;text-align:center;overflow:hidden;
  border-top:1px solid rgba(169,140,87,.4);border-bottom:1px solid rgba(169,140,87,.4)}
.motto .inner{position:relative}
.motto .zh{position:relative;z-index:2;font-size:2rem;font-weight:700;color:#F3ECD6;letter-spacing:.18em}
.motto .en{position:relative;z-index:2;font-family:"Cormorant Garamond",serif;font-size:1rem;letter-spacing:.28em;
  color:#B9C7B3;text-transform:uppercase;margin-top:0.7rem}
.motto .wm{position:absolute;top:50%;font-family:"Ma Shan Zheng","Noto Serif SC",cursive;
  font-size:8.5rem;line-height:1;color:rgba(237,227,201,.08);z-index:1;pointer-events:none}
.motto .wm-l{left:0;margin-top:-4.25rem}
.motto .wm-r{right:0;margin-top:-4.25rem}
@media (max-width:768px){.motto .wm{font-size:4.5rem}.motto .wm-l{margin-top:-2.25rem}.motto .wm-r{margin-top:-2.25rem}}

/* ============ 特色专科 ============ */
.chen{display:flex;flex-wrap:wrap;align-items:stretch;margin:0 -1.2rem}
.chen>.col{padding:0 1.2rem;margin-bottom:1.6rem}
.chen .c-card{width:56%}
.chen .c-img{width:44%;display:flex;flex-direction:column}
@supports (display:grid){
  .chen{display:grid;grid-template-columns:56% 44%;gap:2.4rem;margin:0}
  .chen>.col{padding:0;margin:0}
  .chen .c-card,.chen .c-img{width:auto}
}
.c-card .box{background:#fff;border:1px solid #E4D9C0;border-radius:0.5rem;padding:2rem 2.1rem;height:100%;
  display:flex;flex-direction:column;
  box-shadow:0 0.8rem 2rem -1.3rem rgba(46,74,58,.45)}
.c-card .seal{width:3.2rem;height:3.2rem;border-radius:0.32rem;align-self:flex-start}
.c-card .seal>span{line-height:1.6rem;font-size:1.16rem}
.c-card .label{font-size:1.5rem;font-weight:700;color:#1E3328;margin-top:0.9rem;letter-spacing:.08em}
.c-card .en2{font-family:"Cormorant Garamond",serif;font-size:0.85rem;letter-spacing:.16em;
  color:#A98C57;text-transform:uppercase;margin-top:0.2rem;margin-bottom:0.9rem}
.c-card p{color:#5A4631;font-size:1.02rem;margin-bottom:0.8rem}
.c-card .creed{margin-top:auto;padding:0.8rem 1rem;background:#F3EBDD;border-left:0.25rem solid #A6402F;
  color:#5A4631;font-size:0.96rem;letter-spacing:.04em}
.c-card p:last-of-type{margin-bottom:1.2rem}
/* 陈氏四法 2×2 */
.methods{display:flex;flex-wrap:wrap;margin:0 -0.45rem 1.2rem}
.methods .m{flex:1 1 40%;min-width:10rem;margin:0.45rem;display:flex;align-items:center;
  border:1px solid #E4D9C0;border-radius:0.35rem;padding:0.75rem 0.9rem;background:#FBF7EF;
  transition:border-color .2s,box-shadow .2s}
.methods .m:hover{border-color:#A98C57;box-shadow:0 0.4rem 1rem -0.6rem rgba(46,74,58,.45)}
.methods .m .mz{flex:0 0 auto;width:2.3rem;height:2.3rem;line-height:2.3rem;text-align:center;
  background:#2E4A3A;color:#EDE3C9;font-weight:700;font-size:1.15rem;border-radius:0.3rem;margin-right:0.8rem}
.methods .m b{display:block;color:#1E3328;font-size:1.02rem;line-height:1.4}
.methods .m small{display:block;font-family:"Cormorant Garamond",serif;color:#A98C57;font-size:0.74rem;letter-spacing:.08em}
.c-img .ph{height:0;padding-top:75%;/* 1200x900 */}
.tech-list{margin-top:1.3rem;flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-between}
.tech-list .tech:last-child{margin-bottom:0}
.tech{display:flex;align-items:center;background:#fff;border:1px solid #E4D9C0;border-radius:0.35rem;
  padding:0.85rem 1rem;margin-bottom:0.7rem;transition:transform .2s,box-shadow .2s}
.tech:hover{transform:translateX(4px);box-shadow:0 0.5rem 1.2rem -0.8rem rgba(46,74,58,.5)}
.tech .ti{width:1.8rem;height:1.8rem;color:#2E4A3A;flex:0 0 auto;margin-right:0.9rem}
.tech b{display:block;font-size:1.04rem;color:#1E3328}
.tech small{display:block;font-family:"Cormorant Garamond",serif;font-size:0.78rem;color:#A98C57;letter-spacing:.1em}

/* ============ 科室设置（标签切换导航） ============ */
.tabs{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:2rem}
.tabs button{font-family:inherit;cursor:pointer;background:#fff;border:1px solid #D8C9A4;color:#5A4631;
  font-size:1.06rem;letter-spacing:.1em;padding:0.7rem 2rem;margin:0 0.4rem 0.6rem;border-radius:2rem;
  transition:all .2s}
.tabs button:hover{border-color:#2E4A3A;color:#2E4A3A}
.tabs button.on{background:#2E4A3A;border-color:#2E4A3A;color:#fff;box-shadow:0 0.4rem 1rem -0.5rem rgba(46,74,58,.6)}
.panel{display:block}
.js .panel{display:none}
.js .panel.on{display:block}
.dept-cards{display:flex;flex-wrap:wrap;margin:0 -0.6rem}
.dept-cards .dc{flex:0 1 auto;width:31%;min-width:11rem;margin:0 0.6rem 1.2rem;
  background:#fff;border:1px solid #E4D9C0;border-radius:0.4rem;padding:1.2rem 1.2rem 1.3rem;
  transition:transform .2s,box-shadow .2s}
@supports (display:grid){
  .dept-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin:0}
  .dept-cards .dc{width:auto;min-width:0;margin:0}
}
@media (max-width:768px){
  @supports (display:grid){ .dept-cards{grid-template-columns:repeat(2,1fr);gap:0.8rem} }
}
.dept-cards .dc:hover{transform:translateY(-4px);box-shadow:0 0.9rem 2rem -1rem rgba(46,74,58,.5)}
.dept-cards .dc h4{font-size:1.14rem;color:#1E3328;margin:0 0 0.5rem;letter-spacing:.04em}
.dept-cards .dc ul li{color:#6B5C40;font-size:0.96rem;padding:0.2rem 0;border-bottom:1px dashed #ECE3CF}
.dept-cards .dc ul li:last-child{border-bottom:0}

/* ============ 就诊服务 ============ */
.journey{position:relative;margin-bottom:2.6rem}
.journey .map{position:relative}
.journey .map .ph{height:0;padding-top:31.25%;/* 1600x500 */}
.journey-legend{display:flex;flex-wrap:wrap;margin:1.4rem -0.5rem 0}
.journey-legend li{flex:1 1 30%;min-width:12rem;display:flex;align-items:center;margin:0 0.5rem 0.8rem;
  background:#fff;border:1px solid #E4D9C0;border-radius:0.35rem;padding:0.7rem 0.9rem}
.journey-legend i{flex:0 0 auto;width:1.9rem;height:1.9rem;line-height:1.9rem;text-align:center;border-radius:50%;
  background:#2E4A3A;color:#F3ECD6;font-style:normal;font-weight:700;font-size:0.95rem;margin-right:0.8rem}
.journey-legend b{display:block;color:#1E3328;font-size:1rem}
.journey-legend span{display:block;color:#7A6A4B;font-size:0.85rem}

.serv-grid{display:flex;flex-wrap:wrap;margin:0 -0.5rem}
.serv-grid .serv{flex:1 1 22%;min-width:9rem;margin:0 0.5rem 1rem;text-align:center;
  background:#fff;border:1px solid #E4D9C0;border-radius:0.4rem;padding:1.15rem 0.6rem 1.05rem;
  transition:transform .2s,box-shadow .2s,border-color .2s;cursor:pointer;display:block;color:inherit}
.serv-grid .serv:hover{transform:translateY(-4px);border-color:#2E4A3A;box-shadow:0 0.9rem 2rem -1rem rgba(46,74,58,.5)}
.serv-grid .ico{width:3.7rem;height:3.7rem;padding:0.9rem;margin:0 auto 0.65rem;color:#2E4A3A;
  background:#EBEFE6;border-radius:50%;transition:background .25s,color .25s}
.serv-grid .ico svg{width:100%;height:100%}
.serv-grid .serv:hover .ico{background:#2E4A3A;color:#F3ECD6}
.serv-grid b{display:block;color:#1E3328;font-size:1.06rem;letter-spacing:.04em}
.serv-grid small{display:block;font-family:"Cormorant Garamond",serif;color:#A98C57;font-size:0.76rem;letter-spacing:.1em;margin-top:0.15rem}

/* ============ 健康宣传（白卡新闻） ============ */
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
.news-grid .news{min-width:0;margin:0;
  background:#fff;border:1px solid #E4D9C0;border-radius:0.5rem;overflow:hidden;
  transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}
.news-grid .news:hover{transform:translateY(-5px);box-shadow:0 1.1rem 2.4rem -1.2rem rgba(46,74,58,.55)}
.news-grid .news .ph{height:0;padding-top:56%;border-radius:0}
.news-grid .news .body{padding:1.2rem 1.3rem 1.4rem;display:flex;flex-direction:column;flex:1 1 auto}
.news-grid .news .date{display:inline-block;align-self:flex-start;background:#2E4A3A;color:#F3ECD6;
  font-size:0.78rem;letter-spacing:.1em;padding:0.2rem 0.7rem;border-radius:0.12rem;margin-bottom:0.7rem}
.news-grid .news .date.hot{background:#A6402F}
.news-grid .news h4{font-size:1.16rem;color:#1E3328;line-height:1.5;margin-bottom:0.6rem}
.news-grid .news p{color:#6B5C40;font-size:0.96rem;flex:1 1 auto}
.news-grid .news .more{margin-top:0.9rem;color:#A6402F;font-size:0.9rem;letter-spacing:.08em}
.news-grid .news .more:after{content:" ›"}
.more-row{text-align:center;margin-top:0.8rem}
.more-row a{display:inline-block;border:1px solid #2E4A3A;color:#2E4A3A;padding:0.55rem 2rem;
  border-radius:2rem;font-size:0.96rem;letter-spacing:.1em;transition:all .2s}
.more-row a:hover{background:#2E4A3A;color:#fff}

/* ============ 党建专题外链 ============ */
.party-links{background:#F3EBDD;padding:2.2rem 0;border-top:1px solid #E4D9C0;border-bottom:1px solid #E4D9C0}
.party-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.party-grid a{display:block;overflow:hidden;background:#B40000;border:1px solid rgba(169,140,87,.4);box-shadow:0 .7rem 1.6rem -1.2rem rgba(46,74,58,.45)}
.party-grid img{width:100%;aspect-ratio:2/1;object-fit:cover;transition:transform .3s ease}
.party-grid a:hover img{transform:scale(1.025)}

/* ============ 页脚 ============ */
.foot{background:#1E3328;color:#C7BCA0;padding:3.2rem 0 1.6rem}
.foot .cols{display:flex;flex-wrap:wrap;margin:0 -1.4rem}
.foot .cols>div{padding:0 1.4rem;margin-bottom:1.4rem}
.foot .c1{flex:1 1 38%;min-width:16rem}
.foot .c2{flex:1 1 24%;min-width:10rem}
.foot .c3{flex:1 1 30%;min-width:12rem}
.foot .brand2{display:flex;align-items:center;margin-bottom:1rem}
.foot .brand2 .seal{width:2.9rem;height:2.9rem;border-radius:0.3rem}
.foot .brand2 .seal>span{line-height:1.45rem;font-size:1.05rem}
.foot .brand2 .t{margin-left:0.8rem}
.foot .brand2 b{display:block;font-size:1.2rem;color:#F0E7CE}
.foot .brand2 small{font-family:"Cormorant Garamond",serif;font-size:0.72rem;letter-spacing:.12em;color:#8FA093}
.foot .desc{color:#A9B0A0;font-size:0.95rem;line-height:1.9}
.foot h5{color:#EDE3C9;font-size:1.05rem;margin-bottom:0.9rem;letter-spacing:.08em}
.foot p{font-size:0.95rem;line-height:1.9}
.foot .footer-nav{list-style:none;font-size:0.95rem;line-height:1.9}
.foot a:hover{color:#fff}
.foot .beian{border-top:1px solid #35513F;margin-top:1.2rem;padding-top:1.1rem;
  text-align:center;color:#7E9184;font-size:0.82rem;letter-spacing:.05em}
.foot .beian a{color:inherit;text-decoration:underline;text-underline-offset:.2em}
.foot .beian a:hover{color:#fff}
.foot .bottom{margin-top:0.7rem;padding-top:0.7rem;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  color:#8FA093;font-size:0.86rem;letter-spacing:.06em}

/* ============ 回到顶部（印章式） ============ */
.totop{position:fixed;right:1.5rem;bottom:1.8rem;z-index:80;
  width:3.1rem;height:3.1rem;border-radius:0.4rem;cursor:pointer;
  background:#A6402F;color:#F5ECD7;text-align:center;
  font-size:0.95rem;font-weight:700;line-height:1.25;letter-spacing:.05em;
  padding-top:0.35rem;
  box-shadow:inset 0 0 0 2px rgba(245,236,215,.55),0 0.4rem 1rem -0.3rem rgba(139,51,36,.6);
  opacity:0;visibility:hidden;transform:translateY(0.8rem);
  transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s,background .2s}
.totop.show{opacity:1;visibility:visible;transform:translateY(0);
  transition:opacity .3s ease,transform .3s ease,visibility 0s,background .2s}
.totop:hover{background:#8B3324}
.totop span{display:block}

/* ============ 移动端 ============ */
@media (max-width:1152px){
  .masthead .aside{display:none}
  .about-top{display:block !important}
  .about-top .c-img,.about-top .c-txt{width:auto}
  .chen{display:block !important}
  .chen .c-card,.chen .c-img{width:auto}
  .c-img{margin-top:1.4rem}
}
@media (max-width:768px){
  .utility .right{display:none}
  .nav-toggle{display:block;margin-left:auto;background:rgba(255,255,255,.06);border:1px solid rgba(237,227,201,.45);
    color:#EDE3C9;font-family:inherit;font-size:.95rem;letter-spacing:.08em;padding:.48rem .72rem;border-radius:.2rem;cursor:pointer}
  .navbar .inner{flex-wrap:wrap;align-items:center}
  .nav{display:none;flex-direction:column;width:100%}
  .nav.open{display:flex;-webkit-animation:navDrop .3s ease;animation:navDrop .3s ease}
  .nav>li{flex:1 1 auto;text-align:left;border-top:1px solid rgba(255,255,255,.08)}
  .nav>li>a{text-align:left}
  .nav>li>a.on:before,.nav>.current-menu-item>a:before,.nav>.current-menu-ancestor>a:before{display:none}
  .nav>.menu-item-has-children>a:after{float:right;margin-top:0.45rem}
  .nav .sub-menu{display:none;position:static;min-width:0;white-space:normal;
    opacity:1;visibility:visible;transform:none;background:rgba(0,0,0,.14);
    border-top:0;box-shadow:none;padding:0.2rem 0}
  .nav>li:hover>.sub-menu,.nav>li:focus-within>.sub-menu,.nav>li.submenu-open>.sub-menu{display:block}
  .nav .sub-menu a{color:#E7DFC8;padding:0.6rem 1.5rem}
  .stats .stat{flex:1 1 40%}
  .gallery{grid-template-columns:1fr;gap:1.2rem}
  .dept-cards .dc{flex:1 1 45%}
  .serv-grid .serv{flex:1 1 44%}
  .news-grid{grid-template-columns:1fr}
  .party-grid{grid-template-columns:1fr;gap:.8rem}
  .journey-legend li{flex:1 1 45%}
  .motto .zh{font-size:1.4rem}
  .plaque h2{font-size:1.35rem}
}

/* ============ 二级页面与内容列表 ============ */
.subpage{min-height:46vh;background:#FBF7EF}
.subpage-head{overflow:hidden;background:#F3EBDD;border-bottom:1px solid #E4D9C0;padding:2.8rem 0 2.5rem}
.subpage-head:after{content:"正骨";position:absolute;right:11%;top:50%;transform:translateY(-50%);
  font-family:"Ma Shan Zheng",cursive;font-size:6rem;color:#2E4A3A;opacity:.045;white-space:nowrap}
.breadcrumbs{display:flex;align-items:center;gap:.6rem;color:#7A6A4B;font-size:.86rem;margin-bottom:1.1rem}
.breadcrumbs a{color:#2E4A3A}
.subpage-head .eyebrow{font-family:"Cormorant Garamond",serif;color:#A6402F;
  font-size:.82rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.subpage-head h1{position:relative;z-index:1;color:#1E3328;font-size:2.2rem;font-weight:700;
  line-height:1.35;margin-top:.45rem;letter-spacing:.08em}
.subpage-head .page-meta{color:#7A6A4B;font-size:.88rem;margin-top:.6rem}
.content-shell{padding-top:3.8rem;padding-bottom:5rem}
.entry-article{max-width:62rem;margin:0 auto}
.entry-featured{margin:0 auto 2.2rem;max-width:52rem}
.entry-featured img{width:100%;height:auto;border:1px solid #E4D9C0}
.entry-content{color:#433A2B;font-size:1.1rem;line-height:2}
.entry-content:after{content:"";display:table;clear:both}
.entry-content h2,.entry-content h3,.entry-content h4{color:#1E3328;line-height:1.5;margin:2em 0 .8em}
.entry-content h2{font-size:1.7rem;border-bottom:1px solid #E4D9C0;padding-bottom:.55rem}
.entry-content h3{font-size:1.4rem}
.entry-content h4{font-size:1.2rem}
.entry-content p{margin:0 0 1.2em}
.entry-content p:empty{display:none}
.entry-content a{color:#8B3324;text-decoration:underline;text-underline-offset:.18em}
.entry-content ul,.entry-content ol{margin:0 0 1.2em;padding-left:1.5em}
.entry-content ul{list-style:disc}
.entry-content ol{list-style:decimal}
.entry-content li{margin:.28em 0}
.entry-content img{display:block;width:auto!important;max-width:100%!important;height:auto!important;margin-left:auto;margin-right:auto}
.entry-content figure,.entry-content .wp-block-image{width:auto!important;max-width:100%!important;margin:2rem auto}
.entry-content figcaption{color:#7A6A4B;font-size:.96rem;line-height:1.6;text-align:center;margin-top:.65rem}
.entry-content iframe,.entry-content video{max-width:100%}
.entry-content table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse}
.entry-content th,.entry-content td{border:1px solid #E4D9C0;padding:.55rem .75rem}

.entry-content--honors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 2.2rem;max-width:58rem;margin:0 auto}
.entry-content--honors figure,.entry-content--honors .wp-block-image{display:flex;flex-direction:column;
  justify-content:center;margin:0!important;padding:1rem;background:#F8F2E6;border:1px solid #E4D9C0;border-radius:.35rem}
.entry-content--honors img{width:100%!important;height:22rem!important;object-fit:contain;background:#FDFBF6}
.entry-content--honors figcaption{min-height:2.8em;display:flex;align-items:center;justify-content:center;color:#4F4432}

.archive-list{max-width:62rem;margin:0 auto}
.archive-item{display:grid;grid-template-columns:minmax(12rem,30%) 1fr;gap:2rem;padding:0 0 2.2rem;margin:0 0 2.2rem;
  border-bottom:1px solid #E4D9C0}
.archive-item:last-child{margin-bottom:0}
.archive-thumb{display:block;align-self:start;height:12rem;aspect-ratio:4/3;overflow:hidden;background:#F3EBDD}
.archive-thumb img{width:100%;height:100%;object-fit:cover}
.archive-copy{align-self:center}
.archive-meta{color:#A6402F;font-size:.82rem;letter-spacing:.08em;margin-bottom:.35rem}
.archive-copy h2{color:#1E3328;font-size:1.35rem;line-height:1.45;margin-bottom:.55rem}
.archive-excerpt{color:#6B5C40;font-size:.96rem}
.archive-more{display:inline-block;color:#8B3324;font-size:.9rem;margin-top:.75rem}
.archive-more:after{content:" ›"}
.archive-item.type-guzhen_doctor{grid-template-columns:11rem 1fr}
.archive-item.type-guzhen_doctor .archive-thumb{width:11rem;height:15rem;aspect-ratio:11/15}
.archive-item.type-guzhen_doctor .archive-thumb img{object-position:center top}
.archive-item.type-guzhen_doctor .archive-excerpt{display:-webkit-box;-webkit-box-orient:vertical;
  -webkit-line-clamp:3;overflow:hidden;line-height:1.75;max-height:5.25em}
.archive-item.type-guzhen_doctor .archive-excerpt p{margin:0}
.doctor-profile{max-width:50rem}
.doctor-profile-head{display:grid;grid-template-columns:15rem 1fr;gap:3rem;align-items:center}
.doctor-profile-photo{width:15rem;height:20rem;margin:0;overflow:hidden;background:#fff;border:1px solid #E4D9C0}
.doctor-profile-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}
.doctor-profile-identity h2{color:#1E3328;font-size:2.25rem;line-height:1.35;margin:0 0 1.3rem}
.doctor-profile-title{color:#A6402F;font-size:1.25rem;margin:0 0 .85rem}
.doctor-profile-position{color:#554934;font-size:1.05rem;line-height:1.75;margin:0}
.doctor-profile-section{padding:2rem 0;border-bottom:1px solid #E4D9C0}
.doctor-profile-section:last-child{border-bottom:0}
.doctor-profile-section h3{color:#1E3328;font-size:1.35rem;margin:0 0 .8rem}
.doctor-profile-section p{color:#554934;font-size:1.08rem;line-height:2;margin:0}
.doctor-profile-intro p+p{margin-top:1em}
.recruitment-page .entry-content{max-width:930px;margin:0 auto}
.recruitment-page .recruitment-poster{margin:0 auto!important}
.recruitment-page .recruitment-poster img{width:100%!important;border:1px solid #D8C9A4;box-shadow:0 12px 30px rgba(40,50,39,.1)}
.navigation.pagination{max-width:62rem;margin:2.2rem auto 0}
.nav-links{display:flex;gap:.5rem;justify-content:center;align-items:center}
.page-numbers{min-width:2.3rem;height:2.3rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid #D8C9AA}
.page-numbers.current{background:#2E4A3A;border-color:#2E4A3A;color:#F5ECD7}
.empty-content{text-align:center;color:#7A6A4B;padding:3rem 0}

@media (max-width:768px){
  .masthead .inner{padding:.8rem 0}
  .brand .txt b{font-size:1.2rem}
  .brand .txt .en{font-size:.68rem;letter-spacing:.08em}
  .brand .txt .grade{font-size:.72rem}
  .subpage-head{padding:2rem 0 1.8rem}
  .subpage-head:after{right:4%;font-size:4.4rem}
  .subpage-head h1{font-size:1.7rem}
  .content-shell{padding-top:2.4rem;padding-bottom:3.5rem}
  .entry-content--honors{grid-template-columns:1fr;gap:1.25rem}
  .entry-content--honors img{height:auto!important;max-height:30rem}
  .archive-item{grid-template-columns:1fr;gap:1.15rem;padding-bottom:1.7rem;margin-bottom:1.7rem}
  .archive-thumb{max-height:18rem}
  .archive-item.type-guzhen_doctor{grid-template-columns:8.5rem 1fr;gap:1.1rem}
  .archive-item.type-guzhen_doctor .archive-thumb{width:8.5rem;height:11.6rem}
  .doctor-profile-head{grid-template-columns:10rem 1fr;gap:1.4rem;align-items:start}
  .doctor-profile-photo{width:10rem;height:13.5rem}
  .doctor-profile-identity h2{font-size:1.7rem;margin-bottom:.85rem}
  .doctor-profile-title{font-size:1.05rem;margin-bottom:.55rem}
  .doctor-profile-position{font-size:.95rem}
  .doctor-profile-section{padding:1.5rem 0}
  .foot .cols{margin:0}
  .foot .cols>div{width:100%;min-width:0;flex:1 1 100%;padding:0}
  .foot .bottom{display:block}
  .foot .bottom span{display:block;margin-top:.35rem}
}
