/* ============================================================
   山东朴诊医疗科技有限公司 官网样式
   设计：医疗蓝 + 科技青，专业 / 稳健 / 接地气
   ============================================================ */

:root{
  --primary:#0b5fa5;        /* 医疗主蓝 */
  --primary-dark:#073e6e;
  --primary-light:#1e7fc4;
  --accent:#00b8a9;         /* 科技青 */
  --accent-2:#26c2d6;
  --ink:#16253a;            /* 主文字 */
  --gray:#5f7184;           /* 次文字 */
  --gray-light:#8a99a8;
  --bg-soft:#f3f8fc;
  --bg-soft-2:#eaf2f9;
  --white:#ffffff;
  --border:#e2ebf3;
  --shadow-sm:0 2px 10px rgba(13,58,98,.06);
  --shadow-md:0 12px 32px rgba(13,58,98,.10);
  --shadow-lg:0 24px 60px rgba(13,58,98,.16);
  --radius:14px;
  --radius-sm:10px;
  --maxw:1760px;
  --nav-h:68px;
  --ff:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--ff);
  color:var(--ink);
  background:var(--white);
  line-height:1.7;
  font-size:15px;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
ul{list-style:none;}
.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 clamp(16px,2.4vw,36px);}
section{position:relative;}

/* ---------- 工具类 ---------- */
.section{padding:30px 0;}
.section--soft{background:var(--bg-soft);}
.section--tint{padding:28px 0;background:linear-gradient(180deg,#fff 0%,#f6fafd 100%);}
.text-center{text-align:center;}
.lead{color:var(--gray);font-size:17px;max-width:860px;margin:0 auto;}
.eyebrow{
  display:inline-block;font-size:13px;font-weight:700;letter-spacing:2px;
  color:var(--primary);background:rgba(11,95,165,.08);
  padding:6px 14px;border-radius:30px;margin-bottom:16px;
}
.eyebrow .en{color:var(--accent);margin-left:6px;font-weight:600;}

.section-title{
  font-size:clamp(28px,3.4vw,44px);font-weight:800;letter-spacing:1px;line-height:1.25;
  position:relative;
}
.section-head{margin-bottom:66px;}
.section-head .lead{margin-top:14px;}

.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:13px 28px;border-radius:30px;font-weight:700;font-size:15px;
  transition:.25s ease;cursor:pointer;border:1.5px solid transparent;
}
.btn--primary{background:linear-gradient(120deg,var(--primary),var(--primary-light));color:#fff;box-shadow:0 10px 24px rgba(11,95,165,.28);}
.btn--primary:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(11,95,165,.36);}
.btn--ghost{background:#fff;color:var(--primary);border-color:rgba(11,95,165,.25);}
.btn--ghost:hover{border-color:var(--primary);background:var(--bg-soft);}
.btn--light{background:#fff;color:var(--primary);box-shadow:var(--shadow-md);}
.btn--light:hover{transform:translateY(-2px);}
.btn .arrow{transition:.25s;}
.btn:hover .arrow{transform:translateX(4px);}

/* ============================================================
   顶部导航
   ============================================================ */
.notice{
  background:linear-gradient(90deg,var(--primary-dark),var(--primary));
  color:#dcebf8;font-size:13px;
}
.notice .container{display:flex;align-items:center;gap:10px;height:38px;overflow:hidden;}
.notice .tag{
  background:var(--accent);color:#042;font-weight:700;font-size:11px;
  padding:2px 8px;border-radius:4px;flex:none;
}
.notice a{color:#fff;opacity:.9;white-space:nowrap;}
.notice a:hover{opacity:1;}
.notice .scroll-txt{overflow:hidden;flex:1;position:relative;}
.notice .scroll-txt span{display:inline-block;padding-left:0;}

.header{
  position:sticky;top:0;z-index:1000;
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(180%) blur(12px);
  border-bottom:1px solid var(--border);
  transition:.3s;
}
.header.scrolled{box-shadow:var(--shadow-sm);}
.nav{display:flex;align-items:center;justify-content:space-between;height:var(--nav-h);}
.logo{display:flex;align-items:center;gap:12px;}
.logo .mark{width:40px;height:40px;flex:none;}
.logo .txt{display:flex;flex-direction:column;align-items:stretch;}
.logo .txt b{font-size:18px;font-weight:800;color:var(--ink);letter-spacing:0;display:block;line-height:1.1;width:100%;text-align:justify;text-align-last:justify;}
.logo .txt small{font-size:10px;letter-spacing:2px;color:var(--gray-light);font-weight:600;text-transform:uppercase;white-space:nowrap;}

.menu{display:flex;align-items:center;gap:4px;}
.menu>li{position:relative;}
.menu>li>a{
  display:block;padding:10px 16px;font-weight:600;font-size:15px;color:var(--ink);
  border-radius:8px;transition:.2s;position:relative;
}
.menu>li>a:hover{color:var(--primary);background:var(--bg-soft);}
.menu>li.active>a{color:var(--primary);}
.menu>li>a::after{
  content:"";position:absolute;left:16px;right:16px;bottom:6px;height:2px;
  background:var(--primary);transform:scaleX(0);transition:.25s;transform-origin:left;
}
.menu>li.active>a::after,.menu>li:hover>a::after{transform:scaleX(1);}

/* 下拉 */
.dropdown{
  position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(8px);
  min-width:230px;background:#fff;border:1px solid var(--border);border-radius:12px;
  box-shadow:var(--shadow-md);padding:8px;opacity:0;visibility:hidden;transition:.22s;z-index:50;
}
.menu>li:hover .dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.dropdown a{
  display:flex;flex-direction:column;padding:10px 14px;border-radius:8px;transition:.18s;
}
.dropdown a:hover{background:var(--bg-soft);}
.dropdown a b{font-size:14px;font-weight:700;color:var(--ink);}
.dropdown a span{font-size:12px;color:var(--gray-light);}

.nav-cta{display:flex;align-items:center;gap:12px;}
.nav-cta .phone{font-weight:800;color:var(--primary);font-size:16px;display:flex;align-items:center;gap:6px;}
.nav-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;}
.nav-toggle span{width:24px;height:2px;background:var(--ink);border-radius:2px;transition:.3s;}

/* ============================================================
   Hero
   ============================================================ */
.hero{
  position:relative;overflow:hidden;
  background:
    radial-gradient(1200px 600px at 78% -10%,rgba(255,255,255,.05),transparent 60%),
    radial-gradient(900px 500px at 8% 110%,rgba(255,255,255,.04),transparent 55%),
    linear-gradient(135deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%);
  color:#fff;
  padding:56px 0 68px;
  min-height:560px;
  display:flex;
  align-items:center;
}
.hero::before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:46px 46px;mask-image:radial-gradient(circle at 70% 30%,#000,transparent 75%);
}
.hero .container{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:stretch;transform:translateY(-30px);}
.hero-text{position:relative;display:flex;flex-direction:column;}
.hero .badge{
  align-self:flex-start;
  display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:700;
  background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.5);box-shadow:0 2px 10px rgba(0,0,0,.25);
  padding:9px 18px;border-radius:30px;margin-bottom:32px;
  text-shadow:0 1px 0 rgba(255,255,255,.22),0 2px 7px rgba(7,30,50,.32);
}
.hero .badge .dot{width:8px;height:8px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 0 4px rgba(38,194,214,.3);}
.hero h1{font-size:clamp(32px,4.8vw,60px);line-height:1.5;font-weight:800;letter-spacing:1px;}
.hero h1 .hl{
  color:#fff;
}
.hero p.sub{margin:24px 0 34px;font-size:19px;color:#d8e8f7;max-width:640px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.hero .actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:auto;transform:translateY(47px);}
.hero .actions .btn--light{color:var(--primary);}

/* Hero 右侧卡片 */
.hero-card{
  background:rgba(7,62,110,.42);border:1px solid rgba(255,255,255,.22);
  border-radius:20px;padding:20px;backdrop-filter:blur(12px) saturate(140%);
  box-shadow:0 30px 60px rgba(0,0,0,.28);
  max-width:440px;margin-left:auto;align-self:flex-start;display:flex;flex-direction:column;justify-content:center;
}
.hero-card h3{font-size:19px;margin-bottom:16px;text-align:center;color:#eaf4ff;}
.feature-list li{display:flex;align-items:center;gap:18px;padding:14px 8px;border-bottom:1px dashed rgba(255,255,255,.16);}
.feature-list li:last-child{border-bottom:none;}
.feature-list .ic{
  width:60px;height:60px;flex:none;border-radius:14px;background:rgba(255,255,255,.12);
  display:flex;align-items:center;justify-content:center;color:#fff;
}
.feature-list .ic svg{width:30px;height:30px;}
.feature-list b{font-size:16px;color:#fff;display:block;letter-spacing:1px;}
.feature-list small{font-size:13px;color:#bcd6ee;letter-spacing:.5px;}

/* 数据统计条 */
.stats{
  background:#fff;border-radius:18px;box-shadow:var(--shadow-lg);
  margin-top:-60px;position:relative;z-index:5;
  display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;
}
.stats .item{padding:5px 18px;text-align:center;border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;min-height:140px;}
.stats .item:last-child{border-right:none;}
.stats .num{font-size:56px;font-weight:800;color:var(--primary);line-height:1.05;letter-spacing:-.5px;text-shadow:0 2px 6px rgba(7,62,110,.18);}
.stats .num .u{font-size:24px;color:var(--accent);margin-left:3px;}
.stats .label{margin-top:14px;color:var(--ink);font-size:16px;font-weight:600;letter-spacing:.4px;}

/* 标题立体效果（轻微浮雕 + 投影） */
.hero h1,
.page-hero h1,
.section-title,
.card h3,
.aud-card h3,
.cta-band h2,
.footer h4{
  text-shadow:0 1px 0 rgba(255,255,255,.22),0 2px 7px rgba(7,30,50,.32);
}

/* ============================================================
   卡片 / 网格
   ============================================================ */
.grid{display:grid;gap:32px;}
.grid-2{grid-template-columns:repeat(2,1fr);}
.grid-3{grid-template-columns:repeat(3,1fr);}
.grid-4{grid-template-columns:repeat(4,1fr);}

.card{
  background:#fff;border:1px solid var(--border);border-radius:var(--radius);
  padding:32px 28px;transition:.28s ease;position:relative;overflow:hidden;
}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:transparent;}
.card .ic{
  width:58px;height:58px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,rgba(11,95,165,.10),rgba(38,194,214,.12));
  color:var(--primary);margin-bottom:20px;transition:.28s;
}
.card:hover .ic{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;}
.card .ic svg{width:30px;height:30px;}
.card h3{font-size:19px;font-weight:700;margin-bottom:10px;}
.card p{color:var(--gray);font-size:14.5px;}
.card .more{margin-top:16px;color:var(--primary);font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:6px;}
.card .more .arrow{transition:.25s;}
.card:hover .more .arrow{transform:translateX(4px);}
.grid-3 .card{text-align:center;}
.grid-3 .card .ic{margin-left:auto;margin-right:auto;}

/* 产品卡（带图） */
.product-card{
  border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#fff;
  transition:.28s;display:flex;flex-direction:column;
}
.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);}
.product-card .thumb{
  height:180px;position:relative;overflow:hidden;
  background:linear-gradient(135deg,var(--primary),var(--primary-light));
  display:flex;align-items:center;justify-content:center;
}
.product-card .thumb.teal{background:linear-gradient(135deg,var(--accent),var(--accent-2));}
.product-card .thumb .ph{font-size:42px;color:rgba(255,255,255,.9);font-weight:800;letter-spacing:2px;position:relative;z-index:2;}
.product-card .thumb .deco{position:absolute;right:-30px;bottom:-30px;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.10);z-index:1;}
.product-card .thumb .thumb-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32;z-index:0;}
.product-card .body{padding:24px 24px 26px;flex:1;display:flex;flex-direction:column;}
.product-card .tag{font-size:12px;font-weight:700;color:var(--accent);letter-spacing:1px;}
.product-card h3{font-size:19px;margin:6px 0 10px;font-weight:700;}
.product-card p{color:var(--gray);font-size:14px;flex:1;}
.product-card .feats{margin:16px 0;display:flex;flex-wrap:wrap;gap:8px;}
.product-card .feats span{font-size:12px;background:var(--bg-soft);color:var(--primary);padding:4px 10px;border-radius:20px;font-weight:600;}

/* 服务对象 */
.audience{
  background:linear-gradient(135deg,rgba(7,62,110,.80),rgba(11,95,165,.74));
  border-radius:22px;padding:54px 48px;color:#fff;position:relative;overflow:hidden;
}
.audience::after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:rgba(38,194,214,.15);}
.audience .grid{position:relative;z-index:2;}
.aud-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:30px;}
.audience .aud-card:nth-child(1){background-image:linear-gradient(rgba(7,30,50,.64),rgba(7,30,50,.64)),url(../img/aud-clinic.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:transparent;background-clip:padding-box;border-color:rgba(0,0,0,.22);box-shadow:0 14px 30px rgba(0,0,0,.32);}
.audience .aud-card:nth-child(2){background-image:linear-gradient(rgba(7,30,50,.64),rgba(7,30,50,.64)),url(../img/aud-archive.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:transparent;background-clip:padding-box;border-color:rgba(0,0,0,.22);box-shadow:0 14px 30px rgba(0,0,0,.32);}
.aud-card .ic{width:54px;height:54px;border-radius:14px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--accent-2);}
.aud-card h3{font-size:20px;margin-bottom:10px;}
.aud-card p{color:#cfe2f3;font-size:14px;}
.aud-card ul{margin-top:14px;}
.aud-card ul li{font-size:13.5px;color:#e3f0fa;padding:5px 0 5px 22px;position:relative;}
.aud-card ul li::before{content:"";position:absolute;left:0;top:13px;width:8px;height:8px;border-radius:50%;background:var(--accent-2);}

/* 优势 */
.advantage{display:flex;gap:18px;align-items:flex-start;}
.advantage .num{
  flex:none;width:46px;height:46px;border-radius:12px;font-weight:800;font-size:18px;
  background:var(--bg-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;
  border:1px solid var(--border);
}
.advantage h4{font-size:17px;margin-bottom:6px;}
.advantage p{color:var(--gray);font-size:14px;}

/* 流程 */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:s;}
.step{position:relative;padding:30px 22px 26px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);}
.step::before{counter-increment:s;content:"0" counter(s);position:absolute;top:-18px;left:24px;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);}
.step h4{margin:14px 0 8px;font-size:17px;}
.step p{color:var(--gray);font-size:14px;}

/* 案例 */
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.case-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:26px;transition:.26s;}
.case-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);}
.case-card .top{display:flex;align-items:center;gap:14px;margin-bottom:16px;}
.case-card .logo-box{width:52px;height:52px;border-radius:12px;background:var(--bg-soft);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--primary);font-size:20px;flex:none;}
.case-card .meta b{display:block;font-size:16px;}
.case-card .meta span{font-size:12px;color:var(--accent);font-weight:700;}
.case-card p{color:var(--gray);font-size:14px;}
.case-card .result{margin-top:14px;display:flex;gap:18px;border-top:1px solid var(--border);padding-top:14px;}
.case-card .result div b{font-size:22px;color:var(--primary);display:block;line-height:1;}
.case-card .result div span{font-size:12px;color:var(--gray-light);}

/* 新闻 */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.news-main{display:flex;flex-direction:column;}
.news-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:.26s;display:flex;flex-direction:column;}
.news-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);}
.news-card .cover{height:200px;background:linear-gradient(135deg,var(--primary),var(--accent-2));position:relative;display:flex;align-items:center;justify-content:center;color:#fff;background-size:cover;background-position:center;}

.news-grid .news-card:nth-child(1) .cover{background-image:linear-gradient(rgba(7,30,50,.30),rgba(7,30,50,.45)),url(../img/news-his.png);}
.news-grid .news-card:nth-child(2) .cover{background-image:linear-gradient(rgba(7,30,50,.30),rgba(7,30,50,.45)),url(../img/news-digitize.png);}
.news-grid .news-card:nth-child(3) .cover{background-image:linear-gradient(rgba(7,30,50,.30),rgba(7,30,50,.45)),url(../img/news-paperless.png);}
.news-card .cover .date{position:absolute;top:16px;left:16px;background:rgba(255,255,255,.92);color:var(--primary);border-radius:8px;padding:8px 12px;text-align:center;font-weight:800;line-height:1;}
.news-card .cover .date b{font-size:22px;display:block;}
.news-card .cover .date span{font-size:11px;}
.news-card .body{padding:20px 22px;}
.news-card .cat{font-size:12px;font-weight:700;color:var(--accent);}
.news-card h3{font-size:17px;margin:8px 0;font-weight:700;line-height:1.4;}
.news-card p{color:var(--gray);font-size:13.5px;}

/* 客户评价 */
.review{background:var(--bg-soft);border-radius:var(--radius);padding:30px;position:relative;}
.review .quote{font-size:46px;color:var(--accent);opacity:.4;line-height:1;font-family:Georgia,serif;}
.review p{color:var(--ink);font-size:15px;margin:6px 0 18px;}
.review .who{display:flex;align-items:center;gap:12px;}
.review .who .av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;}
.review .who b{font-size:14px;}
.review .who span{font-size:12px;color:var(--gray-light);}

/* CTA banner */
.cta-band{
  background:linear-gradient(120deg,var(--primary-dark),var(--primary) 60%,var(--primary-light));
  border-radius:22px;padding:56px 50px;color:#fff;position:relative;overflow:hidden;
  display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;
}
.cta-band::before{content:"";position:absolute;left:-40px;bottom:-60px;width:240px;height:240px;border-radius:50%;background:rgba(38,194,214,.16);}
.cta-band h2{font-size:30px;font-weight:800;margin-bottom:8px;}
.cta-band p{color:#d6e8f7;max-width:520px;}

/* 面包屑 */
.crumb{background:var(--bg-soft);padding:18px 0;font-size:14px;color:var(--gray);}
.crumb a:hover{color:var(--primary);}
.crumb .sep{margin:0 8px;color:var(--gray-light);}

/* 页面头部 banner（内页） */
.page-hero{
  background:linear-gradient(135deg,var(--primary-dark),var(--primary) 70%,var(--primary-light));
  color:#fff;padding:70px 0 80px;position:relative;overflow:hidden;
}
.page-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(circle at 80% 20%,#000,transparent 70%);}
.page-hero .container{position:relative;z-index:2;}
.page-hero h1{font-size:40px;font-weight:800;letter-spacing:1px;}
.page-hero p{margin-top:14px;color:#d6e8f7;max-width:640px;font-size:16px;}

/* 详情 / 列表 */
.detail-list li{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--border);}
.detail-list li .ic{flex:none;width:38px;height:38px;border-radius:10px;background:var(--bg-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;}
.detail-list li b{display:block;font-size:15px;}
.detail-list li span{font-size:14px;color:var(--gray);}

/* 时间线（新闻） */
.timeline{position:relative;padding-left:28px;}
.timeline::before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:var(--border);}
.timeline li{position:relative;padding:0 0 28px 22px;}
.timeline li::before{content:"";position:absolute;left:-28px;top:6px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--primary);}
.timeline .t{font-size:13px;color:var(--gray-light);font-weight:600;}
.timeline h4{font-size:17px;margin:4px 0 6px;font-weight:700;}
.timeline p{color:var(--gray);font-size:14px;}

/* 表单 */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.field{display:flex;flex-direction:column;gap:7px;}
.field.full{grid-column:1/-1;}
.field label{font-size:14px;font-weight:600;color:var(--ink);}
.field input,.field textarea,.field select{
  border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:14px;
  font-family:inherit;color:var(--ink);background:#fff;transition:.2s;
}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(11,95,165,.12);}
.field textarea{resize:vertical;min-height:120px;}

/* 联系信息 */
.contact-info{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.info-card{background:var(--bg-soft);border-radius:var(--radius);padding:24px;display:flex;gap:16px;align-items:flex-start;}
.info-card .ic{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:flex;align-items:center;justify-content:center;flex:none;}
.info-card b{display:block;font-size:15px;margin-bottom:4px;}
.info-card span,.info-card a{font-size:14px;color:var(--gray);}

/* 地图占位 */
.map-box{height:360px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:linear-gradient(135deg,#dfeaf3,#c7dbea);position:relative;display:flex;align-items:center;justify-content:center;color:var(--primary);}
.map-box .pin{text-align:center;}
.map-box .pin svg{width:46px;height:46px;}

/* ============================================================
   页脚
   ============================================================ */
.footer{background:var(--primary-dark);color:#c5d8ea;padding:32px 0 0;}
.footer .top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.2fr;gap:28px;}
.footer .brand .logo .txt b{color:#fff;}
.footer .brand .logo .txt small{color:#7fa8cc;}
.footer .brand p{margin:12px 0;font-size:14px;color:#a9c4dc;max-width:300px;}
.footer .brand .socials{display:flex;gap:12px;}
.footer .brand .socials a{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;transition:.2s;color:#cfe2f3;}
.footer .brand .socials a:hover{background:var(--accent);color:#042;}
.footer h4{color:#fff;font-size:15px;margin-bottom:12px;font-weight:700;letter-spacing:.5px;}
.footer .col a{display:block;font-size:14px;color:#a9c4dc;padding:4px 0;transition:.2s;}
.footer .col a:hover{color:#fff;padding-left:5px;}
.footer .contact-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:16px;}
.footer .contact-card .row{display:flex;gap:10px;padding:6px 0;font-size:13.5px;color:#bcd6ee;align-items:flex-start;}
.footer .contact-card .row svg{flex:none;width:18px;height:18px;color:var(--accent-2);margin-top:3px;}
.footer .bottom{border-top:1px solid rgba(255,255,255,.10);margin-top:16px;padding:12px 0;text-align:center;font-size:13px;color:#8fb0cd;}
.footer .bottom a{color:#a9c4dc;}
.footer .bottom a:hover{color:#fff;}
.footer .bottom .links{margin-top:4px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;line-height:1.4;}

/* ============================================================
   返回顶部
   ============================================================ */
.totop{
  position:fixed;right:24px;bottom:28px;width:46px;height:46px;border-radius:50%;
  background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transition:.3s;z-index:900;
}
.totop.show{opacity:1;visibility:visible;}
.totop:hover{transform:translateY(-3px);}

/* 进入动画 */
.reveal{opacity:0;transform:translateY(28px);transition:.7s cubic-bezier(.2,.7,.2,1);}
.reveal.in{opacity:1;transform:none;}

/* ============================================================
   响应式
   ============================================================ */
@media (max-width:1024px){
  .hero .container{grid-template-columns:1fr;gap:36px;}
  .hero-card{max-width:560px;}
  .news-grid{grid-template-columns:1fr 1fr;}
  .news-main{grid-column:1/-1;grid-row:auto;}
  .footer .top{grid-template-columns:1fr 1fr 1fr;}
  .footer .brand{grid-column:1/-1;}
}
@media (max-width:860px){
  .nav-toggle{display:flex;}
  .menu{
    position:absolute;top:var(--nav-h);left:0;right:0;background:#fff;flex-direction:column;
    align-items:stretch;padding:10px;box-shadow:var(--shadow-md);gap:0;
    max-height:0;overflow:hidden;transition:.3s;
  }
  .menu.open{max-height:600px;overflow:auto;}
  .menu>li>a{padding:13px 16px;}
  .menu>li>a::after{display:none;}
  .dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;padding:0 0 6px 14px;min-width:auto;}
  .dropdown a{padding:9px 12px;}
  .nav-cta .phone{display:none;}
  .grid-3,.grid-4,.case-grid{grid-template-columns:1fr 1fr;}
  .stats{grid-template-columns:1fr 1fr;margin-top:-40px;}
  .stats .item:nth-child(2){border-right:none;}
  .steps{grid-template-columns:1fr 1fr;}
  .audience{padding:36px 24px;}
  .cta-band{padding:38px 28px;}
}
@media (max-width:560px){
  .section{padding:64px 0;}
  .hero{padding:60px 0 80px;min-height:auto;display:block;}
  .hero .actions{transform:none;}
  .hero h1{font-size:32px;}
  .section-title{font-size:26px;}
  .grid-2,.grid-3,.grid-4,.case-grid,.news-grid,.steps,.form-grid,.contact-info{grid-template-columns:1fr;}
  .stats{grid-template-columns:1fr 1fr;}
  .footer .top{grid-template-columns:1fr 1fr;}
  .page-hero h1{font-size:30px;}
  .container{padding:0 18px;}
}

/* ============================================================
   场景背景 + 毛玻璃（科技医疗风）
   ============================================================ */
.scene{
  position:relative;
  background-size:cover;background-position:center;background-repeat:no-repeat;
}
.scene::before{
  content:"";position:absolute;inset:0;z-index:0;
  background:linear-gradient(120deg,rgba(7,62,110,.86),rgba(11,95,165,.74) 55%,rgba(30,127,196,.70));
}
.scene > .container{position:relative;z-index:1;}

/* 仅 Hero 启用中国风女医生背景；其余场景图暂用渐变（规避外国人风险） */
.scene--his,
.scene--fanpai,
.scene--wuzhihua,
.scene--town,
.scene--hospital,
.scene--county,
.scene--about,
.scene--contact{background-image:url(../img/hero-dark.png);background-position:right center;background-size:cover;}

/* Hero 底层：年轻中国女医生（广告风整图），左侧压暗保证文字可读 */
.scene--hero{background-image:url(../img/hero-clinic.png);background-position:right 10%;}
.hero-doc{background-image:url(../img/hero-prod-combo.png);background-position:right center;background-size:cover;display:flex;align-items:center;padding:34px 0 38px;min-height:300px;}
.hero-doc .container{text-align:center;width:100%;}
.hero-doc h1{font-size:84px;font-weight:900;letter-spacing:2px;text-shadow:0 2px 6px rgba(0,0,0,.30),0 1px 0 rgba(255,255,255,.20);}
.hero-doc p{margin-left:auto;margin-right:auto;max-width:1180px;font-size:26px;font-weight:700;line-height:1.4;text-shadow:0 1px 4px rgba(0,0,0,.28),0 1px 0 rgba(255,255,255,.18);}
.hero-sol{display:flex;align-items:center;padding:34px 0 38px;min-height:300px;}
.hero-sol .container{text-align:center;width:100%;}
.hero-sol h1{font-size:84px;font-weight:900;letter-spacing:2px;text-shadow:0 2px 6px rgba(0,0,0,.30),0 1px 0 rgba(255,255,255,.20);}
.hero-sol p{margin-left:auto;margin-right:auto;max-width:1100px;font-size:26px;font-weight:700;line-height:1.5;text-shadow:0 1px 4px rgba(0,0,0,.28),0 1px 0 rgba(255,255,255,.18);}
.hero-cases{display:flex;align-items:center;padding:34px 0 38px;min-height:300px;}
.hero-cases .container{text-align:center;width:100%;}
.hero-cases h1{font-size:84px;font-weight:900;letter-spacing:2px;text-shadow:0 2px 6px rgba(0,0,0,.30),0 1px 0 rgba(255,255,255,.20);}
.hero-cases p{margin-left:auto;margin-right:auto;max-width:1180px;font-size:22px;font-weight:700;line-height:1.5;text-shadow:0 1px 4px rgba(0,0,0,.28),0 1px 0 rgba(255,255,255,.18);}
.hero-contact p{max-width:1180px;font-size:26px;font-weight:700;line-height:1.4;text-shadow:0 1px 4px rgba(0,0,0,.35),0 1px 0 rgba(255,255,255,.15);}
.hero-news{background-image:url(../img/hero-news.png);background-position:center;background-size:cover;}
.scene--hero::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(
    90deg,
    rgba(13,15,19,0.92) 0%,
    rgba(13,15,19,0.55) 18%,
    rgba(13,15,19,0) 35%,
    rgba(13,15,19,0) 65%,
    rgba(13,15,19,0.55) 82%,
    rgba(13,15,19,0.92) 100%
  );
}
/* 场景区块内文字转亮，保证可读性 */
.scene .section-title,
.scene .lead,
.scene p,
.scene .detail-list li b,
.scene .detail-list li span{color:#eaf4ff !important;}
.scene .lead{color:#cfe2f3 !important;}
.scene .eyebrow{background:rgba(255,255,255,.16);color:#fff !important;}
.scene .eyebrow .en{color:var(--accent-2) !important;}
.scene .detail-list li{border-color:rgba(255,255,255,.16);}
.scene .detail-list li .ic{background:rgba(255,255,255,.16);color:#fff;}
.scene .card,.scene .aud-card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);}
.scene .card h3,.scene .card p,.scene .aud-card h3,.scene .aud-card p{color:#eaf4ff;}

/* 深色/图片背景上的白色小字：加柔和投影托底，提升可读性 */
.hero p.sub,
.feature-list b,
.hero-card,
.scene .section-title,
.scene .lead,
.scene p,
.scene .eyebrow,
.scene .detail-list li b,
.scene .detail-list li span,
.scene .card,
.scene .aud-card,
.cta-band h2,
.cta-band p,
.footer{text-shadow:0 1px 5px rgba(7,30,50,.6);}

/* ============ 下载页 ============ */
.menu a.menu-btn{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;padding:7px 18px;border-radius:20px;font-weight:700;}
.menu a.menu-btn:hover{color:#fff;filter:brightness(1.08);}
.dl-hero{padding:70px 0 46px;background:linear-gradient(180deg,#eef6fd 0%,#fff 100%);text-align:center;}
.dl-hero h1{font-size:34px;font-weight:800;margin-bottom:0;}
.dl-meta{margin-top:18px;color:var(--gray);font-size:14.5px;display:grid;gap:8px;}
.dl-meta p{margin:0;}
.dl-meta a{color:var(--primary);font-weight:600;}
.dl-meta a:hover{text-decoration:underline;}
.dl-meta .sep2{margin:0 10px;color:var(--gray-light);}
.dl-tip{margin-top:26px;font-size:13.5px;color:var(--gray);}
.dl-tip a{color:var(--primary);font-weight:700;}
.dl-cards{margin-top:44px;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;}
.dl-card{position:relative;background:#fff;border:1px solid var(--border);border-radius:16px;padding:30px 16px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;box-shadow:0 6px 18px rgba(7,30,50,.06);transition:.25s;}
.dl-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);}
.dl-ic{height:52px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;}
.dl-ic svg{width:42px;height:42px;}
.dl-card small{color:var(--gray);font-size:12.5px;}
.dl-qr{position:absolute;top:0;right:0;width:34px;height:34px;color:var(--primary);background:#eaf3fc;border-radius:0 15px 0 14px;display:flex;align-items:center;justify-content:center;}
.dl-qr svg{width:20px;height:20px;}
.dl-shots{padding:30px 0 90px;background:linear-gradient(180deg,#fff 0%,#eef6fd 100%);}
.dl-shots .shots{display:flex;justify-content:center;align-items:flex-end;}
.dl-shots img{border-radius:12px;box-shadow:0 24px 60px rgba(7,30,50,.18);border:1px solid var(--border);background:#fff;}
.dl-shots .s-main{width:min(560px,62vw);position:relative;z-index:2;}
.dl-shots .s-left{width:180px;margin-right:-36px;z-index:1;transform:translateY(22px);}
.dl-shots .s-right{width:300px;margin-left:-36px;z-index:1;transform:translateY(28px);}
@media (max-width:960px){
  .dl-cards{grid-template-columns:repeat(3,1fr);}
  .dl-shots .s-left{display:none;}
  .dl-shots .s-right{width:240px;}
}
@media (max-width:560px){
  .dl-hero h1{font-size:26px;}
  .dl-cards{grid-template-columns:repeat(2,1fr);}
  .dl-shots .s-right{display:none;}
  .dl-shots .s-main{width:88vw;}
}

/* 毛玻璃工具类 */
.glass{
  background:rgba(255,255,255,.12);
  -webkit-backdrop-filter:blur(16px) saturate(160%);
  backdrop-filter:blur(16px) saturate(160%);
  border:1px solid rgba(255,255,255,.22);
}
.glass-strong{
  background:rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(22px) saturate(180%);
  backdrop-filter:blur(22px) saturate(180%);
  border:1px solid rgba(255,255,255,.30);
  box-shadow:0 24px 60px rgba(0,0,0,.20);
}

/* 场景配图（替换渐变占位框） */
.scene-img{width:100%;height:100%;object-fit:cover;display:block;}
.scene-frame{
  position:relative;border-radius:20px;overflow:hidden;
  box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.25);
}
.scene-frame::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(7,62,110,.04),rgba(7,62,110,.30));
}
.scene-frame .img-watermark{
  position:absolute;right:14px;bottom:12px;z-index:3;
  font-size:12px;letter-spacing:1px;color:rgba(255,255,255,.92);
  background:rgba(7,30,50,.38);padding:3px 10px;border-radius:10px;
  text-shadow:0 1px 2px rgba(0,0,0,.45);pointer-events:none;
}

/* 统计条 / CTA 轻微毛玻璃 */
.stats{background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);}
.cta-band{
  background:linear-gradient(120deg,rgba(7,62,110,.92),rgba(11,95,165,.86) 60%,rgba(30,127,196,.82));
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
.hero-card{background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);}
/* Hero 透明产品图 + 产品介绍页透明产品图 */
.hero-aside{display:flex;flex-direction:column;gap:18px;}
.hero-visual{background:rgba(255,255,255,.94);border-radius:18px;padding:10px;box-shadow:0 30px 60px rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.6);}
.hero-visual .product-shot{width:100%;display:block;border-radius:10px;}
.product-shot{display:block;width:100%;height:auto;}
.prod-panel{background:#fff;border-radius:18px;padding:14px;box-shadow:var(--shadow-lg);border:1px solid rgba(7,62,110,.08);}
.prod-panel .product-shot{border-radius:10px;}

/* 无障碍：减少动画 */
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
  .reveal{opacity:1;transform:none;}
}

/* 场景背景在移动端取消固定，避免性能问题 */
@media (max-width:860px){
  .scene{background-attachment:scroll;}
}