/* =========================================================
   YACO · 极简医疗 × 磨砂质感 主题（色调沿用蓝绿：#80bfc1 / #2a6d72 / #163a45）
   ========================================================= */
:root{
  --mist:#f3f8f7;
  --glass:rgba(255,255,255,.58);
  --glass-strong:rgba(255,255,255,.78);
  --glass-edge:rgba(255,255,255,.75);
  --hair:rgba(42,109,114,.14);
  --shadow-soft:0 1px 0 rgba(255,255,255,.9) inset,0 24px 60px -34px rgba(22,58,69,.28);
  --shadow-lift:0 1px 0 rgba(255,255,255,.95) inset,0 34px 70px -34px rgba(22,58,69,.38);
  --r:18px;
  --ease:cubic-bezier(.2,.7,.2,1);
}

/* ---------- 鼠标：小叶子 ---------- */
html,body,*{
  cursor:url(/assets/cursor-leaf.png) 3 3,auto !important;
  cursor:-webkit-image-set(url(/assets/cursor-leaf.png) 1x,url(/assets/cursor-leaf@2x.png) 2x) 3 3,auto !important;
  cursor:image-set(url(/assets/cursor-leaf.png) 1x,url(/assets/cursor-leaf@2x.png) 2x) 3 3,auto !important;
 }
a,a *,button,button *,[role=button],summary,label,select,input[type=submit],input[type=checkbox],input[type=radio],video::-webkit-media-controls-panel{
  cursor:url(/assets/cursor-leaf-pointer.png) 3 3,pointer !important;
  cursor:-webkit-image-set(url(/assets/cursor-leaf-pointer.png) 1x,url(/assets/cursor-leaf-pointer@2x.png) 2x) 3 3,pointer !important;
  cursor:image-set(url(/assets/cursor-leaf-pointer.png) 1x,url(/assets/cursor-leaf-pointer@2x.png) 2x) 3 3,pointer !important;
 }

/* ---------- 底色：薄雾 + 柔光 + 磨砂颗粒 ---------- */
html{background:var(--mist)}
body{
  color:var(--ink);
  background-color:var(--mist);
  background-image:
    radial-gradient(900px 620px at 6% -6%,rgba(128,191,193,.30),transparent 62%),
    radial-gradient(760px 560px at 102% 24%,rgba(128,191,193,.20),transparent 62%),
    radial-gradient(900px 700px at 20% 78%,rgba(42,109,114,.07),transparent 64%),
    linear-gradient(180deg,#f7fbfa 0%,#eef6f5 100%);
  background-attachment:fixed;
  -webkit-font-smoothing:antialiased;
  letter-spacing:.01em;
}
/* 磨砂颗粒：覆盖全站，不挡点击 */
body::after{
  content:"";position:fixed;inset:0;z-index:2147483000;pointer-events:none;
  opacity:.5;mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5  0 0 0 0 .5  0 0 0 0 .5  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}

/* ---------- 版式：更轻、更空、更克制 ---------- */
h1,h2,h3{font-weight:400;color:var(--ink)}
.premium-hero h1{font-weight:360;letter-spacing:-.06em}
.premium-hero h1 em{font-weight:420;color:var(--brand-dark)}
.premium-proof h2{letter-spacing:-.06em;font-size:clamp(32px,3.6vw,46px)}
.section-heading h2,.page-hero h1,.premium-section-top h2{font-weight:380;letter-spacing:-.04em}
.eyebrow,.hero-kicker,.premium-meta,.premium-side-note{letter-spacing:.26em}
.section{padding:112px 0}
.page-hero{padding:104px 0 84px}
.container{width:min(100% - 64px,1180px)}
hr,.premium-rule{opacity:.7}

/* 所有大块底色改为透明，让雾面背景透出来 */
.section,.premium-hero,.premium-proof,.premium-services,.page-hero,.premium-insight-1,.hero,.trust-strip{
  background:transparent;border-color:var(--hair);
}
.section-muted,.premium-services{
  background:linear-gradient(180deg,rgba(255,255,255,.46),rgba(255,255,255,.22));
  -webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);
  border-top:1px solid var(--glass-edge);border-bottom:1px solid var(--hair);
}
.premium-proof{background:rgba(255,255,255,.34);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}

/* ---------- 导航：磨砂玻璃 ---------- */
.site-header{
  background:rgba(247,251,250,.58);
  -webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%);
  border-bottom:1px solid rgba(42,109,114,.10);
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 12px 40px -28px rgba(22,58,69,.35);
}
.nav-link{letter-spacing:.06em;transition:color .3s var(--ease)}
.nav-link:hover{color:var(--brand-dark)}
@media (max-width:760px){
  .main-nav{background:rgba(247,251,250,.82);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px)}
}

/* ---------- 按钮：磨砂玻璃胶囊 ---------- */
.button{
  border-radius:999px;letter-spacing:.08em;font-weight:560;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .35s var(--ease);
}
.button-primary{
  background:linear-gradient(180deg,rgba(66,138,143,.96),rgba(42,109,114,.96));
  border:1px solid rgba(255,255,255,.35);
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 14px 30px -14px rgba(42,109,114,.7);
}
.button-primary:hover{transform:translateY(-2px);box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 20px 36px -14px rgba(42,109,114,.75)}
.button-outline,.premium-light-button,.tech-light-button{
  background:var(--glass);border:1px solid rgba(42,109,114,.22);color:var(--brand-dark);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
.button-outline:hover{background:var(--glass-strong);transform:translateY(-2px)}
.text-link{letter-spacing:.06em}

/* ---------- 首页首屏 ---------- */
.premium-hero{min-height:760px;border-bottom:1px solid var(--hair)}
.premium-hero-grid{min-height:760px}
.premium-meta{border-bottom-color:var(--hair)}
.premium-image-frame{
  border-radius:26px;padding:0;
  box-shadow:0 40px 80px -40px rgba(22,58,69,.5),0 0 0 10px rgba(255,255,255,.42),0 0 0 11px rgba(42,109,114,.10);
}
.premium-image-frame:before{border-radius:18px;border:1px solid rgba(255,255,255,.55)}
.premium-image-frame img{filter:saturate(.7) contrast(1.02) brightness(1.02)}
.premium-image-caption{
  background:rgba(22,58,69,.42);
  -webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);
  border:1px solid rgba(255,255,255,.28);border-radius:16px;bottom:34px;left:-6px;
  box-shadow:0 20px 40px -22px rgba(0,0,0,.45);
}
.premium-image-caption span:first-child{color:#d5efed}
.premium-proof-number strong{font-weight:300}

/* ---------- 卡片：磨砂玻璃 ---------- */
.story-card,.detail-card,.team-card,.store-card,.service-card,.mini-story,.tech-data-card,.tech-service-card,
.premium-insight-card,.tech-insight-card,.appointment-form,.contact-item,.success-panel,.float-card,.status-pill,.admin-panel{
  background:var(--glass);
  border:1px solid var(--glass-edge);
  border-radius:var(--r);
  -webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);
  box-shadow:var(--shadow-soft);
  transition:transform .45s var(--ease),box-shadow .45s var(--ease),background .45s var(--ease);
}
.story-card:hover,.detail-card:hover,.team-card:hover,.store-card:hover,.service-card:hover,.premium-insight-card:hover,.tech-insight-card:hover{
  transform:translateY(-4px);background:var(--glass-strong);box-shadow:var(--shadow-lift);
}
.premium-insight-1{
  background:linear-gradient(145deg,rgba(66,138,143,.9),rgba(32,86,92,.92))!important;color:#fff;
  border:1px solid rgba(255,255,255,.3);
}
.store-card,.team-card{overflow:hidden}
.appointment-form{padding:40px}
input,textarea,select,.admin-input{
  background:rgba(255,255,255,.62)!important;border:1px solid rgba(42,109,114,.18)!important;border-radius:12px!important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  transition:border-color .3s,box-shadow .3s;
}
input:focus,textarea:focus,select:focus{outline:none;border-color:rgba(42,109,114,.55)!important;box-shadow:0 0 0 4px rgba(128,191,193,.28)}

/* ---------- 列表：细线 ---------- */
.premium-service-row,.article-row,.premium-service-list{border-color:var(--hair)}
.premium-service-row{transition:background .4s var(--ease),padding .4s var(--ease)}
.premium-service-row:hover{background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.article-row{transition:background .4s var(--ease)}
.article-row:hover{background:rgba(255,255,255,.55)}
.team-list>*{border-top-color:var(--brand)}

/* ---------- 深色区块：磨砂深青 ---------- */
.premium-dark-band,.split-band,.tech-process,.site-footer{
  position:relative;
  background:
    radial-gradient(700px 360px at 12% 0%,rgba(128,191,193,.28),transparent 62%),
    radial-gradient(600px 400px at 100% 100%,rgba(128,191,193,.16),transparent 62%),
    linear-gradient(135deg,#1c4b53 0%,#163a45 100%);
  color:#e9f4f3;
}
.premium-dark-band,.split-band{border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.08)}
.premium-dark-band h2,.split-band h2{font-weight:340;color:#fff;letter-spacing:-.04em}
.premium-dark-band .button-primary,.split-band .button,.premium-dark-band .button{
  background:rgba(255,255,255,.88);color:var(--ink);border:1px solid rgba(255,255,255,.7);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:0 18px 36px -18px rgba(0,0,0,.5);
}
.site-footer{border-top:1px solid rgba(255,255,255,.12)}
.site-footer .brand-logo,.site-footer img{border-radius:10px}

/* ---------- 装饰：弱化旧的科技感线条，保持极简 ---------- */
.orbit-one,.orbit-two,.tech-orbit,.tech-scan-line,.crosshair-a,.crosshair-b,.tech-crosshair,.float-orb{opacity:.35}
.page-hero:after,.page-hero:before{opacity:.5}

/* ---------- 无障碍与动效偏好 ---------- */
::selection{background:rgba(128,191,193,.45);color:var(--ink)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media (max-width:760px){
  .section{padding:72px 0}.page-hero{padding:72px 0 56px}
  .container{width:min(100% - 36px,600px)}
  .appointment-form{padding:24px 18px}
  body{background-attachment:scroll}
}

/* 深色资讯卡：保证文字对比度 */
.premium-insight-1,.premium-insight-1 *{color:#fff}
.premium-insight-1 .article-category,.premium-insight-1 span,.premium-insight-1 time{color:#d3eeec!important}
.premium-insight-1 p{color:rgba(255,255,255,.86)!important}
/* 页脚链接保持朴素 */
.footer-cta{background:none!important;border:0!important;box-shadow:none!important;color:#cfe8e6;letter-spacing:.06em}
.footer-cta:hover{color:#fff}


/* =========================================================
   第二层：更明显的磨砂玻璃（模糊背景 + 颗粒 + 高光边）
   ========================================================= */
:root{
  --grain-card:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='g' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .16  0 0 0 0 .42  0 0 0 0 .45  0 0 0 .55 -.08'/></filter><rect width='100%' height='100%' filter='url(%23g)'/></svg>");
}

/* ---------- 顶部满屏视频 ---------- */
.promo-top{
  position:relative;width:100%;background:#0b2a31;
  display:flex;justify-content:center;align-items:center;
  height:min(56.25vw,calc(100vh - 78px));min-height:240px;
}
.promo-top-video{display:block;width:100%;height:100%;object-fit:contain;background:#0b2a31}
.promo-top:after{ /* 底部磨砂渐隐，衔接下方内容 */
  content:"";position:absolute;left:0;right:0;bottom:0;height:90px;pointer-events:none;
  background:linear-gradient(180deg,rgba(243,248,247,0),rgba(243,248,247,.0));
}
@media (max-width:760px){.promo-top{height:56.25vw;min-height:200px}}

/* ---------- 各区块：带颜色的柔光球，供玻璃折射模糊 ---------- */
.section,.premium-services,.premium-proof,.page-hero,.premium-insight-section,.premium-section-top{
  background-image:
    radial-gradient(circle closest-side at 88% 38%,rgba(128,191,193,.62),transparent),
    radial-gradient(circle closest-side at 8% 66%,rgba(42,109,114,.26),transparent),
    radial-gradient(circle closest-side at 52% 50%,rgba(176,222,220,.40),transparent)!important;
}
.section-muted{
  background-image:
    radial-gradient(circle closest-side at 10% 40%,rgba(128,191,193,.58),transparent),
    radial-gradient(circle closest-side at 92% 62%,rgba(42,109,114,.24),transparent)!important;
}

/* ---------- 首屏：真实照片虚化做底 + 磨砂文字面板 ---------- */
.premium-hero{position:relative;overflow:hidden;isolation:isolate}
.premium-hero:before{
  content:"";position:absolute;inset:-60px;z-index:-1;
  background:url(/assets/clinic-front.jpg) center/cover no-repeat;
  filter:blur(46px) saturate(1.25);opacity:.62;transform:scale(1.1);
}
.premium-hero:after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(243,248,247,.45),rgba(243,248,247,.86));
}
.premium-hero-copy{
  margin:56px 0;padding:52px 44px 44px;border-radius:32px;
  background-image:var(--grain-card),linear-gradient(145deg,rgba(255,255,255,.62),rgba(255,255,255,.26));
  border:1px solid rgba(255,255,255,.85);
  -webkit-backdrop-filter:blur(30px) saturate(190%);backdrop-filter:blur(30px) saturate(190%);
  box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 -1px 0 rgba(42,109,114,.06) inset,0 40px 80px -44px rgba(22,58,69,.45);
}
.premium-meta{margin-bottom:56px}
@media (max-width:760px){.premium-hero-copy{margin:24px 0;padding:32px 24px}}

/* ---------- 卡片：真正的磨砂玻璃 ---------- */
.story-card,.detail-card,.team-card,.store-card,.service-card,.mini-story,.tech-data-card,.tech-service-card,
.premium-insight-card,.tech-insight-card,.appointment-form,.contact-item,.success-panel,.float-card,.admin-panel{
  background-color:transparent;
  background-image:var(--grain-card),linear-gradient(145deg,rgba(255,255,255,.66),rgba(255,255,255,.24));
  border:1px solid rgba(255,255,255,.88);
  -webkit-backdrop-filter:blur(28px) saturate(185%);backdrop-filter:blur(28px) saturate(185%);
  box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 -1px 0 rgba(42,109,114,.07) inset,0 30px 60px -36px rgba(22,58,69,.40);
}
.story-card:hover,.detail-card:hover,.team-card:hover,.store-card:hover,.service-card:hover,.premium-insight-card:hover,.tech-insight-card:hover{
  background-image:var(--grain-card),linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.34));
}
.premium-insight-1{
  background-image:var(--grain-card),linear-gradient(145deg,rgba(66,138,143,.82),rgba(28,78,86,.9))!important;
  -webkit-backdrop-filter:blur(28px) saturate(170%);backdrop-filter:blur(28px) saturate(170%);
}
input,textarea,select,.admin-input{
  background-image:var(--grain-card);
  background-color:rgba(255,255,255,.5)!important;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}

/* ---------- 导航：更明显的磨砂 ---------- */
.site-header{
  background-image:var(--grain-card),linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.34));
  background-color:transparent;
  -webkit-backdrop-filter:blur(30px) saturate(190%);backdrop-filter:blur(30px) saturate(190%);
  border-bottom:1px solid rgba(255,255,255,.8);
}

/* ---------- 深色区块：磨砂玻璃按钮与颗粒 ---------- */
.premium-dark-band,.split-band,.site-footer{background-blend-mode:normal}
.premium-dark-band:before,.site-footer:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:var(--grain-card);opacity:.55;mix-blend-mode:screen;
}
.premium-dark-band>*,.site-footer>*{position:relative}
.premium-image-frame{box-shadow:0 40px 80px -40px rgba(22,58,69,.55),0 0 0 12px rgba(255,255,255,.38),0 0 0 13px rgba(255,255,255,.7)}

.premium-hero h1{font-size:clamp(46px,5.2vw,76px);white-space:nowrap}
@media (max-width:760px){.premium-hero h1{font-size:44px}}
.premium-hero-grid{gap:56px}
