@charset "utf-8";
/* ============================================================
   premium.css —— 全站「3D 质感层」
   叠加在 site.css / home.css / blocks.css 之后，统一提升层次：
   1. 环境：网格光、景深光斑、玻璃顶栏
   2. 物件：立体按钮、浮雕图标、硬币式步骤号、挤出数字
   3. 卡片：多层投影 + 顶部高光 + 鼠标 3D 倾斜 + 光泽跟随
   4. 页头：轮播玻璃面板（视差）、内页标题卡浮起压住轮播
   5. 区块：深色网格光场、3D 球体装饰、大号描边序号
   所有动效在 prefers-reduced-motion 下自动关闭；无 JS 时也保持静态 3D 质感
   ============================================================ */

/* ---------- 0. 令牌 ---------- */
:root{
  --edge-jade:#0f3a31;
  --edge-paper:#ddd5c6;
  --hi:rgba(255,255,255,.9);
  --d1:0 1px 2px rgba(15,35,32,.05);
  --d2:0 10px 22px -10px rgba(15,35,32,.16);
  --d3:0 34px 64px -34px rgba(15,35,32,.42);
  --d4:0 50px 90px -40px rgba(15,35,32,.55);
  --glass:rgba(255,253,249,.74);
}

/* ---------- 1. 环境 ---------- */
html{background:#f5f2ea}
body{
  background:
    radial-gradient(1100px 620px at 100% -10%,rgba(43,125,107,.10),transparent 60%),
    radial-gradient(900px 560px at -10% 18%,rgba(201,160,99,.10),transparent 62%),
    linear-gradient(180deg,#f8f6f1 0%,#f4f1e9 100%);
  background-attachment:fixed;
}
main{counter-reset:sec}

/* 顶栏：玻璃 + 底部发光线 */
.bar{
  background:rgba(250,248,243,.72);
  -webkit-backdrop-filter:saturate(1.5) blur(16px);backdrop-filter:saturate(1.5) blur(16px);
  border-bottom:1px solid rgba(255,255,255,.6);
  box-shadow:0 1px 0 rgba(15,35,32,.06),0 14px 34px -26px rgba(15,35,32,.45);
}
.bar::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(43,125,107,.45),rgba(201,160,99,.45),transparent)}
.bar.is-scrolled{background:rgba(250,248,243,.88);box-shadow:0 1px 0 rgba(15,35,32,.08),0 18px 40px -24px rgba(15,35,32,.5)}
.bar__mark{
  background:linear-gradient(150deg,#3a9682 0%,#1f5f52 48%,#123f36 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -3px 0 rgba(0,0,0,.22),0 4px 0 #0c2f28,0 12px 20px -8px rgba(15,58,49,.7);
  text-shadow:0 1px 0 rgba(0,0,0,.25);
}
.nav a.is-on{
  background:linear-gradient(180deg,#eef5f1,#e1ece6);
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(31,95,82,.12),0 3px 8px -4px rgba(15,58,49,.35);
}

/* ---------- 2. 立体按钮 ---------- */
.btn{
  position:relative;
  background:linear-gradient(180deg,#34917c 0%,#24705f 52%,#1d5d50 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 0 -2px 0 rgba(0,0,0,.14),
    0 4px 0 var(--edge-jade),0 16px 26px -12px rgba(15,58,49,.75);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.btn::before{content:"";position:absolute;left:2px;right:2px;top:1px;height:50%;border-radius:999px 999px 40% 40%/999px 999px 100% 100%;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0))}
.btn:hover{transform:translateY(-2px);filter:brightness(1.04);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 0 -2px 0 rgba(0,0,0,.14),0 6px 0 var(--edge-jade),0 22px 32px -12px rgba(15,58,49,.8)}
.btn:active{transform:translateY(3px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(0,0,0,.14),0 1px 0 var(--edge-jade),0 6px 12px -6px rgba(15,58,49,.6)}
.btn--ghost{
  background:linear-gradient(180deg,#fffefb,#f3efe6);color:var(--ink);border:1px solid rgba(15,35,32,.12);
  box-shadow:inset 0 1px 0 #fff,0 4px 0 var(--edge-paper),0 14px 22px -14px rgba(15,35,32,.45);
}
.btn--ghost::before{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,0))}
.btn--ghost:hover{box-shadow:inset 0 1px 0 #fff,0 6px 0 var(--edge-paper),0 20px 28px -14px rgba(15,35,32,.5)}
.btn--ghost:active{box-shadow:inset 0 1px 0 #fff,0 1px 0 var(--edge-paper)}
/* 深色区里的幽灵按钮 */
.hb__btn .btn--ghost,.contact__btns .btn--ghost{
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.06));color:#fff;border-color:rgba(255,255,255,.32);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 4px 0 rgba(0,0,0,.28),0 16px 26px -14px rgba(0,0,0,.6);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
.hb__btn .btn--ghost::before,.contact__btns .btn--ghost::before{background:linear-gradient(180deg,rgba(255,255,255,.18),transparent)}

/* ---------- 3. 浮雕图标 / 硬币序号 ---------- */
.svc__ic,.quick__ic,.float__ic,.link__k,.read__k{
  background:linear-gradient(150deg,#2b7d6b 0%,#1f5f52 52%,#164a40 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -3px 0 rgba(0,0,0,.2),0 4px 0 #0c2f28,0 12px 18px -8px rgba(15,58,49,.7)!important;
  color:#fff!important;border-radius:12px;
}
.svc__ic svg,.quick__ic svg,.float__ic svg{stroke:#fff!important}
.svc__ic{width:46px;height:46px}
.svc__ic svg{width:21px;height:21px}
.member__av{
  background:radial-gradient(circle at 32% 28%,#4aa38e 0%,#24705f 46%,#123f36 100%);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.3),inset 0 -4px 6px rgba(0,0,0,.25),0 5px 0 #0c2f28,0 14px 22px -8px rgba(15,58,49,.7);
  text-shadow:0 1px 0 rgba(0,0,0,.3);
}
.step__no{
  background:radial-gradient(circle at 32% 26%,#fff 0%,#f6f2ea 55%,#e8e1d3 100%);
  border:1px solid rgba(15,35,32,.12);
  box-shadow:inset 0 1px 0 #fff,0 4px 0 var(--edge-paper),0 12px 18px -8px rgba(15,35,32,.4);
  font-weight:700;
}
.step--on .step__no{
  background:radial-gradient(circle at 32% 26%,#4aa38e 0%,#24705f 50%,#123f36 100%);border-color:transparent;color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 4px 0 #0c2f28,0 14px 20px -8px rgba(15,58,49,.7);
}
.sec--dark .step__no{
  background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.28),rgba(255,255,255,.06) 70%);
  border-color:rgba(255,255,255,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 4px 0 rgba(0,0,0,.35),0 14px 20px -8px rgba(0,0,0,.6);
}

/* 挤出式数字 */
.statbar__i b,.statsband__i b{
  color:var(--jade-ink);
  text-shadow:1px 1px 0 #d6e6dd,2px 2px 0 #c4dacf,3px 3px 0 #b1cdbf,4px 6px 12px rgba(15,35,32,.22);
}
.statbar__i b i,.statsband__i b i{text-shadow:none}

/* ---------- 4. 3D 卡片基底 ---------- */
.svc,.promise,.card,.case,.member,.price,.qcard,.link,.compare__c,.faq,.form,.newslist,
.statsband,.statbar,.quick,.tablewrap,.hosp2 .card{
  background:linear-gradient(180deg,#fffefb 0%,#faf7f0 100%);
  border:1px solid rgba(255,255,255,.85);
  box-shadow:inset 0 1px 0 var(--hi),inset 0 -1px 0 rgba(15,35,32,.04),var(--d1),var(--d2),var(--d3);
}
.compare__c--do{background:linear-gradient(170deg,#f6fbf8,#fffefb 70%)}
.compare__c--dont{background:linear-gradient(170deg,#fdf5f3,#fffefb 70%)}
.statsband,.statbar{box-shadow:inset 0 1px 0 var(--hi),var(--d1),var(--d2),var(--d4)}
.svc,.promise,.case,.member,.price,.qcard,.link,.compare__c{border-radius:18px}
.price--hi{
  background:linear-gradient(170deg,#ffffff 0%,#eef6f1 100%);
  border:1px solid rgba(43,125,107,.35);
  box-shadow:inset 0 1px 0 #fff,0 0 0 4px rgba(43,125,107,.06),var(--d2),var(--d4);
}
.price--hi::before{box-shadow:0 3px 0 #0c2f28,0 8px 14px -6px rgba(15,58,49,.6)}

/* 深色区里的卡片：玻璃 */
.sec--dark .promise{
  background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 30px 60px -30px rgba(0,0,0,.6);
}

/* 光泽层（由 JS 插入 .sheen） */
.sheen{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;opacity:0;transition:opacity .35s ease;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.55),rgba(255,255,255,0) 45%);
  mix-blend-mode:soft-light}
.tilt:hover>.sheen{opacity:1}

/* 3D 倾斜（JS 添加 html.fx 与 .tilt） */
html.fx .tilt{
  position:relative;transform-style:preserve-3d;will-change:transform;
  transform:perspective(1100px) rotateX(calc(var(--rx0,0deg) + var(--rx,0deg))) rotateY(calc(var(--ry0,0deg) + var(--ry,0deg))) translateY(var(--lift,0px));
  transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease;
}
html.fx .tilt:hover{
  transform:perspective(1100px) rotateX(calc(var(--rx0,0deg) + var(--rx,0deg))) rotateY(calc(var(--ry0,0deg) + var(--ry,0deg))) translateY(calc(var(--lift,0px) - 6px));
}
html.fx .tilt.is-tilting{transition:transform .12s linear,box-shadow .4s ease}
html.fx .svc.tilt:hover,html.fx .case.tilt:hover,html.fx .price.tilt:hover,html.fx .member.tilt:hover,
html.fx .qcard.tilt:hover,html.fx .compare__c.tilt:hover,html.fx .link.tilt:hover{
  box-shadow:inset 0 1px 0 var(--hi),var(--d1),0 18px 30px -14px rgba(15,35,32,.22),var(--d4);
}
/* 卡片内部元素前移，形成景深 */
html.fx .tilt .svc__ic,html.fx .tilt .member__av{transform:translateZ(34px)}
html.fx .tilt h3{transform:translateZ(22px)}
html.fx .tilt .pcard__body,html.fx .tilt .feat__body{transform:translateZ(30px)}

/* 滚动入场 */
html.fx .rv{opacity:0;translate:0 28px;transition:opacity .9s cubic-bezier(.2,.8,.2,1),translate .9s cubic-bezier(.2,.8,.2,1)}
html.fx .rv.in{opacity:1;translate:0 0}

/* ---------- 5. 区块标题：大号描边序号 ---------- */
.sec__head{position:relative;isolation:isolate}
.sec__head::before{
  counter-increment:sec;content:counter(sec,decimal-leading-zero);
  position:absolute;left:-4px;top:-30px;z-index:-1;pointer-events:none;
  font-family:Georgia,serif;font-weight:700;font-size:84px;line-height:1;letter-spacing:-.02em;
  color:transparent;-webkit-text-stroke:1px rgba(31,95,82,.16);
}
.sec--c .sec__head::before,.sec__head.sec--c::before{left:50%;transform:translateX(-50%)}
.sec--dark .sec__head::before{-webkit-text-stroke:1px rgba(255,255,255,.12)}
.sec__head h2{text-shadow:0 1px 0 #fff}
.sec--dark .sec__head h2{text-shadow:0 2px 16px rgba(0,0,0,.3)}
.sec__no{display:inline-flex;align-items:center;gap:8px}
.sec__no::before{content:"";width:18px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--gold),var(--jade-2))}

/* ---------- 6. 色带区块：光场 + 3D 球体 ---------- */
.sec--tint,.sec--paper,.sec--dark{position:relative;overflow:hidden;isolation:isolate}
.sec--tint{background:
  radial-gradient(700px 360px at 92% 0%,rgba(43,125,107,.16),transparent 60%),
  linear-gradient(180deg,#e7f1eb 0%,#f1f6f2 100%)}
.sec--paper{background:
  radial-gradient(700px 360px at 6% 100%,rgba(201,160,99,.16),transparent 62%),
  linear-gradient(180deg,#f1ece2,#f6f2ea)}
.sec--dark{background:
  radial-gradient(900px 480px at 85% -10%,rgba(74,163,142,.35),transparent 60%),
  radial-gradient(700px 420px at 0% 110%,rgba(201,160,99,.22),transparent 62%),
  linear-gradient(165deg,#0f2b25 0%,#0b201c 60%,#0e2a24 100%)}
.sec--dark::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 30%,#000 10%,transparent 70%)}
/* 3D 球体 */
.sec--tint::after,.sec--dark::after,.sec--paper::after{
  content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%;
  animation:orbFloat 14s ease-in-out infinite alternate;
}
.sec--tint::after{width:220px;height:220px;right:-60px;top:-50px;
  background:radial-gradient(circle at 32% 28%,#ffffff 0%,#d9ebe2 22%,#7fb8a6 55%,#2b7d6b 85%);
  box-shadow:inset -18px -24px 40px rgba(15,58,49,.35),0 40px 70px -20px rgba(15,58,49,.35);opacity:.55}
.sec--paper::after{width:180px;height:180px;left:-50px;bottom:-60px;
  background:radial-gradient(circle at 32% 28%,#fffaf0 0%,#f1dfbd 26%,#cfa868 62%,#9b7232 92%);
  box-shadow:inset -16px -20px 36px rgba(110,78,28,.35),0 40px 70px -20px rgba(110,78,28,.3);opacity:.5}
.sec--dark::after{width:280px;height:280px;right:-90px;bottom:-110px;
  background:radial-gradient(circle at 30% 26%,rgba(255,255,255,.75) 0%,rgba(127,184,166,.55) 20%,rgba(43,125,107,.45) 50%,rgba(12,47,40,.2) 85%);
  box-shadow:inset -24px -30px 50px rgba(0,0,0,.35);opacity:.7}
@keyframes orbFloat{from{translate:0 0}to{translate:-18px 22px}}

/* ---------- 7. 通栏轮播：玻璃面板 + 视差 ---------- */
.hbanner{isolation:isolate}
.hb{height:clamp(340px,48vw,600px)}
.hb__slide::after{background:
  linear-gradient(90deg,rgba(7,22,19,.72) 0%,rgba(7,22,19,.38) 46%,rgba(7,22,19,.08) 80%),
  linear-gradient(180deg,rgba(7,22,19,.15) 0%,rgba(7,22,19,0) 40%,rgba(7,22,19,.45) 100%)}
.hb__slide img{translate:calc(var(--px,0) * -14px) calc(var(--py,0) * -10px);transition:transform 7s linear,translate .8s cubic-bezier(.2,.8,.2,1)}
.hb__capIn{perspective:1400px}
.hb__glass{
  position:relative;max-width:580px;padding:22px 20px 22px;border-radius:22px;
  background:linear-gradient(150deg,rgba(255,255,255,.16),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.22);
  -webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.15),0 40px 80px -30px rgba(0,0,0,.65);
  transform:rotateY(calc(var(--px,0) * 5deg)) rotateX(calc(var(--py,0) * -4deg));
  transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.8,.2,1);
}
.hb__glass::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,0) 38%)}
.hb__glass>*{transform:translateZ(30px)}
.hb__no{display:flex;align-items:baseline;gap:4px;font-family:Georgia,serif;font-size:26px;line-height:1;color:#fff;
  text-shadow:0 2px 0 rgba(0,0,0,.25);margin-bottom:10px}
.hb__no i{font-style:normal;font-size:13px;color:rgba(255,255,255,.55)}
.hb__t{text-shadow:0 1px 0 rgba(0,0,0,.25),0 2px 0 rgba(0,0,0,.18),0 3px 0 rgba(0,0,0,.12),0 14px 28px rgba(0,0,0,.45)}
.hb__dots button{box-shadow:0 2px 6px rgba(0,0,0,.3)}
.hb__arrow{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.06));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 22px -8px rgba(0,0,0,.6)}
/* 底部渐隐到纸色 */
.hbanner::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:90px;z-index:3;pointer-events:none;
  background:linear-gradient(180deg,rgba(248,246,241,0),rgba(248,246,241,.92))}
.hb__dots,.hb__play{z-index:5}

/* 内页：标题卡浮起压住轮播 */
body:has(.pagehero) .hb{height:clamp(400px,50vw,620px)}
body:has(.pagehero) .hb__cap{padding-bottom:90px}
body:has(.pagehero) .hb__dots{bottom:104px}
body:has(.pagehero) .hb__play{bottom:98px}
.pagehero{background:none;overflow:visible;position:relative;z-index:6}
.pagehero__in.wrap{
  width:calc(100% - 24px);max-width:1160px;margin:-84px auto 0;padding:24px 20px 26px;border-radius:24px;
  background:linear-gradient(180deg,rgba(255,254,251,.94),rgba(250,247,240,.9));
  -webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(15,35,32,.04),0 24px 40px -22px rgba(15,35,32,.28),0 70px 110px -50px rgba(15,35,32,.55);
  position:relative;overflow:hidden;
}
.pagehero__in.wrap::after{
  content:"";position:absolute;right:-46px;top:-46px;width:150px;height:150px;border-radius:50%;pointer-events:none;z-index:-1;
  background:radial-gradient(circle at 32% 28%,#fff 0%,#dcece4 22%,#8cc0ae 55%,#2b7d6b 88%);
  box-shadow:inset -14px -18px 30px rgba(15,58,49,.3);opacity:.22;
}
.pagehero__in.wrap::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:24px 0 0 24px;
  background:linear-gradient(180deg,var(--jade-2),var(--gold))
}
.pagehero h1{text-shadow:0 1px 0 #fff,0 2px 0 rgba(15,35,32,.05)}
.pagehero + .wrap > .statsband{margin-top:24px}

/* ---------- 8. 首页首屏：3D 照片叠层 ---------- */
.hero--home{background:transparent}
.media{perspective:1600px;transform-style:preserve-3d}
.media__img{
  transform:rotateY(-9deg) rotateX(4deg);transform-style:preserve-3d;
  box-shadow:0 2px 0 rgba(255,255,255,.6) inset,-30px 50px 80px -40px rgba(15,35,32,.65),0 0 0 8px rgba(255,255,255,.55);
  transition:transform .8s cubic-bezier(.2,.8,.2,1);
}
.media:hover .media__img{transform:rotateY(-4deg) rotateX(2deg)}
.float{
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(250,247,240,.9));
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:inset 0 1px 0 #fff,0 30px 50px -24px rgba(15,35,32,.6);
  transform:translateZ(70px);animation:floatY 6s ease-in-out infinite alternate;
}
.float--b{animation-delay:-3s}
@keyframes floatY{from{translate:0 0}to{translate:0 -10px}}

/* ---------- 9. 图片卡：3D 相框 ---------- */
.split2__media,.pcard,.feat{
  box-shadow:0 0 0 6px rgba(255,255,255,.6),-20px 40px 70px -36px rgba(15,35,32,.6),0 12px 24px -12px rgba(15,35,32,.25);
}
.split2__wrap::before{box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 30px 50px -30px rgba(15,58,49,.35)}
.split2__media{--ry0:6deg;--rx0:2deg}
.split2--rev .split2__media{--ry0:-6deg}
.pcard img,.feat img,.split2__media img{transition:transform .9s cubic-bezier(.2,.8,.2,1)}

/* ---------- 10. 引用 / 联系 / 页脚 / 吸底 ---------- */
.quoteBig,.contact{
  position:relative;isolation:isolate;overflow:hidden;
  background:
    radial-gradient(520px 260px at 92% 0%,rgba(201,160,99,.32),transparent 60%),
    radial-gradient(520px 260px at 0% 100%,rgba(74,163,142,.35),transparent 60%),
    linear-gradient(155deg,#123a31 0%,#0c2621 70%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 2px 4px rgba(15,35,32,.08),0 50px 90px -40px rgba(15,35,32,.7);
}
.contact::after,.quoteBig::after{
  content:"";position:absolute;right:-60px;bottom:-80px;width:220px;height:220px;border-radius:50%;z-index:-1;pointer-events:none;
  background:radial-gradient(circle at 30% 26%,rgba(255,255,255,.6) 0%,rgba(127,184,166,.45) 22%,rgba(43,125,107,.35) 55%,transparent 80%);
  opacity:.6;animation:orbFloat 12s ease-in-out infinite alternate;
}
.foot{position:relative;background:linear-gradient(180deg,#0d241f,#081815)}
.foot::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(127,184,166,.55),rgba(201,160,99,.55),transparent)}
.dock{background:rgba(255,253,249,.82);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);
  box-shadow:0 -1px 0 rgba(255,255,255,.8) inset,0 -16px 30px -20px rgba(15,35,32,.45)}
.dock a,.dock button{box-shadow:inset 0 1px 0 #fff,0 3px 0 var(--edge-paper)}
.dock a.is-main{box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 3px 0 var(--edge-jade)}
.totop{box-shadow:inset 0 1px 0 #fff,0 4px 0 var(--edge-paper),0 14px 24px -10px rgba(15,35,32,.5)}

/* FAQ、表格、标签的细节 */
.faq details[open]{background:linear-gradient(180deg,rgba(233,241,236,.55),rgba(255,255,255,0))}
.hosps span{background:linear-gradient(180deg,#fffefb,#f5f1e8);box-shadow:inset 0 1px 0 #fff,0 2px 0 #e6dfd1,0 8px 14px -10px rgba(15,35,32,.35)}
.newsitem time{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:30px;padding:0 6px;border-radius:9px;
  background:linear-gradient(180deg,#fff,#f1ece2);box-shadow:inset 0 1px 0 #fff,0 2px 0 #e2dacb;color:var(--ink-3)}
.form__row input,.form__row textarea,.form__row select{
  background:linear-gradient(180deg,#f4f0e8,#fbf9f4);box-shadow:inset 0 2px 4px rgba(15,35,32,.06)}
.form__row input:focus,.form__row textarea:focus,.form__row select:focus{
  box-shadow:inset 0 2px 4px rgba(15,35,32,.04),0 0 0 4px rgba(43,125,107,.15)}

/* ---------- 11. 断点 ---------- */
@media (min-width:700px){
  .hb__glass{padding:28px 30px 28px}
  .sec__head::before{font-size:110px;top:-44px}
}
@media (min-width:900px){
  .pagehero__in.wrap{margin-top:-108px;padding:40px 52px 40px}
  body:has(.pagehero) .hb__cap{padding-bottom:110px}
  body:has(.pagehero) .hb__dots{bottom:126px}
  body:has(.pagehero) .hb__play{bottom:120px}
  .price--hi{--lift:-12px;transform:none}
  html:not(.fx) .price--hi{transform:translateY(-12px)}
  .sec__head::before{font-size:128px;top:-54px;left:-10px}
}
@media (max-width:899px){
  .split2__media{--ry0:0deg;--rx0:0deg}
  .media__img{transform:rotateY(-4deg) rotateX(2deg)}
}
@media (max-width:430px){
  .hb__glass{padding:18px 16px;border-radius:18px}
  .hb__no{font-size:21px;margin-bottom:6px}
  .hb__d{display:none}
}
@media (prefers-reduced-motion:reduce){
  .float,.sec--tint::after,.sec--dark::after,.sec--paper::after,.contact::after,.quoteBig::after{animation:none}
  .hb__glass,.media__img{transform:none}
  .hb__slide img{translate:0 0}
}
@media print{
  .hbanner::after,.sec--tint::after,.sec--dark::after,.sec--paper::after,.sec__head::before{display:none}
}

/* ---------- 12. 导航加入「三甲医院」后的中屏适配 ---------- */
@media (min-width:900px) and (max-width:1199px){
  .bar__tel{display:none}
  .nav a{padding:8px 7px;font-size:13.5px}
}
@media (min-width:1200px) and (max-width:1320px){
  .nav a{padding:8px 9px;font-size:14px}
}