@charset "UTF-8";
/* ============================================================
   云上甘肃医学影像云服务平台 · 官网主样式
   主题：医疗科技 / 深空医蓝 + 数据青
   ============================================================ */

:root{
  --brand:        #0B5AA8;
  --brand-2:      #1673D2;
  --brand-deep:   #062F5C;
  --brand-ink:    #041B36;
  --cyan:         #17B8C8;
  --cyan-2:       #5FE3EC;
  --gold:         #E8B45A;
  --red:          #D64545;

  --ink:          #0E1B2C;
  --ink-2:        #1B2E45;
  --txt:          #37475C;
  --txt-2:        #6A7A8E;
  --line:         #E2E9F1;
  --line-2:       #EDF2F7;
  --bg:           #FFFFFF;
  --bg-soft:      #F5F8FC;
  --bg-soft-2:    #EDF3FA;

  --radius:       16px;
  --radius-sm:    10px;
  --radius-lg:    24px;
  --shadow-sm:    0 2px 10px rgba(11,90,168,.06);
  --shadow:       0 10px 32px rgba(9,38,72,.09);
  --shadow-lg:    0 24px 60px rgba(9,38,72,.14);
  --shadow-brand: 0 14px 34px rgba(11,90,168,.22);

  --container:    1240px;
  --header-h:     78px;
  --ease:         cubic-bezier(.22,.61,.36,1);
}

*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; overflow-x:hidden; max-width:100%; }
body{
  margin:0; padding:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  font-size:15px; line-height:1.75; color:var(--txt);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{ max-width:100%; height:auto; display:block; border:0; }
a{ color:inherit; text-decoration:none; transition:color .25s var(--ease); }
a:hover{ color:var(--brand); }
h1,h2,h3,h4,h5,h6{ margin:0; font-weight:700; color:var(--ink); line-height:1.35; letter-spacing:.2px; }
p{ margin:0; }
ul,ol{ margin:0; padding:0; list-style:none; }
button,input,textarea,select{ font-family:inherit; font-size:inherit; outline:none; }
button{ cursor:pointer; }
::selection{ background:rgba(23,184,200,.24); }
main{ display:block; }

/* ---------- 容器 ---------- */
.y-container{ width:100%; max-width:var(--container); margin:0 auto; padding:0 24px; }
.y-container-wide{ max-width:1440px; }

/* ---------- 通用按钮 ---------- */
.y-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  height:46px; padding:0 26px; border:0; border-radius:999px;
  font-size:14.5px; font-weight:600; letter-spacing:.3px; white-space:nowrap;
  transition:all .3s var(--ease);
}
.y-btn svg{ flex:0 0 auto; }
.y-btn-primary{
  color:#fff;
  background:linear-gradient(120deg,var(--brand) 0%,var(--brand-2) 55%,var(--cyan) 130%);
  box-shadow:var(--shadow-brand);
}
.y-btn-primary:hover{ color:#fff; transform:translateY(-2px); box-shadow:0 18px 40px rgba(11,90,168,.3); }
.y-btn-ghost{
  color:var(--brand); background:rgba(11,90,168,.06); border:1px solid rgba(11,90,168,.16);
}
.y-btn-ghost:hover{ color:#fff; background:var(--brand); border-color:var(--brand); }
.y-btn-light{
  color:var(--brand-deep); background:#fff; box-shadow:0 10px 26px rgba(4,27,54,.18);
}
.y-btn-light:hover{ color:var(--brand); transform:translateY(-2px); }
.y-btn-line{
  color:#fff; background:transparent; border:1.5px solid rgba(255,255,255,.5);
}
.y-btn-line:hover{ color:var(--brand-deep); background:#fff; border-color:#fff; }
.y-btn-sm{ height:38px; padding:0 18px; font-size:13.5px; }
.y-more{
  display:inline-flex; align-items:center; gap:7px;
  color:var(--txt-2); font-size:13.5px; font-weight:600; letter-spacing:.4px;
}
.y-more svg{ transition:transform .3s var(--ease); }
.y-more:hover{ color:var(--brand); }
.y-more:hover svg{ transform:translateX(4px); }

/* ============================================================
   顶部信息条
   ============================================================ */
.y-topbar{
  background:linear-gradient(90deg,var(--brand-ink) 0%,var(--brand-deep) 55%,#0A4A8C 100%);
  color:rgba(255,255,255,.78); font-size:12.5px; position:relative; z-index:910;
}
.y-topbar::after{
  content:''; position:absolute; inset:0;
  background:radial-gradient(700px 60px at 22% 50%,rgba(23,184,200,.28),transparent 70%);
  pointer-events:none;
}
.y-topbar .y-container{
  height:40px; display:flex; align-items:center; justify-content:space-between; gap:16px;
  position:relative; z-index:1;
}
.y-topbar-left,.y-topbar-right{ display:flex; align-items:center; gap:22px; min-width:0; }
.y-tb-welcome{ letter-spacing:.4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.y-topbar-right span,.y-topbar-right a{
  display:inline-flex; align-items:center; gap:6px; color:rgba(255,255,255,.78);
  white-space:nowrap; transition:color .25s;
}
.y-topbar-right a:hover{ color:var(--cyan-2); }
.y-topbar-right b{ color:#fff; font-weight:600; letter-spacing:.6px; }
.y-tb-login{ color:var(--cyan-2) !important; }

/* ============================================================
   头部导航
   ============================================================ */
.y-header{
  position:sticky; top:0; z-index:900;
  background:rgba(255,255,255,.94);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid rgba(226,233,241,.9);
  transition:box-shadow .3s var(--ease),background .3s;
}
.y-header.is-stuck{ box-shadow:0 8px 30px rgba(9,38,72,.08); background:rgba(255,255,255,.98); }
.y-header-inner{
  height:var(--header-h);
  display:flex; align-items:center; gap:18px;
  overflow:visible;
}
.y-brand-wrap{ flex:0 0 auto; min-width:0; }
.y-brand{ display:flex; align-items:center; gap:11px; }
.y-logo-img{
  height:var(--logo-h,54px); max-width:var(--logo-max,330px);
  width:auto; object-fit:contain; flex:0 0 auto;
}
.y-brand-mark{
  width:44px; height:44px; border-radius:13px; flex:0 0 auto;
  display:inline-flex; align-items:center; justify-content:center;
  color:#fff; font-size:20px; font-weight:800; letter-spacing:1px;
  background:linear-gradient(140deg,var(--brand) 0%,var(--brand-2) 60%,var(--cyan) 130%);
  box-shadow:0 8px 18px rgba(11,90,168,.28);
}
.y-brand-txt{ display:flex; flex-direction:column; line-height:1.2; }
.y-brand-txt b{ font-size:17px; color:var(--ink); letter-spacing:.5px; }
.y-brand-txt small{ font-size:10.5px; color:var(--txt-2); letter-spacing:1.1px; text-transform:uppercase; margin-top:3px; }
.y-brand-gap{ flex:1 1 auto; }

/* 导航 */
.y-nav{ display:flex; align-items:center; }
.y-nav-list{ display:flex; align-items:center; gap:2px; }
.y-nav-item{ position:relative; }
.y-nav-item > a{
  display:flex; align-items:center; gap:5px;
  padding:0 15px; height:var(--header-h);
  font-size:15px; font-weight:600; color:var(--ink-2); letter-spacing:.3px;
  position:relative; white-space:nowrap;
}
.y-nav-item > a::after{
  content:''; position:absolute; left:15px; right:15px; bottom:20px; height:2.5px;
  border-radius:3px; background:linear-gradient(90deg,var(--brand),var(--cyan));
  transform:scaleX(0); transform-origin:left center;
  transition:transform .34s var(--ease);
}
.y-nav-item:hover > a,
.y-nav-item.is-active > a{ color:var(--brand); }
.y-nav-item:hover > a::after,
.y-nav-item.is-active > a::after{ transform:scaleX(1); }
.y-caret{ color:var(--txt-2); transition:transform .3s var(--ease); }
.y-nav-item:hover .y-caret{ transform:rotate(180deg); color:var(--brand); }

/* 下拉 */
.y-drop{
  position:absolute; left:50%; top:calc(var(--header-h) - 8px);
  transform:translate(-50%,10px);
  min-width:212px; padding:9px;
  background:#fff; border-radius:14px;
  box-shadow:0 20px 50px rgba(9,38,72,.15);
  border:1px solid var(--line-2);
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .26s var(--ease),transform .3s var(--ease),visibility .26s;
  z-index:1000;
}
.y-drop::before{
  content:''; position:absolute; top:-6px; left:50%; margin-left:-6px;
  width:12px; height:12px; background:#fff; transform:rotate(45deg);
  border-left:1px solid var(--line-2); border-top:1px solid var(--line-2); border-radius:2px 0 0 0;
}
.y-nav-item:hover .y-drop{ opacity:1; visibility:visible; pointer-events:auto; transform:translate(-50%,0); }
.y-drop a{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:11px 14px; border-radius:9px;
  font-size:14px; font-weight:500; color:var(--txt);
  transition:all .22s var(--ease);
}
.y-drop a svg{ opacity:0; transform:translateX(-4px); transition:all .22s; color:var(--brand); }
.y-drop a:hover,.y-drop a.active{
  color:var(--brand); background:linear-gradient(90deg,rgba(11,90,168,.08),rgba(23,184,200,.04));
}
.y-drop a:hover svg,.y-drop a.active svg{ opacity:1; transform:translateX(0); }

/* 头部右侧动作 */
.y-head-act{ display:flex; align-items:center; gap:14px; flex:0 0 auto; }
.y-tel{ display:flex; align-items:center; gap:9px; }
.y-tel-ic{
  width:38px; height:38px; border-radius:12px; flex:0 0 auto;
  display:inline-flex; align-items:center; justify-content:center;
  color:var(--brand); background:rgba(11,90,168,.08);
}
.y-tel-tx{ display:flex; flex-direction:column; line-height:1.15; }
.y-tel-tx small{ font-size:11px; color:var(--txt-2); letter-spacing:.6px; }
.y-tel-tx b{ font-size:17px; color:var(--brand-deep); letter-spacing:.6px; font-weight:700; }
.y-tel:hover .y-tel-tx b{ color:var(--brand); }
.y-btn-cta{
  display:inline-flex; align-items:center; gap:7px;
  height:42px; padding:0 20px; border:0; border-radius:999px;
  color:#fff; font-size:14px; font-weight:600;
  background:linear-gradient(120deg,var(--brand) 0%,var(--brand-2) 60%,var(--cyan) 130%);
  box-shadow:0 8px 20px rgba(11,90,168,.24);
  transition:all .3s var(--ease);
}
.y-btn-cta:hover{ transform:translateY(-2px); box-shadow:0 12px 28px rgba(11,90,168,.32); }
.y-burger{
  display:none; width:42px; height:42px; border:1px solid var(--line);
  border-radius:12px; background:#fff; color:var(--ink);
  align-items:center; justify-content:center;
}
.y-mask{
  position:fixed; inset:0; background:rgba(4,27,54,.5);
  -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);
  opacity:0; visibility:hidden; transition:opacity .3s,visibility .3s;
  z-index:1900;
}
.y-mask.on{ opacity:1; visibility:visible; }
.y-nav-head,.y-nav-close,.y-nav-foot{ display:none; }

/* ============================================================
   首页 · 首屏轮播
   ============================================================ */
.y-hero{
  position:relative; height:clamp(460px,44vw,680px);
  overflow:hidden; background:var(--brand-ink);
}
.y-hero-track{ position:absolute; inset:0; }
.y-hero-item{
  position:absolute; inset:0; opacity:0; transition:opacity 1s var(--ease);
  transform:scale(1.04);
}
.y-hero-item.on{ opacity:1; transform:scale(1); transition:opacity 1s var(--ease),transform 7s linear; }
.y-hero-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.y-hero-item::after{
  content:''; position:absolute; inset:0;
  background:
    linear-gradient(100deg,rgba(4,27,54,.9) 0%,rgba(6,47,92,.72) 38%,rgba(11,90,168,.22) 66%,rgba(11,90,168,.06) 100%),
    radial-gradient(900px 420px at 84% 12%,rgba(23,184,200,.26),transparent 68%);
}
.y-hero-inner{
  position:relative; z-index:2; height:100%;
  display:flex; align-items:center;
}
.y-hero-txt{ max-width:700px; color:#fff; }
.y-hero-badge{
  display:inline-flex; align-items:center; gap:8px;
  height:32px; padding:0 15px; border-radius:999px;
  font-size:12.5px; font-weight:600; letter-spacing:1.2px;
  color:var(--cyan-2); background:rgba(23,184,200,.14);
  border:1px solid rgba(95,227,236,.34);
  margin-bottom:22px;
  animation:heroUp .8s var(--ease) both;
}
.y-hero-badge i{
  width:6px; height:6px; border-radius:50%; background:var(--cyan-2);
  box-shadow:0 0 0 0 rgba(95,227,236,.7); animation:pulseDot 2s infinite;
}
@keyframes pulseDot{
  0%{ box-shadow:0 0 0 0 rgba(95,227,236,.65); }
  70%{ box-shadow:0 0 0 9px rgba(95,227,236,0); }
  100%{ box-shadow:0 0 0 0 rgba(95,227,236,0); }
}
.y-hero-txt h1{
  color:#fff; font-size:clamp(28px,3.4vw,50px); line-height:1.24;
  letter-spacing:1px; font-weight:800;
  text-shadow:0 4px 30px rgba(4,27,54,.4);
  animation:heroUp .9s .1s var(--ease) both;
}
.y-hero-txt h1 em{
  font-style:normal;
  background:linear-gradient(100deg,var(--cyan-2),#9FF0F6 60%,#fff);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.y-hero-txt p{
  margin-top:18px; font-size:clamp(14px,1.15vw,17px); line-height:1.9;
  color:rgba(255,255,255,.78); max-width:600px;
  animation:heroUp 1s .2s var(--ease) both;
}
.y-hero-btns{ display:flex; gap:14px; margin-top:34px; flex-wrap:wrap; animation:heroUp 1s .32s var(--ease) both; }
@keyframes heroUp{ from{ opacity:0; transform:translateY(26px); } to{ opacity:1; transform:translateY(0); } }

/* 首屏右下角数据卡 */
.y-hero-stats{
  position:absolute; right:24px; bottom:40px; z-index:3;
  display:flex; gap:2px; padding:6px; border-radius:18px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
}
.y-hs{ padding:14px 22px; text-align:center; border-radius:13px; transition:background .3s; }
.y-hs:hover{ background:rgba(255,255,255,.08); }
.y-hs b{
  display:block; font-size:26px; font-weight:800; color:#fff; line-height:1.1;
  letter-spacing:.5px; font-variant-numeric:tabular-nums;
}
.y-hs b small{ font-size:13px; font-weight:600; color:var(--cyan-2); margin-left:2px; }
.y-hs span{ display:block; margin-top:6px; font-size:12px; color:rgba(255,255,255,.62); letter-spacing:.6px; }

/* 轮播控制 */
.y-hero-ctl{
  position:absolute; left:50%; bottom:34px; transform:translateX(-50%);
  z-index:4; display:flex; align-items:center; gap:12px;
}
.y-hero-dot{
  width:26px; height:4px; border-radius:3px; border:0; padding:0;
  background:rgba(255,255,255,.32); transition:all .4s var(--ease);
}
.y-hero-dot.on{ width:44px; background:linear-gradient(90deg,var(--cyan-2),#fff); }
.y-hero-arrow{
  position:absolute; top:50%; margin-top:-24px; z-index:4;
  width:48px; height:48px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  color:#fff; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.24);
  transition:all .3s var(--ease);
}
.y-hero-arrow:hover{ background:#fff; color:var(--brand); border-color:#fff; }
.y-hero-arrow.prev{ left:26px; }
.y-hero-arrow.next{ right:26px; }

/* ============================================================
   通用区块标题
   ============================================================ */
.y-sec{ padding:clamp(56px,6.2vw,96px) 0; position:relative; }
.y-sec-soft{ background:var(--bg-soft); }
.y-sec-dark{
  background:linear-gradient(150deg,var(--brand-ink) 0%,var(--brand-deep) 58%,#0A4884 100%);
  color:rgba(255,255,255,.72); position:relative; overflow:hidden;
}
.y-sec-dark::before{
  content:''; position:absolute; inset:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(95,227,236,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(95,227,236,.06) 1px,transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:radial-gradient(circle at 50% 0%,#000,transparent 78%);
  mask-image:radial-gradient(circle at 50% 0%,#000,transparent 78%);
}
.y-sec-dark h2,.y-sec-dark h3{ color:#fff; }

.y-sec-head{
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:28px; margin-bottom:clamp(30px,3.4vw,48px);
}
.y-sec-head-c{ flex-direction:column; align-items:center; text-align:center; gap:0; }
.y-sec-eyebrow{
  display:inline-flex; align-items:center; gap:9px;
  font-size:12.5px; font-weight:700; letter-spacing:2.4px;
  color:var(--brand); text-transform:uppercase; margin-bottom:12px;
}
.y-sec-eyebrow::before{
  content:''; width:22px; height:2px; border-radius:2px;
  background:linear-gradient(90deg,var(--brand),var(--cyan));
}
.y-sec-head-c .y-sec-eyebrow::after{
  content:''; width:22px; height:2px; border-radius:2px;
  background:linear-gradient(90deg,var(--cyan),var(--brand));
}
.y-sec-dark .y-sec-eyebrow{ color:var(--cyan-2); }
.y-sec-dark .y-sec-eyebrow::before{ background:linear-gradient(90deg,var(--cyan-2),transparent); }
.y-sec-head h2{
  font-size:clamp(23px,2.5vw,34px); letter-spacing:.8px; font-weight:800;
  line-height:1.3;
}
.y-sec-head h2 em{
  font-style:normal; color:var(--brand);
  position:relative;
}
.y-sec-dark .y-sec-head h2 em{ color:var(--cyan-2); }
.y-sec-head p{
  margin-top:12px; font-size:14.5px; color:var(--txt-2); max-width:640px; line-height:1.85;
}
.y-sec-dark .y-sec-head p{ color:rgba(255,255,255,.72); }
.y-sec-head-r{ flex:0 0 auto; padding-bottom:6px; }

/* ============================================================
   数据指标条（首屏下方悬浮）
   ============================================================ */
.y-stats{
  position:relative; z-index:12; margin-top:-58px;
}
.y-stats-inner{
  display:grid; grid-template-columns:repeat(4,1fr);
  background:#fff; border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg); overflow:hidden;
  border:1px solid rgba(226,233,241,.9);
}
.y-stat{
  padding:30px 22px; text-align:center; position:relative;
  transition:background .35s var(--ease);
}
.y-stat + .y-stat::before{
  content:''; position:absolute; left:0; top:26%; bottom:26%;
  width:1px; background:linear-gradient(180deg,transparent,var(--line),transparent);
}
.y-stat:hover{ background:linear-gradient(180deg,rgba(11,90,168,.04),rgba(23,184,200,.03)); }
.y-stat-ic{
  width:46px; height:46px; margin:0 auto 14px; border-radius:14px;
  display:flex; align-items:center; justify-content:center;
  color:var(--brand); background:linear-gradient(140deg,rgba(11,90,168,.1),rgba(23,184,200,.1));
}
.y-stat b{
  display:block; font-size:clamp(26px,2.6vw,34px); font-weight:800; line-height:1;
  color:var(--brand-deep); letter-spacing:.5px; font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
/* 限定为 b 内的计数 span，避免被下方 .y-stat span 的 display:block 覆盖 */
.y-stat b > span{ display:inline; margin:0; font-size:inherit; color:inherit; letter-spacing:inherit; }
.y-stat b small{ font-size:15px; font-weight:700; color:var(--cyan); margin-left:3px; }
.y-stat > span{ display:block; margin-top:10px; font-size:13.5px; color:var(--txt-2); letter-spacing:.5px; }
/* 首屏右下数据卡同理 */
.y-hero-stats b > span{ display:inline; margin:0; font-size:inherit; color:inherit; letter-spacing:inherit; }

/* ============================================================
   关于我们
   ============================================================ */
.y-about{ overflow:hidden; }
.y-about-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:clamp(32px,5vw,72px);
  align-items:center;
}
.y-about-media{ position:relative; }
.y-about-img{
  position:relative; border-radius:var(--radius-lg); overflow:hidden;
  box-shadow:var(--shadow-lg); aspect-ratio:4/3;
}
.y-about-img img{ width:100%; height:100%; object-fit:cover; transition:transform 1s var(--ease); }
.y-about-media:hover .y-about-img img{ transform:scale(1.05); }
.y-about-float{
  position:absolute; right:-14px; bottom:-22px;
  background:#fff; border-radius:18px; padding:18px 22px;
  box-shadow:var(--shadow-lg); border:1px solid var(--line-2);
  display:flex; align-items:center; gap:14px;
}
.y-about-float .ic{
  width:46px; height:46px; border-radius:13px; flex:0 0 auto;
  display:flex; align-items:center; justify-content:center; color:#fff;
  background:linear-gradient(140deg,var(--brand),var(--cyan));
}
.y-about-float b{ display:block; font-size:19px; color:var(--ink); line-height:1.2; }
.y-about-float small{ font-size:12.5px; color:var(--txt-2); }
.y-about-dot{
  position:absolute; left:-28px; top:-28px; width:96px; height:96px;
  border-radius:50%; z-index:-1;
  background:radial-gradient(circle,rgba(23,184,200,.18),transparent 70%);
}
.y-about-txt h2{ font-size:clamp(22px,2.4vw,32px); letter-spacing:.6px; }
.y-about-txt h2 em{ font-style:normal; color:var(--brand); }
.y-about-txt > p{
  margin-top:20px; font-size:14.5px; line-height:2; color:var(--txt);
  display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden;
}
.y-about-list{ display:grid; gap:14px; margin-top:26px; }
.y-about-li{ display:flex; gap:12px; align-items:flex-start; }
.y-about-li .ic{
  width:26px; height:26px; border-radius:8px; flex:0 0 auto; margin-top:2px;
  display:flex; align-items:center; justify-content:center;
  color:var(--brand); background:rgba(11,90,168,.09);
}
.y-about-li b{ color:var(--ink); font-size:14.5px; display:block; }
.y-about-li span{ font-size:13.5px; color:var(--txt-2); line-height:1.7; }
.y-about-act{ display:flex; gap:14px; margin-top:32px; flex-wrap:wrap; }

/* ============================================================
   产品展示（Tab + 卡片）
   ============================================================ */
.y-series-tabs{
  display:flex; justify-content:center; gap:10px; flex-wrap:wrap;
  margin-bottom:38px;
}
.y-series-tab{
  display:inline-flex; align-items:center; gap:9px;
  height:48px; padding:0 26px; border-radius:999px;
  border:1px solid var(--line); background:#fff; color:var(--ink-2);
  font-size:14.5px; font-weight:600; letter-spacing:.4px;
  transition:all .3s var(--ease);
}
.y-series-tab .n{
  font-size:11px; color:var(--txt-2); font-variant-numeric:tabular-nums;
  padding-left:2px; opacity:.7;
}
.y-series-tab:hover{ border-color:rgba(11,90,168,.32); color:var(--brand); transform:translateY(-1px); }
.y-series-tab.on{
  color:#fff; border-color:transparent;
  background:linear-gradient(120deg,var(--brand),var(--brand-2) 62%,var(--cyan) 132%);
  box-shadow:var(--shadow-brand);
}
.y-series-tab.on .n{ color:rgba(255,255,255,.66); }

.y-series-panel{ display:none; }
.y-series-panel.on{ display:block; animation:fadeUp .55s var(--ease) both; }
@keyframes fadeUp{ from{ opacity:0; transform:translateY(16px); } to{ opacity:1; transform:translateY(0); } }

.y-series-grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:22px;
}
.y-pcard{
  position:relative; display:flex; flex-direction:column;
  background:#fff; border-radius:var(--radius); overflow:hidden;
  border:1px solid var(--line-2);
  box-shadow:var(--shadow-sm);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s;
}
.y-pcard::after{
  content:''; position:absolute; left:0; right:0; bottom:0; height:3px;
  background:linear-gradient(90deg,var(--brand),var(--cyan));
  transform:scaleX(0); transform-origin:left; transition:transform .45s var(--ease);
}
.y-pcard:hover{
  transform:translateY(-8px); box-shadow:var(--shadow-lg); border-color:transparent;
}
.y-pcard:hover::after{ transform:scaleX(1); }
.y-pcard-img{
  position:relative; aspect-ratio:5/3.4; overflow:hidden; background:var(--bg-soft-2);
}
.y-pcard-img img{ width:100%; height:100%; object-fit:cover; transition:transform .8s var(--ease); }
.y-pcard:hover .y-pcard-img img{ transform:scale(1.07); }
.y-pcard-idx{
  position:absolute; left:14px; top:14px; z-index:2;
  min-width:30px; height:30px; padding:0 9px; border-radius:9px;
  display:inline-flex; align-items:center; justify-content:center;
  font-size:12.5px; font-weight:700; color:#fff; font-variant-numeric:tabular-nums;
  background:rgba(6,47,92,.72); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
.y-pcard-body{
  padding:20px 20px 22px; display:flex; flex-direction:column; gap:9px; flex:1 1 auto;
}
.y-pcard-body h3{
  font-size:16.5px; letter-spacing:.3px; line-height:1.45;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.y-pcard-body p{
  font-size:13.5px; line-height:1.78; color:var(--txt-2);
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.y-pcard-foot{
  margin-top:auto; padding-top:12px; display:flex; align-items:center; justify-content:space-between;
  border-top:1px dashed var(--line);
}
.y-pcard-foot .go{
  display:inline-flex; align-items:center; gap:6px;
  font-size:12.5px; font-weight:600; color:var(--brand);
}
.y-pcard-foot .go svg{ transition:transform .3s var(--ease); }
.y-pcard:hover .y-pcard-foot .go svg{ transform:translateX(4px); }
.y-pcard-foot .tag{
  font-size:11.5px; color:var(--txt-2); padding:3px 9px; border-radius:6px;
  background:var(--bg-soft);
}

/* ============================================================
   解决方案 / 平台架构（深色）
   ============================================================ */
.y-arch{
  display:grid; grid-template-columns:1.05fr 1fr; gap:clamp(30px,4.4vw,64px);
  align-items:center; position:relative; z-index:1;
}
.y-arch-txt h2{ font-size:clamp(22px,2.4vw,32px); letter-spacing:.6px; }
.y-arch-txt > p{ margin-top:16px; font-size:14.5px; line-height:1.95; color:rgba(255,255,255,.8); }
.y-arch-tabs{ display:flex; gap:10px; flex-wrap:wrap; margin-top:28px; }
.y-arch-tab{
  height:40px; padding:0 20px; border-radius:10px;
  border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.05);
  color:rgba(255,255,255,.72); font-size:13.5px; font-weight:600;
  transition:all .3s var(--ease);
}
.y-arch-tab:hover{ border-color:rgba(95,227,236,.5); color:#fff; }
.y-arch-tab.on{
  color:var(--brand-ink); border-color:transparent;
  background:linear-gradient(120deg,var(--cyan-2),#B6F5F9);
  box-shadow:0 10px 24px rgba(23,184,200,.28);
}
.y-arch-panes{ margin-top:26px; }
.y-arch-pane{ display:none; }
.y-arch-pane.on{ display:block; animation:fadeUp .5s var(--ease) both; }
.y-arch-list{ display:grid; gap:16px; }
.y-arch-li{
  display:flex; gap:14px; padding:16px 18px; border-radius:13px;
  background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.08);
  transition:all .35s var(--ease);
}
.y-arch-li:hover{ background:rgba(23,184,200,.09); border-color:rgba(95,227,236,.28); transform:translateX(4px); }
.y-arch-li .n{
  flex:0 0 auto; width:26px; height:26px; border-radius:8px;
  display:flex; align-items:center; justify-content:center;
  font-size:12px; font-weight:800; color:var(--brand-ink);
  background:linear-gradient(140deg,var(--cyan-2),#8EEFF5);
}
.y-arch-li b{ display:block; color:#fff; font-size:14.5px; margin-bottom:3px; }
.y-arch-li span{ font-size:13px; color:rgba(255,255,255,.74); line-height:1.7; display:block; margin-top:3px; }
.y-arch-media{
  position:relative; border-radius:var(--radius-lg); overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 30px 70px rgba(0,0,0,.4);
}
.y-arch-media img{ width:100%; display:block; }
.y-arch-media::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(4,27,54,.42));
  pointer-events:none;
}

/* ============================================================
   应用案例
   ============================================================ */
.y-case-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
}
.y-case{
  display:flex; flex-direction:column; background:#fff;
  border-radius:var(--radius); overflow:hidden;
  border:1px solid var(--line-2); box-shadow:var(--shadow-sm);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease);
}
.y-case:hover{ transform:translateY(-7px); box-shadow:var(--shadow-lg); }
.y-case-img{
  position:relative; aspect-ratio:16/9.6; overflow:hidden;
  background:linear-gradient(150deg,#EAF2FB,#DCE8F6);
}
/* 原站案例图多为带文字的截图/示意图，用 contain 避免裁切丢字 */
.y-case-img img{
  width:100%; height:100%; object-fit:contain; object-position:center;
  padding:12px 12px 38px; transition:transform .8s var(--ease);
  /* 统一加冷调 + 微降亮度，避免发灰、提升辨识度 */
  filter:saturate(1.06) contrast(1.04) brightness(.98);
}
.y-case:hover .y-case-img img{ transform:scale(1.04); filter:saturate(1.1) contrast(1.06) brightness(1.02); }
.y-case-img::after{
  content:''; position:absolute; inset:0; z-index:1;
  background:
    linear-gradient(180deg,rgba(6,47,92,.10) 0%,transparent 45%,rgba(4,27,54,.62) 100%),
    linear-gradient(115deg,rgba(11,90,168,.16),rgba(23,184,200,.07));
  pointer-events:none;
}
.y-case-cat{
  position:absolute; left:16px; top:16px; z-index:2;
  height:26px; padding:0 11px; border-radius:7px;
  display:inline-flex; align-items:center; font-size:11.5px; font-weight:600;
  color:#fff; background:rgba(11,90,168,.78); letter-spacing:.5px;
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
.y-case-title{
  position:absolute; left:16px; right:16px; bottom:14px; z-index:2;
  color:#fff; font-size:15.5px; font-weight:700; line-height:1.45;
  display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;
}
.y-case-body{ padding:18px 20px 20px; display:flex; flex-direction:column; flex:1 1 auto; }
.y-case-body p{
  font-size:13.5px; line-height:1.8; color:var(--txt-2);
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.y-case-meta{
  margin-top:auto; padding-top:14px; display:flex; align-items:center; justify-content:space-between;
  font-size:12.5px; color:var(--txt-2);
}
.y-case-meta .go{ display:inline-flex; align-items:center; gap:5px; color:var(--brand); font-weight:600; }

/* 案例首条大卡（横排） */
.y-case-lead{
  grid-column:span 2; display:grid; grid-template-columns:1.1fr 1fr;
  background:#fff; border-radius:var(--radius); overflow:hidden;
  border:1px solid var(--line-2); box-shadow:var(--shadow-sm);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease);
}
.y-case-lead:hover{ transform:translateY(-7px); box-shadow:var(--shadow-lg); }
.y-case-lead .y-case-img{ aspect-ratio:auto; height:100%; min-height:290px; }
/* 大卡图片铺满，去掉 contain 内边距 */
.y-case-lead .y-case-img img{ object-fit:cover; padding:0; filter:saturate(1.05) contrast(1.03) brightness(.96); }
.y-case-lead:hover .y-case-img img{ filter:saturate(1.1) contrast(1.05) brightness(1); }
.y-case-lead .y-case-body{ padding:30px 30px 28px; justify-content:center; }
.y-case-lead h3{ font-size:19px; margin-bottom:12px; line-height:1.5; }
.y-case-lead p{ -webkit-line-clamp:5; font-size:14px; }

/* ============================================================
   医院风采
   ============================================================ */
.y-hosp-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
/* 条目较少时自适应，避免大片空白 */
.y-hosp-grid:has(> :only-child){ grid-template-columns:minmax(0,760px); justify-content:center; }
.y-hosp-grid:has(> :only-child) .y-hosp{ aspect-ratio:16/8.2; }
.y-hosp-grid:has(> :nth-child(2):last-child){ grid-template-columns:repeat(2,1fr); }
.y-hosp{
  position:relative; border-radius:var(--radius); overflow:hidden;
  aspect-ratio:4/3; background:var(--brand-deep);
  box-shadow:var(--shadow-sm); transition:transform .45s var(--ease),box-shadow .45s var(--ease);
}
.y-hosp:hover{ transform:translateY(-6px); box-shadow:var(--shadow-lg); }
.y-hosp img{
  width:100%; height:100%; object-fit:cover; transition:transform .9s var(--ease);
  filter:saturate(1.06) contrast(1.05) brightness(.95);
}
.y-hosp:hover img{ transform:scale(1.06); filter:saturate(1.1) contrast(1.07) brightness(1); }
.y-hosp::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(4,27,54,.06) 30%,rgba(4,27,54,.82));
}
.y-hosp-txt{
  position:absolute; left:22px; right:22px; bottom:20px; z-index:2; color:#fff;
}
.y-hosp-txt .dt{
  font-size:11.5px; letter-spacing:1.4px; color:var(--cyan-2); font-weight:600; margin-bottom:7px;
  display:inline-flex; align-items:center; gap:6px;
}
.y-hosp-txt h3{
  color:#fff; font-size:16px; line-height:1.5; letter-spacing:.3px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.y-hosp-txt p{
  margin-top:8px; font-size:12.5px; color:rgba(255,255,255,.62); line-height:1.7;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  max-height:0; overflow:hidden; opacity:0;
  transition:all .4s var(--ease);
}
.y-hosp:hover .y-hosp-txt p{ max-height:80px; opacity:1; }

/* ============================================================
   荣誉认证
   ============================================================ */
.y-honor-grid{
  display:grid; grid-template-columns:repeat(5,1fr); gap:20px;
}
.y-honor{
  display:flex; flex-direction:column; gap:10px;
  background:#fff; border-radius:var(--radius-sm);
  padding:10px 10px 12px; border:1px solid var(--line);
  transition:all .4s var(--ease); position:relative; overflow:hidden;
}
.y-honor{ flex:1 1 auto; }
.y-honor-img{ display:block; width:100%; border-radius:7px; background:var(--bg-soft-2); overflow:hidden; }
.y-honor img{
  display:block; width:100%; height:auto; aspect-ratio:739/1000;
  object-fit:contain; background:#fff; border-radius:7px;
  transition:transform .6s var(--ease);
}
.y-honor:hover img{ transform:scale(1.03); }
.y-honor-name{
  text-align:center; font-size:12.5px; font-weight:600;
  color:var(--ink); line-height:1.5; letter-spacing:.2px;
  padding:0 2px; min-height:2.9em;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.y-honor::after{
  content:''; position:absolute; inset:0; border-radius:var(--radius-sm);
  border:1.5px solid transparent; transition:border-color .4s;
  pointer-events:none;
}
.y-honor:hover{ transform:translateY(-6px); box-shadow:var(--shadow); }
.y-honor:hover::after{ border-color:rgba(11,90,168,.42); }

/* ============================================================
   申请试用（图文 + 卡片）
   ============================================================ */
.y-trial{
  position:relative; overflow:hidden;
  background:linear-gradient(135deg,#F2F8FD 0%,#E8F2FB 48%,#E6F7F9 100%);
}
.y-trial::before{
  content:''; position:absolute; right:-140px; top:-140px;
  width:520px; height:520px; border-radius:50%;
  background:radial-gradient(circle,rgba(23,184,200,.14),transparent 66%);
}
.y-trial-grid{
  display:grid; grid-template-columns:1fr 1.15fr; gap:clamp(30px,4.2vw,62px);
  align-items:center; position:relative; z-index:1;
}
.y-trial-txt h2{ font-size:clamp(22px,2.4vw,32px); }
.y-trial-txt > p{ margin-top:16px; font-size:14.5px; line-height:1.95; color:var(--txt); }
.y-trial-steps{ display:grid; gap:14px; margin-top:28px; }
.y-trial-step{
  display:flex; gap:14px; padding:16px 18px; border-radius:13px;
  background:#fff; border:1px solid rgba(226,233,241,.9);
  box-shadow:0 4px 14px rgba(9,38,72,.04);
  transition:all .35s var(--ease);
}
.y-trial-step:hover{ transform:translateX(5px); box-shadow:var(--shadow); border-color:transparent; }
.y-ts-n{
  flex:0 0 auto; width:32px; height:32px; border-radius:10px;
  display:flex; align-items:center; justify-content:center;
  font-size:13px; font-weight:800; color:#fff;
  background:linear-gradient(140deg,var(--brand),var(--cyan));
  box-shadow:0 6px 14px rgba(11,90,168,.22);
}
.y-trial-step b{ display:block; font-size:14.5px; color:var(--ink); }
.y-trial-step span{ font-size:13px; color:var(--txt-2); line-height:1.7; }
.y-trial-media{ position:relative; }
.y-trial-media img{
  border-radius:var(--radius-lg); box-shadow:var(--shadow-lg); width:100%;
}
.y-trial-badge{
  position:absolute; left:-16px; top:26px;
  display:flex; align-items:center; gap:10px;
  padding:13px 18px; border-radius:14px; background:#fff;
  box-shadow:var(--shadow-lg);
}
.y-trial-badge .ic{
  width:36px; height:36px; border-radius:10px; display:flex; align-items:center; justify-content:center;
  color:#fff; background:linear-gradient(140deg,var(--brand),var(--cyan));
}
.y-trial-badge b{ font-size:15px; color:var(--ink); display:block; line-height:1.2; }
.y-trial-badge small{ font-size:11.5px; color:var(--txt-2); }

/* 试用申请表单条 */
.y-form-band{ position:relative; overflow:hidden; }
.y-form-band .y-container{ position:relative; z-index:1; }
.y-fb-box{
  display:grid; grid-template-columns:1fr 1.25fr; gap:clamp(28px,4vw,56px);
  align-items:center;
  padding:clamp(30px,3.6vw,48px);
  border-radius:var(--radius-lg);
  background:linear-gradient(120deg,var(--brand-ink) 0%,var(--brand-deep) 62%,#0A4E8E 100%);
  box-shadow:var(--shadow-lg); position:relative; overflow:hidden;
}
.y-fb-box::before{
  content:''; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(620px 320px at 88% 8%,rgba(23,184,200,.26),transparent 68%);
}
.y-fb-txt{ position:relative; z-index:1; color:#fff; }
.y-fb-txt h3{ color:#fff; font-size:clamp(20px,2.2vw,27px); letter-spacing:.6px; }
.y-fb-txt p{ margin-top:12px; font-size:14px; color:rgba(255,255,255,.6); line-height:1.85; }
.y-fb-tel{
  margin-top:22px; display:flex; align-items:center; gap:12px;
}
.y-fb-tel .ic{
  width:44px; height:44px; border-radius:13px; display:flex; align-items:center; justify-content:center;
  color:var(--brand-ink); background:linear-gradient(140deg,var(--cyan-2),#A9F2F7);
}
.y-fb-tel small{ display:block; font-size:11.5px; color:rgba(255,255,255,.55); letter-spacing:1px; }
.y-fb-tel b{ font-size:21px; color:#fff; letter-spacing:1px; font-weight:800; }
.y-fb-form{ position:relative; z-index:1; }

/* 通用表单 */
.y-form{ display:grid; gap:12px; }
.y-form-row{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.y-field{ position:relative; }
.y-field input,.y-field textarea,.y-field select{
  width:100%; height:48px; padding:0 16px;
  border:1px solid var(--line); border-radius:11px;
  background:#fff; color:var(--ink); font-size:14px;
  transition:border-color .25s,box-shadow .25s;
}
.y-field textarea{ height:104px; padding:13px 16px; resize:vertical; line-height:1.7; }
.y-field input:focus,.y-field textarea:focus,.y-field select:focus{
  border-color:var(--brand); box-shadow:0 0 0 3px rgba(11,90,168,.1);
}
.y-field input::placeholder,.y-field textarea::placeholder{ color:#A9B6C6; }
.y-form-submit{
  height:48px; border:0; border-radius:11px; color:#fff;
  font-size:14.5px; font-weight:700; letter-spacing:1px;
  background:linear-gradient(120deg,var(--brand),var(--brand-2) 62%,var(--cyan) 132%);
  box-shadow:0 10px 26px rgba(4,27,54,.3);
  transition:all .3s var(--ease);
}
.y-form-submit:hover{ transform:translateY(-2px); box-shadow:0 16px 34px rgba(4,27,54,.36); }
.y-form-submit:disabled{ opacity:.7; cursor:not-allowed; transform:none; }
.y-form-msg{ font-size:13px; min-height:0; }
.y-form-msg.ok{ color:#2E9E6B; }
.y-form-msg.err{ color:var(--red); }
/* 深色底表单 */
.y-fb-form .y-field input,.y-fb-form .y-field textarea{
  background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.16); color:#fff;
}
.y-fb-form .y-field input::placeholder,.y-fb-form .y-field textarea::placeholder{ color:rgba(255,255,255,.44); }
.y-fb-form .y-field input:focus,.y-fb-form .y-field textarea:focus{
  border-color:var(--cyan-2); box-shadow:0 0 0 3px rgba(23,184,200,.16); background:rgba(255,255,255,.12);
}
.y-fb-form .y-form-submit{ background:linear-gradient(120deg,var(--cyan-2),#8DEFF6); color:var(--brand-ink); }

/* 深色表单条内的自定义表单：首页表单使用 .form-group + 原生 label/input，
   而 consult.css / float-modal.css 的 .cf-* / .modal-body 样式不作用于此处，
   因此在深色底上必须显式设定文字与控件配色。 */
.y-fb-form label{ color:rgba(255,255,255,.86); font-weight:600; font-size:13px; display:block; margin-bottom:7px; }
.y-fb-form label .req{ color:#FF8B7B; margin-left:2px; }
.y-fb-form .form-group{ margin:0; }
.y-fb-form input[type=text],
.y-fb-form input[type=tel],
.y-fb-form input[type=email],
.y-fb-form input[type=number],
.y-fb-form input[type=date],
.y-fb-form textarea,
.y-fb-form select{
  width:100%; height:44px; padding:0 14px;
  font-size:14px; color:#fff; font-family:inherit;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.18);
  border-radius:10px; outline:0;
  transition:border-color .25s,box-shadow .25s,background .25s;
}
.y-fb-form textarea{ height:96px; padding:12px 14px; resize:vertical; line-height:1.7; }
.y-fb-form input::placeholder,
.y-fb-form textarea::placeholder{ color:rgba(255,255,255,.46); }
.y-fb-form input:focus,
.y-fb-form textarea:focus,
.y-fb-form select:focus{
  border-color:var(--cyan-2); background:rgba(255,255,255,.14);
  box-shadow:0 0 0 3px rgba(23,184,200,.16);
}
.y-fb-form select option{ color:#0B2440; background:#fff; }
.y-fb-form .cf-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.y-fb-form .cf-grid .full{ grid-column:1/-1; }
.y-fb-form .cf-radio{ color:rgba(255,255,255,.82); }
.y-fb-form .cf-title{ color:#fff; font-size:17px; margin-bottom:6px; }
.y-fb-form .cf-desc{ color:rgba(255,255,255,.68); font-size:13px; margin-bottom:16px; }
/* 提交按钮 */
.y-fb-form .cf-submit,
.y-fb-form button[type=submit]{
  width:100%; height:46px; margin-top:16px;
  border:0; border-radius:11px; cursor:pointer;
  font-size:14.5px; font-weight:700; letter-spacing:.6px;
  color:var(--brand-ink);
  background:linear-gradient(120deg,var(--cyan-2),#8DEFF6);
  box-shadow:0 10px 24px rgba(23,184,200,.26);
  transition:transform .3s var(--ease),box-shadow .3s;
}
.y-fb-form .cf-submit:hover,
.y-fb-form button[type=submit]:hover{ transform:translateY(-2px); box-shadow:0 16px 32px rgba(23,184,200,.34); }
.y-fb-form .form-msg{ font-size:13px; margin-top:6px; min-height:0; }
.y-fb-form .form-msg.ok{ color:#7EE2B8; }
.y-fb-form .form-msg.err{ color:#FF9C8E; }

/* ============================================================
   新闻资讯
   ============================================================ */
.y-news-layout{ display:grid; grid-template-columns:1.35fr 1fr; gap:26px; }
.y-news-lead{
  position:relative; display:flex; flex-direction:column; justify-content:flex-end;
  border-radius:var(--radius); overflow:hidden; min-height:380px;
  background:var(--brand-deep); box-shadow:var(--shadow-sm);
}
.y-news-lead img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .9s var(--ease); }
.y-news-lead:hover img{ transform:scale(1.05); }
.y-news-lead::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(4,27,54,.05) 26%,rgba(4,27,54,.86));
}
.y-news-lead-body{ position:relative; z-index:2; padding:28px 30px; color:#fff; }
.y-news-date{
  display:inline-flex; align-items:center; gap:8px;
  font-size:12px; color:var(--cyan-2); letter-spacing:1px; margin-bottom:12px;
}
.y-news-date b{ font-size:24px; font-weight:800; color:#fff; line-height:1; }
.y-news-date i{ font-style:normal; font-size:11.5px; color:rgba(255,255,255,.6); }
.y-news-lead-body h3{
  color:#fff; font-size:19px; line-height:1.55;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.y-news-lead-body p{
  margin-top:10px; font-size:13.5px; line-height:1.8; color:rgba(255,255,255,.66);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.y-news-list{ display:flex; flex-direction:column; gap:0; background:#fff; border-radius:var(--radius); border:1px solid var(--line-2); overflow:hidden; }
.y-news-item{
  display:flex; gap:16px; padding:18px 20px; position:relative;
  transition:background .3s var(--ease);
}
.y-news-item + .y-news-item{ border-top:1px solid var(--line-2); }
.y-news-item:hover{ background:var(--bg-soft); }
.y-ni-date{
  flex:0 0 auto; width:60px; text-align:center;
  padding-right:16px; border-right:1px solid var(--line-2);
}
.y-ni-date b{ display:block; font-size:21px; font-weight:800; color:var(--brand); line-height:1.1; font-variant-numeric:tabular-nums; }
.y-ni-date span{ display:block; font-size:11.5px; color:var(--txt-2); margin-top:3px; }
.y-ni-txt{ min-width:0; flex:1 1 auto; }
.y-ni-txt h4{
  font-size:14.5px; font-weight:600; color:var(--ink); line-height:1.6;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  transition:color .25s;
}
.y-news-item:hover .y-ni-txt h4{ color:var(--brand); }
.y-ni-txt p{
  margin-top:5px; font-size:12.5px; color:var(--txt-2); line-height:1.7;
  display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;
}

/* ============================================================
   合作伙伴（跑马灯）
   ============================================================ */
.y-brands{ padding:clamp(40px,4.4vw,64px) 0; background:#fff; border-top:1px solid var(--line-2); }
.y-brands-head{
  display:flex; align-items:center; justify-content:center; gap:18px; margin-bottom:30px;
}
.y-brands-head span{
  font-size:13px; letter-spacing:2.4px; color:var(--txt-2); font-weight:600; text-transform:uppercase;
}
.y-brands-head::before,.y-brands-head::after{
  content:''; width:clamp(30px,8vw,110px); height:1px;
  background:linear-gradient(90deg,transparent,var(--line));
}
.y-brands-head::after{ background:linear-gradient(90deg,var(--line),transparent); }
.y-marquee{ overflow:hidden; position:relative; }
.y-marquee::before,.y-marquee::after{
  content:''; position:absolute; top:0; bottom:0; width:90px; z-index:2; pointer-events:none;
}
.y-marquee::before{ left:0; background:linear-gradient(90deg,#fff,transparent); }
.y-marquee::after{ right:0; background:linear-gradient(270deg,#fff,transparent); }
.y-marquee-track{ display:flex; gap:16px; width:max-content; animation:marquee 34s linear infinite; }
.y-marquee:hover .y-marquee-track{ animation-play-state:paused; }
@keyframes marquee{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
.y-brand-cell{
  flex:0 0 auto; width:196px; height:96px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  background:var(--bg-soft); border:1px solid var(--line-2); padding:14px;
  transition:all .35s var(--ease);
}
.y-brand-cell img{ max-width:100%; max-height:100%; object-fit:contain; filter:grayscale(1); opacity:.72; transition:all .35s; }
.y-brand-cell:hover{ background:#fff; box-shadow:var(--shadow); border-color:transparent; }
.y-brand-cell:hover img{ filter:none; opacity:1; }

/* ============================================================
   CTA 条
   ============================================================ */
.y-cta{
  position:relative; overflow:hidden;
  background:linear-gradient(110deg,var(--brand-deep) 0%,var(--brand) 58%,#0F6FC6 100%);
  color:#fff;
}
.y-cta::before{
  content:''; position:absolute; inset:0;
  background:
    radial-gradient(760px 300px at 12% 50%,rgba(23,184,200,.24),transparent 70%),
    radial-gradient(600px 260px at 92% 20%,rgba(95,227,236,.16),transparent 70%);
}
.y-cta-inner{
  position:relative; z-index:1;
  display:flex; align-items:center; justify-content:space-between; gap:28px;
  padding:clamp(32px,4vw,54px) 0; flex-wrap:wrap;
}
.y-cta-txt h2{ color:#fff; font-size:clamp(20px,2.3vw,29px); letter-spacing:.8px; }
.y-cta-txt p{ margin-top:10px; font-size:14px; color:rgba(255,255,255,.7); }
.y-cta-btns{ display:flex; gap:14px; flex-wrap:wrap; }

/* ============================================================
   页脚
   ============================================================ */
.y-footer{
  position:relative; overflow:hidden;
  background:linear-gradient(165deg,#051F3D 0%,#04203F 55%,#05192F 100%);
  color:rgba(255,255,255,.58); font-size:13.5px; line-height:1.85;
}
.y-footer::before{
  content:''; position:absolute; inset:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(95,227,236,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(95,227,236,.045) 1px,transparent 1px);
  background-size:60px 60px;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 72%);
  mask-image:linear-gradient(180deg,#000,transparent 72%);
}
.y-foot-main{
  position:relative; z-index:1;
  display:grid; grid-template-columns:1.5fr .8fr .8fr 1.15fr; gap:clamp(24px,3.4vw,54px);
  padding:clamp(44px,5vw,70px) 0 clamp(30px,3.4vw,44px);
}
.y-foot-brand .y-brand{ gap:12px; margin-bottom:18px; }
.y-foot-brand .y-brand-mark{ width:42px; height:42px; border-radius:12px; font-size:19px; }
.y-foot-brand .y-brand-txt b{ color:#fff; font-size:16.5px; }
.y-foot-brand .y-brand-txt small{ color:rgba(255,255,255,.36); }
.y-foot-brand > p{ font-size:13px; line-height:1.92; color:rgba(255,255,255,.5); max-width:360px; }
.y-foot-tel{ margin-top:20px; }
.y-foot-tel small{ display:block; font-size:11.5px; letter-spacing:1.2px; color:rgba(255,255,255,.4); margin-bottom:4px; }
.y-foot-tel b{
  font-size:23px; color:#fff; letter-spacing:1px; font-weight:800;
  font-variant-numeric:tabular-nums;
}
.y-foot-qr{ display:flex; gap:16px; margin-top:22px; }
.y-fq{ text-align:center; }
.y-fq img{
  width:88px; height:88px; object-fit:contain; background:#fff;
  border-radius:10px; padding:5px;
}
.y-fq span{ display:block; margin-top:8px; font-size:11.5px; color:rgba(255,255,255,.44); }

.y-foot-col h4{
  color:#fff; font-size:14.5px; margin-bottom:18px; letter-spacing:.8px; position:relative; padding-bottom:12px;
}
.y-foot-col h4::after{
  content:''; position:absolute; left:0; bottom:0; width:26px; height:2px; border-radius:2px;
  background:linear-gradient(90deg,var(--cyan),transparent);
}
.y-foot-col a{
  display:block; padding:6px 0; font-size:13px; color:rgba(255,255,255,.55);
  transition:all .25s var(--ease);
}
.y-foot-col a:hover{ color:var(--cyan-2); transform:translateX(3px); }

.y-foot-contact li{
  display:flex; gap:10px; align-items:flex-start; padding:6px 0;
  font-size:13px; color:rgba(255,255,255,.55); line-height:1.8;
}
.y-foot-contact li svg{ flex:0 0 auto; margin-top:5px; color:var(--cyan); opacity:.8; }
.y-foot-contact li a{ color:rgba(255,255,255,.55); }
.y-foot-contact li a:hover{ color:var(--cyan-2); }
.y-foot-contact li b{ color:rgba(255,255,255,.86); font-weight:600; }

.y-foot-bottom{
  position:relative; z-index:1;
  border-top:1px solid rgba(255,255,255,.08);
  padding:18px 0;
}
.y-foot-bottom .y-container{
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
  font-size:12.5px; color:rgba(255,255,255,.36);
}
.y-foot-bottom a{ color:rgba(255,255,255,.36); }
.y-foot-bottom a:hover{ color:var(--cyan-2); }
.y-foot-links{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.y-foot-links a{ position:relative; }
.y-foot-links a + a::before{
  content:''; position:absolute; left:-7px; top:50%; width:1px; height:10px;
  margin-top:-5px; background:rgba(255,255,255,.16);
}
.y-backtop{
  position:fixed; right:26px; bottom:104px; z-index:800;
  width:44px; height:44px; border-radius:50%; border:0;
  display:flex; align-items:center; justify-content:center;
  color:var(--brand); background:#fff; box-shadow:0 8px 24px rgba(9,38,72,.16);
  opacity:0; visibility:hidden; transform:translateY(10px);
  transition:all .35s var(--ease);
}
.y-backtop.on{ opacity:1; visibility:visible; transform:translateY(0); }
.y-backtop:hover{ color:#fff; background:var(--brand); }

/* ============================================================
   面包屑 / 内页通用
   ============================================================ */
.y-crumb-bar{
  background:var(--bg-soft); border-bottom:1px solid var(--line-2);
  font-size:13px; color:var(--txt-2);
}
.y-crumb-bar .y-container{
  height:52px; display:flex; align-items:center; gap:8px; flex-wrap:wrap;
}
.y-crumb-bar a{ color:var(--txt-2); }
.y-crumb-bar a:hover{ color:var(--brand); }
.y-crumb-bar .sep{ color:#C3CFDE; }
.y-crumb-bar .cur{ color:var(--brand); font-weight:600; }

/* 空状态 */
.y-empty{
  padding:60px 20px; text-align:center; color:var(--txt-2); font-size:14px;
  background:var(--bg-soft); border-radius:var(--radius); border:1px dashed var(--line);
}

/* ============================================================
   响应式
   ============================================================ */
@media (max-width:1280px){
  :root{ --container:1120px; }
  .y-nav-item > a{ padding:0 11px; font-size:14.5px; }
  .y-tel-tx small{ display:none; }
  .y-tel-tx b{ font-size:15.5px; }
  .y-series-grid{ grid-template-columns:repeat(3,1fr); }
  .y-honor-grid{ grid-template-columns:repeat(4,1fr); }
}

@media (max-width:1080px){
  .y-hero-stats{ display:none; }
  .y-tel{ display:none; }
  .y-about-grid{ grid-template-columns:1fr; gap:42px; }
  .y-arch{ grid-template-columns:1fr; }
  .y-trial-grid{ grid-template-columns:1fr; }
  .y-case-grid{ grid-template-columns:repeat(2,1fr); }
  .y-case-lead{ grid-column:span 2; }
  .y-hosp-grid{ grid-template-columns:repeat(2,1fr); }
  .y-news-layout{ grid-template-columns:1fr; }
  .y-news-lead{ min-height:300px; }
  .y-fb-box{ grid-template-columns:1fr; gap:28px; }
  .y-stats-inner{ grid-template-columns:repeat(2,1fr); }
  .y-stat:nth-child(3)::before{ display:none; }
  .y-stat:nth-child(3),.y-stat:nth-child(4){ border-top:1px solid var(--line-2); }
  .y-foot-main{ grid-template-columns:1fr 1fr; gap:32px; }
  .y-foot-brand{ grid-column:span 2; }
  .y-foot-brand > p{ max-width:none; }
}

/* ---------- 移动端导航抽屉 ---------- */
@media (max-width:992px){
  :root{ --header-h:64px; }
  /* 移动端隐藏顶部信息条：节省首屏高度，避免与抽屉层叠冲突 */
  .y-topbar{ display:none; }
  /* 关键：backdrop-filter 会让 .y-header 成为 position:fixed 的包含块，
     导致移动端抽屉只能算 64px 高。移动端改用伪元素实现毛玻璃，使 header 不再创建包含块。 */
  .y-header{
    position:sticky !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    background:#fff;
  }
  .y-header::before{
    content:''; position:absolute; inset:0; z-index:-1;
    background:rgba(255,255,255,.94);
    -webkit-backdrop-filter:saturate(180%) blur(14px);
    backdrop-filter:saturate(180%) blur(14px);
  }
  .y-header.is-stuck::before{ background:rgba(255,255,255,.98); }
  .y-header-inner{ gap:12px; }
  .y-logo-img{ height:min(var(--logo-h,44px),44px); max-width:min(var(--logo-max,220px),220px); }
  .y-head-act{ margin-left:auto; }
  .y-btn-cta{ display:none; }
  .y-burger{ display:inline-flex; }
  .y-nav{
    position:fixed; top:0; right:0; bottom:0;
    width:min(84vw,340px); left:auto; margin:0;
    z-index:2000;
    display:flex; flex-direction:column; align-items:stretch;
    background:#fff; box-shadow:-16px 0 50px rgba(4,27,54,.2);
    transform:translateX(102%);
    transition:transform .4s var(--ease);
    overflow-y:auto; -webkit-overflow-scrolling:touch;
    padding-bottom:env(safe-area-inset-bottom,0);
  }
  .y-nav.open{ transform:translateX(0); }
  .y-nav-head{
    display:flex; align-items:center; gap:10px;
    padding:18px 20px; border-bottom:1px solid var(--line-2);
    position:sticky; top:0; background:#fff; z-index:2;
  }
  .y-nav-head .y-brand-txt b{ color:var(--ink); }
  .y-nav-close{
    display:inline-flex; align-items:center; justify-content:center;
    position:absolute; right:14px; top:16px; width:36px; height:36px;
    border:0; border-radius:10px; background:var(--bg-soft); color:var(--txt-2);
    z-index:5;
  }
  .y-nav-list{ display:flex; flex-direction:column; align-items:stretch; gap:0; padding:6px 0; }
  .y-nav-item{ width:100%; }
  .y-nav-item > a{
    height:auto; padding:15px 20px; font-size:15.5px;
    justify-content:space-between; border-bottom:1px solid var(--line-2);
  }
  .y-nav-item > a::after{ display:none; }
  .y-nav-item.is-active > a{ color:var(--brand); background:rgba(11,90,168,.05); }
  /* 移动端下拉：静态展开，禁止桌面 hover 覆盖 */
  .y-drop,
  .y-nav-item:hover .y-drop,
  .y-nav-item.open .y-drop{
    position:static; left:auto; top:auto; transform:none !important;
    width:100%; min-width:0; padding:0; margin:0;
    background:var(--bg-soft); border:0; border-radius:0;
    box-shadow:none; opacity:1; visibility:visible; pointer-events:auto;
    display:none;
  }
  .y-drop::before{ display:none; }
  .y-nav-item.open .y-drop{ display:block; }  .y-drop a{ padding:12px 20px 12px 34px; font-size:14px; border-radius:0; }
  .y-drop a svg{ display:none; }
  .y-caret{ transition:transform .3s var(--ease); }
  .y-nav-item.open .y-caret{ transform:rotate(180deg); }
  .y-nav-foot{
    display:flex; flex-direction:column; gap:10px; margin-top:auto;
    padding:20px; border-top:1px solid var(--line-2); background:#fff;
  }
  .y-nav-foot .tel{
    display:inline-flex; align-items:center; justify-content:center; gap:7px;
    height:44px; border-radius:999px; background:var(--bg-soft);
    color:var(--brand); font-weight:700; letter-spacing:.6px;
  }
  body.nav-open{ overflow:hidden; }
  body.nav-open .float-service,
  body.nav-open .y-backtop{ display:none !important; }

  /* 内容区块移动适配 */
  .y-sec{ padding:48px 0; }
  .y-sec-head{ flex-direction:column; align-items:flex-start; gap:14px; }
  .y-sec-head-c{ align-items:center; }
  .y-sec-head-r{ padding-bottom:0; }
  .y-stats{ margin-top:-40px; }
  .y-stat{ padding:22px 14px; }
  .y-stat-ic{ width:40px; height:40px; margin-bottom:10px; }
  .y-series-grid{ grid-template-columns:repeat(2,1fr); gap:14px; }
  .y-pcard-body{ padding:15px 15px 16px; }
  .y-pcard-body h3{ font-size:14.5px; }
  .y-pcard-body p{ font-size:12.5px; -webkit-line-clamp:2; }
  .y-case-grid{ grid-template-columns:1fr; }
  .y-case-lead{ grid-column:span 1; grid-template-columns:1fr; }
  .y-case-lead .y-case-img{ min-height:200px; aspect-ratio:16/9.6; }
  .y-case-lead .y-case-body{ padding:20px; }
  .y-case-lead h3{ font-size:16px; }
  .y-hosp-grid{ grid-template-columns:1fr 1fr; gap:14px; }
  .y-honor-grid{ grid-template-columns:repeat(3,1fr); gap:12px; }
  .y-trial-badge{ left:8px; top:12px; padding:10px 14px; }
  .y-about-float{ right:10px; bottom:-14px; padding:14px 16px; }
  .y-cta-inner{ flex-direction:column; align-items:flex-start; }
  .y-foot-main{ grid-template-columns:1fr; gap:28px; }
  .y-foot-brand{ grid-column:span 1; }
  .y-foot-bottom .y-container{ flex-direction:column; align-items:flex-start; gap:10px; }
  .y-backtop{ right:16px; bottom:90px; width:40px; height:40px; }
  .y-hero-arrow{ display:none; }
  .y-hero-ctl{ bottom:22px; }
}

@media (max-width:640px){
  body{ font-size:14px; }
  .y-container{ padding:0 16px; }
  .y-topbar .y-container{ height:34px; font-size:11.5px; }
  .y-topbar-right{ display:none; }
  .y-topbar-left{ width:100%; }
  .y-hero{ height:clamp(400px,102vw,520px); }
  .y-hero-txt h1{ font-size:25px; line-height:1.35; }
  .y-hero-txt p{ font-size:13.5px; margin-top:14px; }
  .y-hero-btns{ margin-top:24px; gap:10px; }
  .y-hero-btns .y-btn{ height:42px; padding:0 20px; font-size:13.5px; flex:1 1 0; min-width:0; justify-content:center; }
  /* 移动端轮播控制条与首屏按钮会重叠，下移并缩小 */
  .y-hero-ctl{ bottom:16px; gap:5px; padding:5px 9px; transform:translateX(-50%) scale(.92); }
  /* 移动端首屏数据卡改为隐藏（内容已在页面统计条完整呈现），避免遮挡文案 */
  .y-hero-stats{ display:none; }
  /* 原站 banner 图片底部自带「云胶片、云影像平台」字样，窄屏裁切后正好压在按钮上。
     上移取景 + 底部实心渐隐，确保按钮区域为纯色底，文字完全不可见。 */
  .y-hero-bg{ object-position:center 22%; }
  .y-hero-item::after{
    background:
      linear-gradient(100deg,rgba(4,27,54,.96) 0%,rgba(6,47,92,.86) 46%,rgba(9,62,118,.5) 74%,rgba(11,90,168,.3) 100%),
      linear-gradient(180deg,transparent 44%,rgba(5,32,64,.72) 68%,rgba(4,27,54,.96) 88%);
  }
  .y-hero-badge{ margin-bottom:16px; height:28px; font-size:11.5px; }
  .y-stats-inner{ grid-template-columns:1fr 1fr; border-radius:18px; }
  .y-stat b{ font-size:24px; }
  .y-stat span{ font-size:12px; margin-top:7px; }
  .y-series-tabs{ gap:8px; }
  .y-series-tab{ height:40px; padding:0 16px; font-size:13px; }
  .y-series-tab .n{ display:none; }
  .y-series-grid{ grid-template-columns:1fr; }
  .y-pcard{ flex-direction:row; }
  .y-pcard-img{ width:120px; flex:0 0 auto; aspect-ratio:1/1; }
  .y-pcard-body{ padding:14px; gap:6px; }
  .y-pcard-body h3{ font-size:14.5px; -webkit-line-clamp:1; }
  .y-pcard-body p{ -webkit-line-clamp:2; }
  .y-pcard-foot{ padding-top:8px; }
  .y-hosp-grid{ grid-template-columns:1fr; }
  .y-honor-grid{ grid-template-columns:repeat(2,1fr); }
  .y-news-lead{ min-height:250px; }
  .y-news-lead-body{ padding:20px; }
  .y-news-lead-body h3{ font-size:16px; }
  .y-form-row{ grid-template-columns:1fr; }
  .y-fb-box{ padding:24px 18px; border-radius:18px; }
  .y-trial-step{ padding:13px 14px; }
  .y-brand-cell{ width:150px; height:80px; }
  .y-foot-tel b{ font-size:20px; }
  .y-arch-tabs .y-arch-tab{ height:36px; padding:0 14px; font-size:12.5px; }
  .y-arch-li{ padding:13px 14px; }
}

/* 禁止动效偏好 */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  html{ scroll-behavior:auto; }
}

/* ============================================================
   小屏：为右侧悬浮服务栏预留安全边距，避免遮挡正文与按钮
   ============================================================ */
@media (max-width:768px){
  /* 卡片类正文右侧留白 */
  .y-case-body, .y-pcard-body, .y-nrow-body, .y-article, .y-rich{ padding-right:4px; }
  .y-case-meta{ padding-right:56px; }
  .y-pcard-foot{ padding-right:56px; }
  /* 首屏按钮不进入悬浮栏区域 */
  .y-hero-btns{ padding-right:8px; }
  /* 手机端正文里的右对齐操作统一让位 */
  .y-sec-head-r{ padding-right:52px; }
}