/* ============================================================
   静水 · 安定芜湖医院官网设计体系
   Still-Water Design System — soft teal & sage, editorial serif
   ============================================================ */
:root{
  --ink:#22434b;
  --teal-900:#124e57;
  --teal-700:#1f6e78;
  --teal-500:#3d8b9e;
  --teal-300:#8fbecb;
  --sage-600:#5b9b81;
  --sage-400:#8fc4ad;
  --sage-100:#e3f0e9;
  --mist:#eef5f6;
  --sand:#f7f4ee;
  --coral:#d97757;
  --coral-deep:#bf5f40;
  --paper:#fbfdfd;
  --line:#dce9ec;
  --shadow-lg:0 24px 60px -18px rgba(18,78,87,.22);
  --shadow-md:0 12px 32px -12px rgba(18,78,87,.18);
  --shadow-sm:0 4px 14px -4px rgba(18,78,87,.12);
  --serif:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
  --sans:"Noto Sans SC","Microsoft YaHei","PingFang SC",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--sans);color:var(--ink);background:var(--paper);
  line-height:1.75;margin:0;font-size:15.5px;
  -webkit-font-smoothing:antialiased;
}
a{text-decoration:none;color:inherit;transition:color .2s}
img{max-width:100%;display:block}
h1,h2,h3,h4{font-family:var(--serif);font-weight:700;color:var(--teal-900);line-height:1.35}

/* 细颗粒质感 */
.grain{position:fixed;inset:0;pointer-events:none;z-index:2000;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");}

/* ---------- 顶部通告栏 ---------- */
.notice-bar{background:linear-gradient(90deg,var(--teal-900),var(--teal-700));color:#dff0f2;font-size:.8rem;padding:8px 0;overflow:hidden}
.notice-bar .nb-in{display:flex;align-items:center;gap:14px}
.notice-bar .nb-tag{flex-shrink:0;background:var(--coral);color:#fff;padding:2px 10px;border-radius:99px;font-weight:600;letter-spacing:1px}
.marquee{overflow:hidden;flex:1;white-space:nowrap;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.marquee span{display:inline-block;padding-left:100%;animation:mq 28s linear infinite}
@keyframes mq{to{transform:translateX(-100%)}}
.notice-bar .nb-links{flex-shrink:0}
.notice-bar .nb-links a{color:#b8d8dd;margin:0 4px}
.notice-bar .nb-links a:hover{color:#fff}

/* ---------- 页头 ---------- */
.site-header{background:var(--paper);border-bottom:1px solid var(--line)}
.site-header .hd-in{display:flex;align-items:center;justify-content:space-between;padding:18px 12px;gap:20px}
.brand{display:flex;align-items:center;gap:14px}
.brand-mark{width:60px;height:60px;flex-shrink:0;filter:drop-shadow(0 6px 14px rgba(31,110,120,.35))}
.brand-name h1{font-size:1.5rem;margin:0;letter-spacing:1px}
.brand-name .en{font-size:.68rem;letter-spacing:.16em;color:var(--teal-500);text-transform:uppercase;margin-top:2px}
.brand-name .sub{display:inline-block;font-size:.74rem;color:#fff;background:linear-gradient(90deg,var(--teal-500),var(--sage-600));padding:2px 12px;border-radius:99px;margin-top:4px;letter-spacing:2px}
.hd-side{display:flex;align-items:center;gap:16px}
.hotline-chip{display:flex;align-items:center;gap:10px;border:1.5px solid rgba(217,119,87,.4);background:linear-gradient(135deg,#fdf3ee,#fbe9e0);border-radius:14px;padding:8px 16px;color:var(--coral-deep)}
.hotline-chip i{font-size:1.3rem}
.hotline-chip .lb{font-size:.68rem;line-height:1.2;letter-spacing:1px}
.hotline-chip .no{font-family:var(--serif);font-size:1.35rem;font-weight:900;line-height:1}
.btn-appoint{background:linear-gradient(135deg,var(--teal-500),var(--teal-700));color:#fff;border:none;border-radius:12px;padding:11px 22px;font-weight:600;font-size:.92rem;letter-spacing:1px;box-shadow:var(--shadow-sm);transition:.25s;display:inline-flex;align-items:center;gap:8px}
.btn-appoint:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);color:#fff}

/* ---------- 主导航 ---------- */
.main-nav{background:rgba(18,78,87,.96);backdrop-filter:blur(10px);position:sticky;top:0;z-index:1030;box-shadow:0 6px 24px -8px rgba(18,78,87,.4)}
.main-nav .navbar{padding:0}
.main-nav .nav-link{color:rgba(255,255,255,.85)!important;font-size:.95rem;font-weight:500;padding:15px 19px!important;position:relative;letter-spacing:1px}
.main-nav .nav-link::after{content:"";position:absolute;left:50%;bottom:8px;width:0;height:2px;background:var(--sage-400);border-radius:2px;transform:translateX(-50%);transition:width .25s}
.main-nav .nav-link:hover,.main-nav .nav-link.active{color:#fff!important}
.main-nav .nav-link:hover::after,.main-nav .nav-link.active::after{width:26px}
.main-nav .dropdown-menu{border:none;border-radius:12px;box-shadow:var(--shadow-md);margin-top:0;padding:8px;background:var(--paper)}
.main-nav .dropdown-item{border-radius:8px;padding:9px 14px;font-size:.9rem;color:var(--ink)}
.main-nav .dropdown-item:hover{background:var(--mist);color:var(--teal-700)}
.nav-search{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:99px;padding:5px 6px 5px 16px;margin-left:8px}
.nav-search input{background:none;border:none;outline:none;color:#fff;width:118px;font-size:.85rem}
.nav-search input::placeholder{color:rgba(255,255,255,.55)}
.nav-search button{width:28px;height:28px;border-radius:50%;border:none;background:var(--sage-400);color:var(--teal-900);display:flex;align-items:center;justify-content:center}

/* ---------- 首页英雄区 ---------- */
.hero{position:relative;overflow:hidden;background:var(--teal-900)}
.hero-bg{position:absolute;inset:0}
.hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.42;transform:scale(1.05);animation:heroZoom 18s ease-out forwards}
@keyframes heroZoom{to{transform:scale(1)}}
.hero-mesh{position:absolute;inset:0;background:
  radial-gradient(42% 60% at 12% 20%,rgba(143,196,203,.35),transparent 70%),
  radial-gradient(38% 55% at 88% 30%,rgba(143,196,173,.30),transparent 70%),
  radial-gradient(50% 70% at 55% 100%,rgba(18,78,87,.85),transparent 75%),
  linear-gradient(160deg,rgba(18,78,87,.55),rgba(31,110,120,.35))}
.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;animation:drift 14s ease-in-out infinite alternate}
.blob.b1{width:420px;height:420px;background:rgba(143,196,203,.4);top:-120px;left:-100px}
.blob.b2{width:360px;height:360px;background:rgba(143,196,173,.35);bottom:-140px;right:6%;animation-delay:-6s}
@keyframes drift{to{transform:translate(46px,30px) scale(1.08)}}
.hero-in{position:relative;z-index:2;padding:96px 12px 150px;color:#fff}
.hero-kicker{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.35);border-radius:99px;padding:6px 18px;font-size:.8rem;letter-spacing:3px;background:rgba(255,255,255,.08)}
.hero-kicker .dot{width:7px;height:7px;border-radius:50%;background:var(--sage-400);box-shadow:0 0 0 4px rgba(143,196,173,.25)}
.hero h2{font-size:clamp(2.2rem,4.6vw,3.6rem);color:#fff;margin:26px 0 8px;letter-spacing:4px;text-shadow:0 4px 30px rgba(0,0,0,.35)}
.hero h2 em{font-style:normal;color:var(--sage-400)}
.hero .hero-sub{font-size:clamp(1rem,1.6vw,1.25rem);color:rgba(255,255,255,.88);letter-spacing:6px;font-family:var(--serif)}
.hero-cta{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap}
.btn-hero{border-radius:99px;padding:13px 30px;font-weight:600;letter-spacing:2px;font-size:.95rem;transition:.25s;display:inline-flex;align-items:center;gap:9px}
.btn-hero.solid{background:#fff;color:var(--teal-700)}
.btn-hero.solid:hover{transform:translateY(-3px);box-shadow:0 16px 34px -10px rgba(0,0,0,.4);color:var(--teal-900)}
.btn-hero.ghost{border:1.5px solid rgba(255,255,255,.5);color:#fff}
.btn-hero.ghost:hover{background:rgba(255,255,255,.14);color:#fff}
.hero-float{position:absolute;right:6%;bottom:120px;z-index:3;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(12px);border-radius:20px;padding:22px 28px;color:#fff;text-align:center;animation:floatY 5s ease-in-out infinite}
@keyframes floatY{50%{transform:translateY(-12px)}}
.hero-float .lb{font-size:.78rem;letter-spacing:2px;color:rgba(255,255,255,.85)}
.hero-float .no{font-family:var(--serif);font-size:2.4rem;font-weight:900;line-height:1.15;color:var(--sage-400)}
.hero-float .tip{font-size:.72rem;color:rgba(255,255,255,.65)}
.wave{display:block;width:100%;height:70px}

/* ---------- 通用板块头 ---------- */
.section{padding:78px 0}
.shead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:44px}
.sh-tag{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;letter-spacing:.28em;color:var(--teal-500);text-transform:uppercase;font-weight:600}
.sh-tag::before{content:"";width:34px;height:1.5px;background:var(--sage-600)}
.shead h2{font-size:clamp(1.6rem,2.6vw,2.2rem);margin:8px 0 4px;letter-spacing:2px}
.shead h2 i{font-style:normal;color:var(--sage-600)}
.sh-more{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:var(--teal-700);border:1px solid var(--teal-300);border-radius:99px;padding:8px 20px;letter-spacing:1px;transition:.25s}
.sh-more:hover{background:var(--teal-700);border-color:var(--teal-700);color:#fff}
.sh-more:hover i{transform:translateX(4px)}
.sh-more i{transition:.25s}

/* ---------- 三院区切换 ---------- */
.campus-sec{background:var(--mist);position:relative}
.campus-tabs{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:0}
.campus-tab{flex:1;min-width:200px;border:1.5px solid var(--line);background:#fff;border-radius:16px 16px 0 0;padding:16px 20px 14px;text-align:left;cursor:pointer;transition:.28s;position:relative;bottom:-1.5px;border-bottom:none;opacity:.62}
.campus-tab:hover{opacity:.9}
.campus-tab.active{opacity:1;border-color:var(--teal-300);box-shadow:0 -10px 26px -14px rgba(18,78,87,.25);background:linear-gradient(180deg,#fff,var(--mist))}
.campus-tab .ct-no{font-family:var(--serif);font-size:.72rem;letter-spacing:.2em;color:var(--teal-500)}
.campus-tab .ct-name{font-family:var(--serif);font-size:1.18rem;font-weight:700;color:var(--teal-900);margin-top:2px;display:flex;align-items:center;gap:8px}
.campus-tab .ct-name .bi{color:var(--sage-600)}
.campus-tab .ct-desc{font-size:.76rem;color:#7a929a;margin-top:2px}
.campus-tab.active .ct-name::after{content:"";flex:1;height:1.5px;background:linear-gradient(90deg,var(--sage-600),transparent);margin-left:6px}
.campus-stage{background:#fff;border:1.5px solid var(--teal-300);border-radius:0 20px 20px 20px;box-shadow:var(--shadow-lg);overflow:hidden}
.campus-panel{display:none;animation:fadeUp .55s ease}
.campus-panel.show{display:block}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.cp-grid{display:grid;grid-template-columns:1.15fr 1fr;min-height:380px}
.cp-photo{position:relative;overflow:hidden}
.cp-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}
.campus-panel.show .cp-photo img{animation:slowZoom 9s ease-out forwards}
@keyframes slowZoom{to{transform:scale(1.07)}}
.cp-badge{position:absolute;top:18px;left:18px;background:rgba(18,78,87,.88);backdrop-filter:blur(6px);color:#fff;padding:6px 16px;border-radius:99px;font-size:.78rem;letter-spacing:2px}
.cp-badge.hl{background:rgba(217,119,87,.92)}
.cp-info{padding:38px 40px;display:flex;flex-direction:column;justify-content:center}
.cp-info h3{font-size:1.65rem;margin-bottom:6px;letter-spacing:1px}
.cp-info .cp-en{font-size:.72rem;letter-spacing:.24em;color:var(--teal-500);text-transform:uppercase;margin-bottom:16px}
.cp-info .cp-txt{font-size:.92rem;color:#4a6570;margin-bottom:20px}
.cp-rows{display:grid;gap:10px;margin-bottom:24px}
.cp-row{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;color:#4a6570}
.cp-row i{color:var(--sage-600);margin-top:4px}
.cp-row b{color:var(--teal-900);flex-shrink:0}
.cp-acts{display:flex;gap:12px;flex-wrap:wrap}
.btn-cp{display:inline-flex;align-items:center;gap:8px;border-radius:12px;padding:11px 22px;font-weight:600;font-size:.88rem;letter-spacing:1px;transition:.25s}
.btn-cp.solid{background:linear-gradient(135deg,var(--teal-500),var(--teal-700));color:#fff;box-shadow:var(--shadow-sm)}
.btn-cp.solid:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);color:#fff}
.btn-cp.line{border:1.5px solid var(--teal-300);color:var(--teal-700)}
.btn-cp.line:hover{background:var(--mist)}

/* ---------- 数据带 ---------- */
.stats-sec{background:linear-gradient(135deg,var(--teal-900),var(--teal-700));position:relative;overflow:hidden}
.stats-sec::before{content:"";position:absolute;inset:0;background:radial-gradient(46% 90% at 85% 10%,rgba(143,196,173,.2),transparent 70%)}
.stats-row{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.stat{color:#fff;text-align:center;padding:34px 10px;border-right:1px solid rgba(255,255,255,.16)}
.stat:last-child{border-right:none}
.stat .num{font-family:var(--serif);font-size:2.7rem;font-weight:900;line-height:1;color:#fff}
.stat .num .u{font-size:1rem;font-weight:500;color:var(--sage-400);margin-left:4px}
.stat .lbl{font-size:.85rem;letter-spacing:3px;color:rgba(255,255,255,.75);margin-top:10px}

/* ---------- 快捷服务 ---------- */
.quick-sec{background:var(--mist)}
.quick-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:14px}
.quick-item{background:#fff;border:1px solid var(--line);border-radius:16px;text-align:center;padding:24px 8px 20px;display:block;transition:.28s;position:relative;overflow:hidden}
.quick-item::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--teal-500),var(--sage-600));transform:scaleX(0);transition:.3s}
.quick-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--teal-300)}
.quick-item:hover::after{transform:scaleX(1)}
.qi-ic{width:52px;height:52px;margin:0 auto 12px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;color:#fff;background:linear-gradient(135deg,var(--teal-500),var(--teal-700));box-shadow:0 8px 18px -6px rgba(61,139,158,.5);transition:.3s}
.quick-item:nth-child(even) .qi-ic{background:linear-gradient(135deg,var(--sage-600),var(--sage-400));box-shadow:0 8px 18px -6px rgba(91,155,129,.5)}
.quick-item:hover .qi-ic{transform:rotate(-8deg) scale(1.08)}
.quick-item .qi-t{font-size:.86rem;font-weight:600;color:var(--teal-900)}

/* ---------- 新闻 ---------- */
.news-sec{background:var(--paper)}
.news-feat{position:relative;border-radius:20px;overflow:hidden;height:100%;min-height:340px;box-shadow:var(--shadow-md)}
.news-feat img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.news-feat:hover img{transform:scale(1.06)}
.news-feat .nf-cap{position:absolute;inset:auto 0 0 0;padding:56px 26px 22px;color:#fff;background:linear-gradient(transparent,rgba(18,78,87,.94))}
.news-feat .nf-date{font-size:.75rem;letter-spacing:2px;color:var(--sage-400)}
.news-feat h4{color:#fff;font-size:1.12rem;margin:6px 0 0;line-height:1.6}
.news-feat .nf-tag{position:absolute;top:18px;left:18px;background:var(--coral);color:#fff;font-size:.72rem;letter-spacing:2px;padding:4px 14px;border-radius:99px}
.news-list{display:flex;flex-direction:column}
.news-item{display:flex;align-items:center;gap:14px;padding:13px 4px;border-bottom:1px dashed var(--line);transition:.22s}
.news-item:hover{padding-left:12px;background:linear-gradient(90deg,var(--mist),transparent)}
.news-item .ni-date{flex-shrink:0;text-align:center;width:52px}
.news-item .ni-date b{display:block;font-family:var(--serif);font-size:1.15rem;color:var(--teal-700);line-height:1.1}
.news-item .ni-date span{font-size:.68rem;color:#8aa4ab}
.news-item .ni-tt{flex:1;font-size:.92rem;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-item:hover .ni-tt{color:var(--teal-700)}
.news-item .ni-new{flex-shrink:0;font-size:.62rem;background:var(--coral);color:#fff;padding:1px 7px;border-radius:99px;letter-spacing:1px}
.notice-card{background:var(--sand);border:1px solid #eee3d3;border-radius:20px;padding:26px;height:100%}
.notice-card .nc-h{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:1.15rem;font-weight:700;color:var(--teal-900);margin-bottom:14px}
.notice-card .nc-h i{color:var(--coral);font-size:1.2rem}
.notice-card .news-item{border-bottom:1px dashed #e5d9c6}
.notice-card .news-item:hover{background:none;padding-left:8px}
.nc-tabs{display:flex;gap:8px;margin-bottom:10px}
.nc-tabs a{font-size:.78rem;color:#8a7a63;padding:3px 12px;border-radius:99px;border:1px solid #e5d9c6}
.nc-tabs a.on,.nc-tabs a:hover{background:var(--teal-700);border-color:var(--teal-700);color:#fff}

/* ---------- 专家 ---------- */
.expert-sec{background:var(--mist)}
.expert-scroll{display:flex;gap:18px;overflow-x:auto;padding:6px 4px 18px;scroll-snap-type:x mandatory}
.expert-scroll::-webkit-scrollbar{height:5px}
.expert-scroll::-webkit-scrollbar-thumb{background:var(--teal-300);border-radius:99px}
.expert-card{scroll-snap-align:start;flex:0 0 218px;background:#fff;border-radius:20px;padding:30px 20px 24px;text-align:center;box-shadow:var(--shadow-sm);transition:.3s;position:relative;overflow:hidden}
.expert-card::before{content:"";position:absolute;top:0;left:0;right:0;height:56px;background:linear-gradient(135deg,var(--mist),var(--sage-100))}
.expert-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}
.ex-ava{position:relative;width:92px;height:92px;margin:0 auto 14px;border-radius:50%;background:linear-gradient(135deg,var(--teal-500),var(--teal-700));display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:2rem;font-weight:900;color:#fff;border:4px solid #fff;box-shadow:var(--shadow-sm)}
.expert-card .ex-name{font-family:var(--serif);font-size:1.15rem;font-weight:700;color:var(--teal-900)}
.expert-card .ex-title{font-size:.78rem;color:var(--coral-deep);letter-spacing:1px;margin:2px 0 8px}
.expert-card .ex-desc{font-size:.78rem;color:#7a929a;line-height:1.6}
.ex-flag{position:absolute;top:14px;right:14px;font-size:.64rem;background:var(--teal-700);color:#fff;padding:2px 9px;border-radius:99px;letter-spacing:1px}
.ex-flag.bj{background:var(--coral)}

/* ---------- 科室 ---------- */
.dept-sec{background:var(--paper)}
.dept-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.dept-card{position:relative;display:flex;align-items:center;gap:14px;background:var(--mist);border:1px solid transparent;border-radius:16px;padding:18px 18px;transition:.28s;overflow:hidden}
.dept-card:hover{background:#fff;border-color:var(--teal-300);transform:translateY(-4px);box-shadow:var(--shadow-md)}
.dept-card .dc-ic{width:50px;height:50px;flex-shrink:0;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff;background:linear-gradient(135deg,var(--teal-500),var(--teal-700))}
.dept-card:nth-child(even) .dc-ic{background:linear-gradient(135deg,var(--sage-600),var(--sage-400))}
.dept-card h5{font-family:var(--serif);font-size:1rem;font-weight:700;color:var(--teal-900);margin:0}
.dept-card .dc-sub{font-size:.72rem;color:#8aa4ab;margin-top:2px}
.dept-card .dc-star{position:absolute;top:10px;right:12px;color:var(--coral);font-size:.8rem;opacity:0;transition:.28s}
.dept-card:hover .dc-star{opacity:1}

/* ---------- 科普 ---------- */
.sci-sec{background:linear-gradient(180deg,var(--mist),var(--sage-100))}
.sci-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}
.sci-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm);transition:.3s;display:block}
.sci-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.sci-feat{display:grid;grid-template-rows:1fr auto}
.sci-feat .sf-img{overflow:hidden}
.sci-feat .sf-img img{width:100%;height:300px;object-fit:cover;transition:transform .8s}
.sci-card:hover .sf-img img{transform:scale(1.05)}
.sci-feat .sf-body{padding:20px 24px 22px}
.sci-tag{display:inline-block;font-size:.7rem;letter-spacing:2px;color:var(--teal-700);background:var(--mist);border:1px solid var(--teal-300);padding:3px 12px;border-radius:99px;margin-bottom:10px}
.sci-feat h4{font-size:1.15rem;margin:0 0 8px;line-height:1.6}
.sci-feat p{font-size:.85rem;color:#7a929a;margin:0}
.sci-side{display:grid;gap:16px}
.sci-mini{display:grid;grid-template-columns:118px 1fr;background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);transition:.3s}
.sci-mini:hover{transform:translateX(6px);box-shadow:var(--shadow-md)}
.sci-mini .sm-img img{width:100%;height:100%;object-fit:cover}
.sci-mini .sm-body{padding:16px 18px;display:flex;flex-direction:column;justify-content:center}
.sci-mini h5{font-size:.92rem;margin:0 0 6px;line-height:1.55}
.sci-mini .sm-date{font-size:.72rem;color:#8aa4ab}

/* ---------- CTA 条 ---------- */
.cta-sec{background:linear-gradient(120deg,var(--teal-700),var(--teal-900));position:relative;overflow:hidden}
.cta-sec::after{content:"";position:absolute;inset:0;background:radial-gradient(40% 100% at 90% 50%,rgba(143,196,173,.25),transparent 70%)}
.cta-in{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:44px 12px;color:#fff;flex-wrap:wrap}
.cta-in h3{color:#fff;font-size:1.5rem;margin:0 0 6px;letter-spacing:2px}
.cta-in p{margin:0;color:rgba(255,255,255,.8);font-size:.9rem;letter-spacing:1px}
.cta-acts{display:flex;gap:14px;flex-wrap:wrap}

/* ---------- 页脚 ---------- */
.site-footer{background:var(--teal-900);color:#a9c6cc;font-size:.86rem}
.site-footer .ft-main{padding:56px 12px 40px}
.site-footer h5{font-family:var(--serif);color:#fff;font-size:1.02rem;letter-spacing:2px;margin-bottom:20px;position:relative;padding-bottom:10px}
.site-footer h5::after{content:"";position:absolute;left:0;bottom:0;width:26px;height:2px;background:var(--sage-400)}
.ft-contact p{display:flex;gap:10px;margin-bottom:9px;line-height:1.6}
.ft-contact i{color:var(--sage-400);margin-top:5px}
.ft-contact .hl{font-family:var(--serif);font-size:1.5rem;font-weight:900;color:var(--sage-400)}
.ft-links ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}
.ft-links a{color:#a9c6cc}
.ft-links a:hover{color:#fff}
.ft-links select{width:100%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);color:#cfe2e6;border-radius:9px;padding:8px 10px;font-size:.8rem;margin-bottom:9px;outline:none}
.ft-qr{display:flex;gap:16px;justify-content:flex-end}
.ft-qr .qr{text-align:center}
.ft-qr .qr-box{width:96px;height:96px;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--teal-700);font-size:1.9rem;margin-bottom:8px}
.ft-qr .qr span{font-size:.74rem}
.ft-bottom{border-top:1px solid rgba(255,255,255,.12);padding:16px 0;font-size:.76rem;text-align:center;color:#7fa4ab}
.ft-bottom a{color:#a9c6cc}
.ft-bottom a:hover{color:#fff}

/* ---------- 院区子页 ---------- */
.campus-hero{position:relative;min-height:340px;display:flex;align-items:flex-end;overflow:hidden}
.campus-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.campus-hero .ch-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,78,87,.25),rgba(18,78,87,.82))}
.ch-in{position:relative;z-index:2;padding:0 12px 44px;color:#fff;width:100%}
.ch-crumb{font-size:.8rem;letter-spacing:1px;color:rgba(255,255,255,.75);margin-bottom:10px}
.ch-crumb a{color:rgba(255,255,255,.85)}
.ch-crumb a:hover{color:var(--sage-400)}
.campus-hero h2{color:#fff;font-size:clamp(1.8rem,3.4vw,2.6rem);margin:0;letter-spacing:3px}
.campus-hero .ch-sub{font-family:var(--serif);color:var(--sage-400);letter-spacing:4px;margin-top:6px}
.facts-card{background:#fff;border-radius:20px;box-shadow:var(--shadow-lg);padding:30px 30px 24px;border-top:4px solid var(--sage-600)}
.facts-card h4{font-size:1.05rem;letter-spacing:2px;margin-bottom:18px;display:flex;align-items:center;gap:9px}
.facts-card h4 i{color:var(--teal-500)}
.fact-row{display:flex;gap:12px;padding:11px 0;border-bottom:1px dashed var(--line);font-size:.88rem}
.fact-row:last-child{border-bottom:none}
.fact-row i{color:var(--sage-600);margin-top:4px}
.fact-row b{color:var(--teal-900);flex-shrink:0}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.svc-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 22px;transition:.28s;position:relative;overflow:hidden}
.svc-card::before{content:"";position:absolute;top:0;left:0;width:44px;height:4px;background:linear-gradient(90deg,var(--teal-500),var(--sage-600));border-radius:0 0 4px 0}
.svc-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--teal-300)}
.svc-card .sv-ic{width:46px;height:46px;border-radius:13px;background:var(--mist);color:var(--teal-700);display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:14px}
.svc-card h5{font-family:var(--serif);font-size:1rem;margin:0 0 6px;color:var(--teal-900)}
.svc-card p{font-size:.82rem;color:#7a929a;margin:0;line-height:1.7}
.trans-card{background:#fff;border-radius:18px;border:1px solid var(--line);padding:26px;box-shadow:var(--shadow-sm)}
.trans-card .tr-h{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:700;color:var(--teal-900);font-size:1.02rem;margin-bottom:14px}
.trans-card .tr-h i{color:var(--coral)}
.trans-card p{font-size:.86rem;color:#4a6570;margin:0;line-height:1.9}

/* ---------- 入场动画 ---------- */
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--d,0s)}
.rv.in{opacity:1;transform:none}

/* ---------- 响应式 ---------- */
@media(max-width:1200px){
  .quick-grid{grid-template-columns:repeat(4,1fr)}
  .dept-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:992px){
  .cp-grid{grid-template-columns:1fr}
  .cp-photo{height:250px}
  .news-feat{min-height:280px}
  .sci-grid{grid-template-columns:1fr}
  .stats-row{grid-template-columns:repeat(2,1fr)}
  .stat{border-right:none;border-bottom:1px solid rgba(255,255,255,.16);padding:24px 10px}
  .stat:nth-last-child(-n+2){border-bottom:none}
  .hero-float{display:none}
  .hero-in{padding:70px 12px 120px}
  .ft-qr{justify-content:flex-start}
}
@media(max-width:768px){
  .brand-name h1{font-size:1.1rem}
  .hd-side .hotline-chip{display:none}
  .dept-grid{grid-template-columns:repeat(2,1fr)}
  .svc-grid{grid-template-columns:1fr}
  .quick-grid{grid-template-columns:repeat(2,1fr)}
  .quick-item{padding:16px 6px 14px}
  .notice-bar .nb-links{display:none}
  .shead{flex-direction:column;align-items:flex-start;gap:12px}
  .section{padding:56px 0}
  .cp-info{padding:26px 22px}
  .cta-in{flex-direction:column;text-align:center}
}

/* ============================================================
   内页扩展 · Inner Pages（列表 / 详情 / 专家）
   ============================================================ */

/* 内页页头 */
.page-hero{position:relative;background:linear-gradient(118deg,var(--teal-900) 0%,var(--teal-700) 68%,#2b7d8a 100%);overflow:hidden}
.page-hero::before{content:"";position:absolute;inset:0;background:
  radial-gradient(46% 120% at 86% -10%,rgba(143,196,173,.28),transparent 70%),
  radial-gradient(40% 110% at 6% 110%,rgba(143,196,203,.22),transparent 70%)}
.page-hero::after{content:"";position:absolute;inset:0;opacity:.08;
  background-image:repeating-linear-gradient(-45deg,#fff 0 1px,transparent 1px 22px)}
.page-hero .container{position:relative;z-index:2;padding:70px 12px 46px}
.ph-crumb{font-size:.8rem;letter-spacing:1px;color:rgba(255,255,255,.72);margin-bottom:12px}
.ph-crumb a{color:rgba(255,255,255,.88)}
.ph-crumb a:hover{color:var(--sage-400)}
.page-hero h2{color:#fff;font-size:clamp(1.9rem,3.2vw,2.5rem);letter-spacing:3px;margin:0 0 8px}
.page-hero .ph-en{font-family:var(--serif);color:var(--sage-400);letter-spacing:5px;font-size:.9rem}
.page-hero .ph-wave{display:block;width:100%;height:46px;margin-bottom:-1px}

/* 筛选片 */
.filter-chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}
.chip{border:1.5px solid var(--line);background:#fff;border-radius:99px;padding:8px 22px;font-size:.88rem;color:#4a6570;cursor:pointer;transition:.25s;letter-spacing:1px}
.chip:hover{border-color:var(--teal-300);color:var(--teal-700);transform:translateY(-2px)}
.chip.on{background:var(--teal-700);border-color:var(--teal-700);color:#fff;box-shadow:0 6px 16px -6px rgba(31,110,120,.5)}

/* 新闻列表行 */
.post-row{display:flex;gap:22px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:16px;transition:.28s}
.post-row:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--teal-300)}
.post-thumb{width:210px;height:134px;border-radius:12px;overflow:hidden;flex-shrink:0;background:var(--mist)}
.post-thumb img{width:100%;height:100%;object-fit:cover;transition:.6s}
.post-row:hover .post-thumb img{transform:scale(1.07)}
.post-body{flex:1;min-width:0;display:flex;flex-direction:column}
.post-meta{font-size:.74rem;color:#8aa4ab;display:flex;gap:14px;align-items:center;letter-spacing:1px;flex-wrap:wrap}
.post-meta .cat{color:var(--coral-deep);background:#fbe9e0;padding:2px 10px;border-radius:99px;letter-spacing:2px}
.post-body h3{font-size:1.12rem;margin:8px 0;line-height:1.6;transition:.2s}
.post-row:hover h3{color:var(--teal-700)}
.post-body p{font-size:.86rem;color:#7a929a;margin:0 0 auto;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:.76rem;color:#8aa4ab}
.post-foot .more{color:var(--teal-700);font-weight:600;letter-spacing:1px}
.post-foot .more i{transition:.2s}
.post-row:hover .more i{transform:translateX(4px)}

/* 侧栏 */
.side-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:20px}
.side-card .sc-h{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:700;color:var(--teal-900);font-size:1.05rem;letter-spacing:2px;padding-bottom:12px;border-bottom:2px solid var(--mist);margin-bottom:8px}
.side-card .sc-h i{color:var(--coral)}
.rank-item{display:flex;gap:12px;padding:13px 0;border-bottom:1px dashed var(--line);align-items:flex-start}
.rank-item:last-child{border-bottom:none}
.rank-no{font-family:var(--serif);font-weight:900;color:var(--teal-300);font-size:1.2rem;width:24px;flex-shrink:0;text-align:center;line-height:1.3}
.rank-item:nth-of-type(-n+3) .rank-no{color:var(--coral)}
.rank-item h6{font-size:.86rem;font-weight:500;line-height:1.55;margin:0;color:var(--ink)}
.rank-item:hover h6{color:var(--teal-700)}
.rank-item .dt{font-size:.7rem;color:#8aa4ab;margin-top:4px;letter-spacing:1px}
.banner-mini{position:relative;display:block;border-radius:18px;overflow:hidden;padding:24px 22px;color:#fff;background:linear-gradient(135deg,var(--teal-700),var(--teal-900));transition:.28s}
.banner-mini:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.banner-mini h5{color:#fff;font-family:var(--serif);font-size:1.05rem;letter-spacing:2px;margin:0 0 4px}
.banner-mini p{font-size:.76rem;color:rgba(255,255,255,.78);margin:0}
.banner-mini .bm-ic{position:absolute;right:-10px;bottom:-22px;font-size:5.2rem;opacity:.16;color:#fff}
.banner-mini.sage{background:linear-gradient(135deg,var(--sage-600),#3e7a63)}
.banner-mini.coral{background:linear-gradient(135deg,var(--coral),var(--coral-deep))}

/* 分页 */
.pagination{--bs-pagination-border-radius:10px}
.pagination .page-link{border:none;color:var(--teal-700);background:transparent;border-radius:10px!important;margin:0 3px;font-size:.9rem;min-width:40px;text-align:center;font-weight:600}
.pagination .page-link:hover{background:var(--mist)}
.pagination .page-item.active .page-link{background:var(--teal-700);color:#fff;box-shadow:0 6px 14px -6px rgba(31,110,120,.5)}

/* 详情页 */
.article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:44px 48px}
.article h1.a-title{font-size:clamp(1.4rem,2.6vw,1.9rem);line-height:1.55;letter-spacing:1px;color:var(--teal-900);margin:0}
.a-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:.8rem;color:#8aa4ab;margin:16px 0 0;padding-bottom:20px;border-bottom:1px solid var(--line);letter-spacing:1px}
.a-meta i{color:var(--sage-600);margin-right:4px}
.article .a-body{padding-top:26px}
.article .a-body p{font-size:.95rem;color:#3f5a64;line-height:2;margin:18px 0;text-align:justify}
.article .a-body h4{font-size:1.12rem;margin:30px 0 10px;padding-left:12px;border-left:4px solid var(--sage-600)}
.article .a-body .a-img{width:100%;border-radius:14px;margin:20px 0;box-shadow:var(--shadow-sm)}
.article .a-body .a-img-cap{text-align:center;font-size:.78rem;color:#8aa4ab;margin-top:-12px;margin-bottom:20px;letter-spacing:1px}
.article blockquote{background:var(--mist);border-left:4px solid var(--teal-500);border-radius:0 12px 12px 0;padding:16px 22px;font-size:.92rem;color:var(--teal-900);margin:22px 0;font-style:normal}
.article .a-tags{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:26px;padding-top:20px;border-top:1px dashed var(--line)}
.article .a-tags span{font-size:.76rem;background:var(--mist);color:var(--teal-700);border-radius:99px;padding:4px 14px}
.a-share{display:flex;gap:10px;align-items:center;margin-left:auto}
.a-share em{font-style:normal;font-size:.76rem;color:#8aa4ab;letter-spacing:1px}
.a-share a{width:32px;height:32px;border-radius:50%;background:var(--mist);color:var(--teal-700);display:flex;align-items:center;justify-content:center;transition:.2s}
.a-share a:hover{background:var(--teal-700);color:#fff;transform:translateY(-2px)}
.pn-nav{display:flex;justify-content:space-between;gap:16px;margin-top:22px}
.pn-link{flex:1;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 20px;transition:.25s}
.pn-link:hover{border-color:var(--teal-300);box-shadow:var(--shadow-sm)}
.pn-link small{display:block;font-size:.72rem;color:#8aa4ab;letter-spacing:2px;margin-bottom:4px}
.pn-link b{font-size:.88rem;color:var(--teal-900);font-weight:600;line-height:1.5;display:block}
.pn-link:hover b{color:var(--teal-700)}
.pn-link.next{text-align:right}
.rel-card{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;transition:.25s;height:100%}
.rel-card:hover{border-color:var(--teal-300);transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.rel-card img{width:92px;height:64px;border-radius:9px;object-fit:cover;flex-shrink:0}
.rel-card h6{font-size:.82rem;margin:0 0 4px;line-height:1.5;font-weight:600;color:var(--ink)}
.rel-card:hover h6{color:var(--teal-700)}
.rel-card small{font-size:.7rem;color:#8aa4ab}

/* 专家列表页 */
.expert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.expert-xl{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px 20px 22px;text-align:center;transition:.3s;position:relative;overflow:hidden}
.expert-xl::before{content:"";position:absolute;top:0;left:0;right:0;height:66px;background:linear-gradient(135deg,var(--mist),var(--sage-100))}
.expert-xl:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--teal-300)}
.expert-xl .ex-name{font-family:var(--serif);font-size:1.25rem;font-weight:900;color:var(--teal-900);position:relative}
.expert-xl .ex-title{font-size:.78rem;color:var(--coral-deep);letter-spacing:1px;margin-top:2px;position:relative}
.expert-xl .ex-dept{display:inline-block;font-size:.72rem;color:var(--teal-700);background:var(--mist);border:1px solid var(--teal-300);border-radius:99px;padding:2px 12px;margin:8px 0 10px;position:relative}
.expert-xl .ex-good{font-size:.78rem;color:#7a929a;line-height:1.65;text-align:left;position:relative}
.expert-xl .ex-out{margin-top:12px;font-size:.75rem;color:var(--coral-deep);background:#fbe9e0;border-radius:9px;padding:6px 10px;position:relative}
.expert-xl .ex-flag{position:absolute;top:14px;right:14px;font-size:.64rem;background:var(--teal-700);color:#fff;padding:2px 9px;border-radius:99px;letter-spacing:1px;z-index:2}
.expert-xl .ex-flag.bj{background:var(--coral)}

@media(max-width:992px){
  .expert-grid{grid-template-columns:repeat(2,1fr)}
  .post-thumb{width:160px;height:104px}
}
@media(max-width:768px){
  .article{padding:26px 20px}
  .post-row{flex-direction:column}
  .post-thumb{width:100%;height:180px}
  .pn-nav{flex-direction:column}
  .pn-link.next{text-align:left}
}

/* ============================================================
   科普详情 · 医院概况
   ============================================================ */

/* 视频播放器 */
.v-player{position:relative;border-radius:18px;overflow:hidden;background:var(--teal-900);box-shadow:var(--shadow-md)}
.v-player img{width:100%;display:block;opacity:.9}
.v-player .vp-mask{position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,78,87,.15),rgba(18,78,87,.55))}
.v-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;color:var(--teal-700);font-size:2rem;cursor:pointer;transition:.28s;box-shadow:0 12px 34px rgba(0,0,0,.3)}
.v-play:hover{transform:translate(-50%,-50%) scale(1.1);background:#fff}
.v-bar{position:absolute;left:0;right:0;bottom:0;padding:34px 20px 14px;display:flex;align-items:center;gap:12px;background:linear-gradient(transparent,rgba(18,78,87,.9))}
.v-bar .vp-time{color:#fff;font-size:.78rem;letter-spacing:1px;flex:1}
.v-progress{position:absolute;left:20px;right:20px;bottom:44px;height:4px;border-radius:99px;background:rgba(255,255,255,.3)}
.v-progress span{display:block;height:100%;width:24%;border-radius:99px;background:var(--sage-400)}
.lesson-meta{display:flex;gap:22px;flex-wrap:wrap;font-size:.8rem;color:#8aa4ab;margin-top:16px;letter-spacing:1px}
.lesson-meta i{color:var(--sage-600)}

/* 讲师卡 */
.teacher-card{display:flex;gap:16px;align-items:center;background:linear-gradient(135deg,var(--mist),var(--sage-100));border-radius:16px;padding:20px;margin:24px 0}
.teacher-card .tc-ava{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,var(--teal-500),var(--teal-700));color:#fff;font-family:var(--serif);font-size:1.6rem;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:3px solid #fff;box-shadow:var(--shadow-sm)}
.teacher-card h5{margin:0;font-size:1rem}
.teacher-card .tc-title{font-size:.78rem;color:var(--coral-deep);letter-spacing:1px;margin:2px 0 4px}
.teacher-card p{margin:0;font-size:.82rem;color:#7a929a;line-height:1.6}

/* 课程要点 */
.key-list{list-style:none;padding:0;margin:20px 0}
.key-list li{display:flex;gap:12px;padding:11px 0;border-bottom:1px dashed var(--line);font-size:.92rem;color:#3f5a64;line-height:1.7}
.key-list li i{color:var(--sage-600);font-size:1rem;margin-top:5px}
.lessons-list{counter-reset:ln}
.lesson-row{display:flex;gap:14px;align-items:center;padding:13px 14px;border-radius:12px;transition:.22s;cursor:pointer}
.lesson-row:hover{background:var(--mist)}
.lesson-row .lr-no{width:34px;height:34px;border-radius:10px;background:#fff;border:1px solid var(--line);font-family:var(--serif);font-weight:700;color:var(--teal-700);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.85rem}
.lesson-row.playing .lr-no{background:var(--teal-700);border-color:var(--teal-700);color:#fff}
.lesson-row h6{margin:0;font-size:.88rem;font-weight:500;flex:1}
.lesson-row.playing h6{color:var(--teal-700);font-weight:600}
.lesson-row small{font-size:.72rem;color:#8aa4ab}
.lesson-row .lr-play{color:var(--sage-600);font-size:1.05rem}
.lesson-row.playing .lr-play{color:var(--coral)}

/* 概况长页 · 粘性目录 */
.about-wrap{display:grid;grid-template-columns:210px 1fr;gap:36px;align-items:start}
.about-nav{position:sticky;top:86px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 10px}
.about-nav a{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;font-size:.88rem;color:#4a6570;transition:.22s;letter-spacing:1px}
.about-nav a i{color:var(--teal-500);font-size:.95rem;width:18px;text-align:center}
.about-nav a:hover{background:var(--mist);color:var(--teal-700)}
.about-nav a.active{background:var(--teal-700);color:#fff;font-weight:600}
.about-nav a.active i{color:#fff}
.about-block{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid var(--line);scroll-margin-top:84px}
.about-block:last-child{border-bottom:none;margin-bottom:0}
.about-block h3{font-size:1.45rem;letter-spacing:2px;margin:0 0 6px;display:flex;align-items:center;gap:12px}
.about-block h3 i{font-style:normal;color:var(--sage-600)}
.about-block .ab-en{font-size:.72rem;letter-spacing:.22em;color:var(--teal-500);text-transform:uppercase;margin-bottom:18px}
.about-block p{font-size:.93rem;color:#4a6570;line-height:1.95;margin:0 0 14px;text-align:justify}
.about-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;margin-top:18px}
.about-card .ac-h{display:flex;align-items:center;gap:9px;font-family:var(--serif);font-weight:700;color:var(--teal-900);font-size:1rem;margin-bottom:10px}
.about-card .ac-h i{color:var(--coral)}
.about-card p{margin:0;font-size:.86rem}

/* 时间轴 */
.timeline{position:relative;margin-top:24px;padding-left:30px}
.timeline::before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--teal-500),var(--sage-400))}
.tl-item{position:relative;padding:0 0 30px 18px}
.tl-item:last-child{padding-bottom:0}
.tl-item::before{content:"";position:absolute;left:-28px;top:6px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--teal-500);box-shadow:0 0 0 4px var(--mist)}
.tl-item.hl::before{border-color:var(--coral);box-shadow:0 0 0 4px #fbe9e0}
.tl-year{font-family:var(--serif);font-size:1.15rem;font-weight:900;color:var(--teal-700);letter-spacing:1px}
.tl-item h5{margin:4px 0;font-size:.95rem;color:var(--teal-900)}
.tl-item p{margin:0;font-size:.84rem;color:#7a929a;line-height:1.7}

/* 院徽院训 */
.creed-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}
.creed-item{text-align:center;background:linear-gradient(180deg,var(--mist),#fff);border:1px solid var(--line);border-radius:16px;padding:26px 12px}
.creed-item .ci-ic{font-family:var(--serif);font-size:1.8rem;font-weight:900;color:var(--teal-700);letter-spacing:6px}
.creed-item p{margin:8px 0 0;font-size:.78rem;color:#8aa4ab;text-align:center}

/* 领导 */
.leader-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}
.leader-card{background:#fff;border:1px solid var(--line);border-radius:16px;text-align:center;padding:22px 14px;transition:.25s}
.leader-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--teal-300)}
.leader-card .ld-ava{width:76px;height:76px;border-radius:50%;margin:0 auto 10px;background:linear-gradient(135deg,var(--sage-600),var(--sage-400));color:#fff;font-family:var(--serif);font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:3px solid #fff;box-shadow:var(--shadow-sm)}
.leader-card h5{margin:0;font-size:.95rem}
.leader-card .ld-post{font-size:.76rem;color:var(--coral-deep);margin-top:2px}
.leader-card p{margin:6px 0 0;font-size:.74rem;color:#8aa4ab;line-height:1.5;text-align:center}

/* 荣誉墙 */
.honor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.honor-item{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;transition:.22s}
.honor-item:hover{border-color:var(--teal-300);transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.honor-item .ho-ic{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#e8b95c,#d49a2e);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}
.honor-item h6{margin:0;font-size:.85rem;color:var(--teal-900);line-height:1.5}
.honor-item small{font-size:.72rem;color:#8aa4ab}

/* 数据条 */
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}
.about-stats .as-box{background:linear-gradient(135deg,var(--teal-900),var(--teal-700));border-radius:14px;padding:22px 14px;text-align:center;color:#fff}
.about-stats .as-box:nth-child(even){background:linear-gradient(135deg,var(--sage-600),#3e7a63)}
.about-stats .as-n{font-family:var(--serif);font-size:1.7rem;font-weight:900;line-height:1}
.about-stats .as-n small{font-size:.8rem;font-weight:500}
.about-stats .as-l{font-size:.76rem;color:rgba(255,255,255,.8);margin-top:6px;letter-spacing:1px}

@media(max-width:992px){
  .about-wrap{grid-template-columns:1fr}
  .about-nav{position:static;display:flex;overflow-x:auto}
  .about-nav a{white-space:nowrap}
  .creed-grid,.leader-grid{grid-template-columns:repeat(2,1fr)}
  .honor-grid{grid-template-columns:1fr}
  .about-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .teacher-card{flex-direction:column;text-align:center}
}

/* ============================================================
   移动端增强适配 Mobile Enhancement
   基础全局 + ≤992 / ≤768 / ≤430 三档
   ============================================================ */
html{-webkit-text-size-adjust:100%}
a,button,.chip,.campus-tab,.quick-item,.dept-card,.lesson-row{
  -webkit-tap-highlight-color:transparent;
}
button{touch-action:manipulation}
.ft-bottom{padding-bottom:calc(14px + env(safe-area-inset-bottom))}
.main-nav{padding-top:env(safe-area-inset-top)}

/* —— 平板档 ≤992 —— */
@media(max-width:992px){
  .brand-mark{width:54px;height:54px}
  .brand-name h1{font-size:1.24rem;letter-spacing:.5px}
  .brand-name .en{font-size:.62rem;letter-spacing:.1em}
  .hd-side{gap:10px}
  .btn-appoint{padding:10px 16px;font-size:.86rem;white-space:nowrap}
  .hotline-chip{padding:6px 12px}
  .hotline-chip .no{font-size:1.12rem}
  .hotline-chip i{font-size:1.1rem}
  /* 院区标签在窄屏纵向堆叠 */
  .campus-tabs{flex-direction:column;gap:8px}
  .campus-tab{min-width:0;width:100%;border-radius:14px!important;border-bottom:1.5px solid var(--line)!important;bottom:auto}
  .campus-tab.active{border-color:var(--teal-300)!important}
  .campus-tab .ct-name::after{display:none}
  .campus-stage{border-radius:18px;margin-top:6px}
  /* 长页目录横向滑动 */
  .about-nav{margin:0 -12px;padding:8px 12px;border-radius:0;border-left:none;border-right:none;
    -webkit-overflow-scrolling:touch}
  .about-nav a{white-space:nowrap}
  .leader-grid{grid-template-columns:repeat(2,1fr)}
}

/* —— 手机档 ≤768 —— */
@media(max-width:768px){
  /* 页头 */
  .site-header .hd-in{padding:11px 12px;gap:10px;flex-wrap:nowrap}
  .brand{gap:10px;min-width:0}
  .brand-mark{width:48px;height:48px;border-radius:11px}
  .brand-name{min-width:0}
  .brand-name h1{font-size:1.02rem;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .brand-name .en{display:none}
  .brand-name .sub{font-size:.64rem;padding:1px 9px;letter-spacing:1px;white-space:nowrap}
  .hd-side{flex-shrink:0}
  .btn-appoint{padding:9px 14px;font-size:.8rem}
  .btn-appoint i{font-size:.9rem}

  /* 通告栏 */
  .notice-bar{font-size:.7rem;padding:6px 0}
  .notice-bar .nb-in{gap:8px}

  /* 导航（折叠面板） */
  .main-nav .navbar{padding:4px 0}
  .main-nav .nav-link{padding:12px 16px!important;font-size:.92rem}
  .main-nav .nav-link::after{display:none}
  .nav-search{margin:8px 14px 12px;width:calc(100% - 28px)}
  .nav-search input{flex:1;width:auto}

  /* 英雄区 */
  .hero-in{padding:54px 12px 100px}
  .hero-kicker{font-size:.7rem;letter-spacing:2px;padding:5px 14px}
  .hero h2{letter-spacing:2px;margin:20px 0 8px}
  .hero .hero-sub{letter-spacing:3px;font-size:.95rem}
  .hero-cta{gap:10px;margin-top:28px}
  .btn-hero{flex:1;justify-content:center;min-width:138px;padding:12px 18px;font-size:.86rem}

  /* 院区面板 */
  .cp-info{padding:24px 20px}
  .cp-info h3{font-size:1.4rem}
  .cp-photo{height:200px}
  .cp-acts .btn-cp{flex:1;justify-content:center}

  /* 数据带 */
  .stat{padding:22px 10px}
  .stat .num{font-size:2.05rem}
  .stat .lbl{font-size:.78rem;letter-spacing:2px}

  /* 板块 */
  .section{padding:46px 0}
  .shead{margin-bottom:28px;gap:10px}
  .sh-tag{font-size:.64rem;letter-spacing:.16em}
  .sh-tag::before{width:24px}
  .sh-more{padding:6px 14px;font-size:.78rem}

  /* 快捷服务 */
  .quick-band{padding:18px 0}
  .quick-item i{font-size:1.32rem}
  .quick-item span{font-size:.74rem}

  /* 新闻/侧栏 */
  .post-row{gap:14px;padding:14px}
  .post-body h3{font-size:1rem}
  .post-thumb{height:170px}
  .news-feat{min-height:240px}
  .news-feat .nf-cap h4{font-size:1rem}
  .side-card{padding:18px}
  .rank-item h6{font-size:.84rem}

  /* 专家横滑 */
  .expert-scroll{gap:12px;padding-bottom:14px}
  .expert-card{flex-basis:150px;min-width:150px;padding:24px 14px 20px}
  .ex-ava{width:80px;height:80px;font-size:1.35rem}

  /* 科室卡 */
  .dept-card{padding:15px 12px;gap:10px}
  .dept-card .dc-ic{width:44px;height:44px;font-size:1.15rem;border-radius:12px}
  .dept-card h5{font-size:.88rem}

  /* 科普 */
  .sci-feat .sf-img img{height:210px}
  .sci-mini .simg,
  .scard:not(.feat) .simg{width:104px}
  .sci-mini .sm-body{padding:12px 14px}
  .sci-mini h5{font-size:.84rem}

  /* 内页头 */
  .page-hero .container{padding:50px 12px 36px}
  .page-hero h2{letter-spacing:2px}
  .ph-en{letter-spacing:3px;font-size:.74rem}
  .campus-hero{min-height:240px}
  .ch-in{padding:0 12px 34px}

  /* 筛选片 */
  .chip{padding:7px 16px;font-size:.8rem}
  .filter-chips{gap:8px;margin-bottom:22px}

  /* 分页 */
  .pagination .page-link{min-width:36px;font-size:.84rem;padding:.4rem .6rem}

  /* 文章 */
  .article h1.a-title{line-height:1.6}
  .article .a-body p{font-size:.9rem;line-height:1.9}
  .a-meta{gap:10px 16px}
  .a-share{width:100%;margin-left:0;justify-content:flex-end}
  .teacher-card{padding:18px;gap:12px}
  .v-play{width:58px;height:58px;font-size:1.5rem}
  .v-bar{padding:30px 14px 10px}
  .v-progress{left:14px;right:14px;bottom:38px}
  .lesson-row{padding:11px 8px;gap:10px}
  .lesson-row .lr-no{width:30px;height:30px;border-radius:9px}

  /* 概况长页 */
  .about-block{padding-bottom:24px;margin-bottom:24px}
  .about-block h3{font-size:1.18rem;letter-spacing:1px}
  .about-block p{font-size:.88rem;line-height:1.9}
  .about-stats{gap:10px}
  .about-stats .as-box{padding:18px 8px}
  .about-stats .as-n{font-size:1.35rem}
  .about-stats .as-l{font-size:.7rem}
  .creed-grid{gap:10px}
  .creed-item{padding:20px 8px}
  .creed-item .ci-ic{font-size:1.45rem;letter-spacing:4px}
  .tl-item{padding-left:14px;padding-bottom:24px}
  .honor-item{padding:14px;gap:10px}
  .about-card{padding:18px}

  /* CTA */
  .cta-in{padding:36px 12px;text-align:center}
  .cta-acts{width:100%}
  .cta-acts .btn-hero{flex:1}

  /* 页脚 */
  .site-footer .ft-main{padding:42px 12px 30px}
  .ft-qr{gap:14px}
  .ft-qr .qr-box{width:88px;height:88px;font-size:1.7rem}
  .flinks select{font-size:.76rem}
}

/* —— 小屏手机 ≤430 —— */
@media(max-width:430px){
  .brand-name h1{font-size:.95rem}
  .brand-name .sub{font-size:.6rem}
  .btn-appoint{padding:9px 12px}
  .hotline-chip{display:none!important}
  /* 数据带单列更舒展 */
  .stats-row{grid-template-columns:1fr}
  .stat{border-bottom:1px solid rgba(255,255,255,.16)!important;border-right:none!important}
  .stat:last-child{border-bottom:none!important}
  .stat .num{font-size:1.9rem}
  /* 专家卡单列 */
  .expert-grid{grid-template-columns:1fr}
  /* 概况领导单列 */
  .leader-grid{grid-template-columns:1fr}
  /* CTA 按钮纵向排满 */
  .cta-acts,.hero-cta{flex-direction:column}
  .cta-acts .btn-hero,.btn-hero{width:100%}
  /* 院区卡按钮纵向 */
  .cp-acts{flex-direction:column}
  .cp-acts .btn-cp{width:100%;justify-content:center}
  /* 头条 meta 紧凑 */
  .post-meta{gap:8px 12px}
  /* 科室卡文字不挤压 */
  .dept-card .dc-sub{font-size:.7rem}
  /* 页脚二维码居中 */
  .ft-qr{justify-content:center}
}