/* ==========================================================================
   华博内镜医生集团 · 企业官网 · 全局样式 v2
   设计 token 与组件样式摘自《企业官网设计方案》
   页面：index / about / xiluqing / system / cases / news / contact
   ========================================================================== */
:root{
  /* 主色（医疗科技蓝 · 主题色 #1a6bb3 · 信任 / 专业） */
  --primary: #1A6BB3;
  --primary-600: #175B97;
  --primary-700: #124878;
  --primary-100: #EAF3FB;
  --primary-200: #D5E7F6;
  /* 强调色（药食同源琥珀 · 唯一强调，极少量） */
  --accent: #8A5A20;
  --accent-100: #F8EFE0;
  /* 语义 */
  --success: #2E9E80;
  --success-100: #E7F6F0;
  --warning: #F2994A;
  --danger: #E05B5B;
  /* 文字：副标题/正文/卡片标题用近黑；主标题标签单独用品牌深蓝 */
  --text-900: #1a1a1a;
  --title-main: #183c8f;
  --text-700: #43536A;
  --text-500: #5A6B7E;
  --text-300: #9FAFBF;
  /* 边框 / 分隔 / 底色 */
  --border: #E1E8F0;
  --divider: #E7EDF3;
  --bg: #EEF3F8;
  --surface: #fff;
  --footer: #0E2A44;
  /* 深色案例卡（压住照片红色 · 与主色同族） */
  --case-bg: #1C2E40;
  --case-fg: #FFFFFF;
  --case-muted: #B9C7D6;
  --case-chip: #8EC5F2;
  /* 圆角 */
  --r-card: 14px;
  --r-btn: 10px;
  --r-img: 10px;
  --r-pill: 999px;
  /* 阴影（冷蓝灰底，层次更柔和） */
  --shadow-xs: 0 1px 2px rgba(12,32,52,.06);
  --shadow-sm: 0 1px 2px rgba(12,32,52,.06), 0 4px 14px -6px rgba(12,32,52,.10);
  --shadow-md: 0 14px 32px -16px rgba(12,32,52,.20);
  --shadow-lg: 0 24px 56px -20px rgba(12,32,52,.26);
  --shadow-nav: 0 1px 0 rgba(12,32,52,.04), 0 8px 24px -18px rgba(12,32,52,.12);
  /* 字体 */
  --font-sans: "Inter","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC","Source Han Sans SC",-apple-system,sans-serif;
  --font-display: "Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif;
  --ease: 220ms cubic-bezier(.2,.7,.2,1);
}

/* ==========================================================================
   基础重置
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--font-sans);
  font-size:16px;line-height:1.75;color:var(--text-700);
  background:var(--surface);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none}
ul{list-style:none}
img{max-width:100%;height:auto;display:block}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
input,select,textarea{font-family:inherit;font-size:16px;color:var(--text-900)}
svg{display:block}
:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--primary);color:#fff;padding:10px 18px;z-index:2000;border-radius:0 0 8px 0;font-weight:600}
.skip-link:focus{left:0}
[id]{scroll-margin-top:88px}

/* ==========================================================================
   布局工具
   ========================================================================== */
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.section{padding:80px 0}
.section--bg{background:var(--bg)}
.section--tint{background:linear-gradient(180deg,var(--primary-100) 0%,var(--bg) 100%)}

/* 区块标题 */
.sec-head{max-width:720px;margin:0 auto 48px;text-align:center}
.sec-head--left{text-align:left;margin-left:0;margin-right:auto}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--primary);
  background:var(--primary-100);border:1px solid var(--primary-200);border-radius:var(--r-pill);
  padding:5px 14px;margin-bottom:16px;
}
.sec-title{font-family:var(--font-display);font-size:32px;line-height:1.35;font-weight:700;color:var(--text-900);letter-spacing:0}
.sec-desc{font-size:16px;line-height:1.8;color:var(--text-500);margin-top:14px}

/* ==========================================================================
   按钮
   ========================================================================== */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:46px;padding:0 26px;border-radius:var(--r-btn);
  font-size:15px;font-weight:600;letter-spacing:.02em;line-height:1;
  transition:background-color var(--ease),border-color var(--ease),color var(--ease),transform var(--ease),box-shadow var(--ease);
  white-space:nowrap;
}
.btn:active{transform:translateY(0)}
.btn--primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}
.btn--primary:hover{background:var(--primary-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}
.btn--primary:active{background:var(--primary-700);transform:translateY(0)}
.btn--secondary{background:var(--surface);color:var(--primary);border:1px solid var(--primary)}
.btn--secondary:hover{background:var(--primary-100)}
.btn--lg{height:50px;padding:0 30px;font-size:16px}
.btn--sm{height:38px;padding:0 18px;font-size:14px}
.btn--block{width:100%}
.btn .arrow{transition:transform var(--ease)}
.btn:hover .arrow{transform:translateX(3px)}
.link-arrow{
  display:inline-flex;align-items:center;gap:6px;
  color:var(--primary);font-size:15px;font-weight:600;letter-spacing:.02em;
}
.link-arrow:hover{color:var(--primary-600)}
.link-arrow .arrow{transition:transform var(--ease)}
.link-arrow:hover .arrow{transform:translateX(3px)}

/* ==========================================================================
   顶部导航
   ========================================================================== */
.site-header{
  position:sticky;top:0;z-index:100;height:72px;
  background:rgba(255,255,255,.86);
  -webkit-backdrop-filter:blur(14px) saturate(160%);
  backdrop-filter:blur(14px) saturate(160%);
  border-bottom:1px solid transparent;
  transition:box-shadow var(--ease),border-color var(--ease),background-color var(--ease);
}
.site-header.scrolled{background:rgba(255,255,255,.94);box-shadow:var(--shadow-nav);border-color:var(--divider)}
.nav{display:flex;align-items:center;height:72px;gap:32px}
.logo{display:flex;align-items:center;gap:11px;flex-shrink:0}
.logo-mark{width:40px;height:40px;flex-shrink:0}
.logo-img{height:38px;width:auto;display:block;flex-shrink:0}
.logo-text{display:flex;flex-direction:column;line-height:1.15}
.logo-text strong{font-size:17px;font-weight:700;color:var(--text-900);letter-spacing:0;white-space:nowrap}
.logo-text span{font-size:10px;font-weight:500;color:var(--text-500);letter-spacing:.08em;white-space:nowrap}
.nav-menu{display:flex;align-items:center;gap:4px;margin-left:auto}
.nav-item{position:relative}
.nav-link{
  display:inline-flex;align-items:center;gap:5px;
  font-size:15px;font-weight:600;color:var(--text-700);letter-spacing:.02em;
  padding:8px 13px;border-radius:9px;position:relative;
  transition:color var(--ease),background-color var(--ease);
}
.nav-link:hover{color:var(--primary);background:var(--primary-100)}
.nav-link.active{color:var(--primary);background:var(--primary-100)}
.nav-link .chev{width:14px;height:14px;transition:transform var(--ease)}
.nav-item:hover .nav-link .chev{transform:rotate(180deg)}
/* 二级菜单 */
.dropdown{position:absolute;top:calc(100% + 10px);left:0;min-width:232px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-lg);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity var(--ease),transform var(--ease),visibility var(--ease)}
.dropdown::before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}
.nav-item:hover .dropdown,.nav-item:focus-within .dropdown,.nav-item.open .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown a{display:block;padding:11px 14px;border-radius:9px;font-size:15px;font-weight:500;color:var(--text-700);white-space:nowrap;transition:background-color var(--ease),color var(--ease)}
.dropdown a:hover{background:var(--primary-100);color:var(--primary)}
.dropdown a small{display:block;font-size:12px;font-weight:400;color:var(--text-500);margin-top:2px}
.dropdown a.current{background:var(--primary-100);color:var(--primary)}
.nav-cta{flex-shrink:0}
.nav-burger{display:none;width:44px;height:44px;align-items:center;justify-content:center;border-radius:10px;color:var(--text-900)}
.nav-burger:hover{background:var(--primary-100)}
.nav-burger svg{width:26px;height:26px}

/* ==========================================================================
   页头（内页）
   ========================================================================== */
.page-hero{padding:88px 0 48px;background:linear-gradient(180deg,var(--primary-100) 0%,var(--surface) 100%)}
.page-hero h1{font-family:var(--font-display);font-size:40px;line-height:1.3;font-weight:700;color:var(--text-900);letter-spacing:0}
.page-hero p{font-size:16px;color:var(--text-500);margin-top:14px;max-width:680px}

/* ==========================================================================
   首页 · Hero
   ========================================================================== */
.hero{
  position:relative;overflow:hidden;text-align:center;padding:120px 0 116px;
  background:
    linear-gradient(rgba(115,170,218,.45),rgba(115,170,218,.45)),
    url('hero-bg.jpg') center/cover no-repeat,
    var(--primary-100);
}
.hero-inner{position:relative;max-width:900px;margin:0 auto;z-index:1}
.hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--primary);background:var(--surface);border:1px solid var(--primary-200);border-radius:var(--r-pill);padding:7px 18px;margin-bottom:28px;box-shadow:var(--shadow-xs)}
.hero-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}
.hero h1{font-family:var(--font-display);font-size:48px;line-height:1.3;font-weight:700;color:var(--text-900);letter-spacing:0;white-space:nowrap}
.hero h1 .brand{color:var(--primary-700)}
.hero-sub{font-size:18px;line-height:1.7;color:var(--text-700);max-width:520px;margin:24px auto 0;letter-spacing:0}
.hero-actions{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:40px}
/* 平板窄带宽（768–919px）：主标语字号收紧，保证“做中国人自己的肠道微生态健康管理品牌”单行呈现 */
@media (min-width:768px) and (max-width:919px){
  .hero h1{font-size:38px}
}

/* ==========================================================================
   首页 · 品牌介绍（Hero 下 · 探索企业入口）
   ========================================================================== */
.intro-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;align-items:center}
.intro-aside h2{font-family:var(--font-display);font-size:38px;line-height:1.4;font-weight:700;color:var(--text-900);letter-spacing:0;margin-top:4px}
.intro-caption{margin-top:16px;font-size:12px;font-weight:600;letter-spacing:.1em;color:var(--text-500)}
.intro-body p{font-size:17px;line-height:2;color:var(--text-700);letter-spacing:0}
.intro-body p + p{margin-top:14px}
.intro-body .btn{margin-top:30px}

/* ==========================================================================
   核心数据（并入品牌介绍 · 数据带）
   ========================================================================== */
.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:56px;padding-top:36px;border-top:1px solid var(--divider)}
.stat{padding:0 28px;text-align:left}
.stat:first-child{padding-left:0}
.stat:last-child{padding-right:0}
.stat + .stat{border-left:1px solid var(--divider)}
.stat-value{display:flex;align-items:baseline;justify-content:flex-start;gap:6px;font-size:40px;line-height:1.2;font-weight:700;color:var(--primary);font-variant-numeric:tabular-nums;letter-spacing:0}
.stat-value .unit{font-size:20px;font-weight:600}
.stat-value.is-word{font-size:32px}
.stat-label{font-size:15px;font-weight:600;color:var(--text-900);margin-top:10px}
.stat-note{font-size:13px;line-height:1.7;color:var(--text-500);margin-top:6px}

/* ==========================================================================
   卡片
   ========================================================================== */
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:28px;box-shadow:var(--shadow-xs);transition:box-shadow var(--ease),transform var(--ease),border-color var(--ease)}
.card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:var(--primary-200)}
.card h3{font-size:18px;line-height:1.5;font-weight:600;color:var(--text-900);letter-spacing:0}
.card p{font-size:15px;line-height:1.8;color:var(--text-700);margin-top:10px}

/* 快速入口 */
.quick{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:900px;margin:0 auto}
.quick-card{position:relative;border-radius:var(--r-card);padding:30px 26px;min-height:156px;display:flex;flex-direction:column;box-shadow:var(--shadow-xs);transition:transform var(--ease),box-shadow var(--ease),border-color var(--ease)}
.quick-card:hover{transform:translateY(-3px)}
.quick-card .q-title{font-size:18px;line-height:1.5;font-weight:700;letter-spacing:0}
.quick-card .q-desc{font-size:14px;line-height:1.7;margin-top:10px}
.quick-card .q-arrow{position:absolute;bottom:26px;right:26px;width:22px;height:22px;transition:transform var(--ease)}
.quick-card:hover .q-arrow{transform:translateX(3px)}
.quick-card--primary{background:var(--primary);color:#fff;box-shadow:0 14px 30px -14px var(--primary-700)}
.quick-card--primary .q-title{color:#fff}
.quick-card--primary .q-desc{color:rgba(255,255,255,.84)}
.quick-card--primary .q-arrow{color:#fff}
.quick-card--primary:hover{box-shadow:0 20px 40px -18px var(--primary-700)}
.quick-card--plain{background:var(--surface);border:1px solid var(--border)}
.quick-card--plain .q-title{color:var(--text-900)}
.quick-card--plain .q-desc{color:var(--text-500)}
.quick-card--plain .q-arrow{color:var(--primary)}
.quick-card--plain:hover{box-shadow:var(--shadow-md);border-color:var(--primary-200)}

/* 底部条（首页） */
.contact-strip{
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);
  padding:44px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;box-shadow:var(--shadow-xs);
}
.contact-strip .cs-main h3{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text-900)}
.contact-strip .cs-main p{font-size:15px;color:var(--text-500);margin-top:8px}
.cs-side{display:flex;align-items:center;gap:28px}
.cs-qr{display:flex;flex-direction:column;align-items:center;gap:8px}
.cs-qr .qr-box{width:104px;height:104px;border-radius:12px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-300)}
.cs-qr span{font-size:12px;color:var(--text-500);letter-spacing:.02em}
.qr-box img{display:block;width:100%;height:100%;object-fit:contain;background:#fff;border-radius:12px}

/* ==========================================================================
   二维码放大预览（lightbox）
   ========================================================================== */
.qr-box{cursor:zoom-in;transition:transform var(--ease),box-shadow var(--ease)}
.qr-box:hover{transform:translateY(-2px)}
.qr-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility 0s linear .2s}
.qr-modal[hidden]{display:flex}
.qr-modal.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s ease,visibility 0s}
.qr-modal__backdrop{position:absolute;inset:0;background:rgba(10,22,34,.62);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transform:translateZ(0)}
.qr-modal__box{position:relative;background:var(--surface);border-radius:var(--r-card);padding:32px 28px 26px;box-shadow:var(--shadow-lg);text-align:center;max-width:calc(100vw - 48px);transform:scale(.96);transition:transform .2s var(--ease)}
.qr-modal.is-open .qr-modal__box{transform:scale(1)}
.qr-modal__img{display:block;width:min(300px,70vw);height:min(300px,70vw);object-fit:contain;background:#fff;border-radius:10px}
.qr-modal__img.is-pixel{image-rendering:pixelated}
.qr-modal__caption{margin-top:16px;font-size:14px;font-weight:600;color:var(--text-700);letter-spacing:.02em}
.qr-modal__close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:var(--bg);color:var(--text-700);display:flex;align-items:center;justify-content:center;transition:background-color var(--ease),color var(--ease)}
.qr-modal__close:hover{background:var(--primary-100);color:var(--primary)}
body.qr-open{overflow:hidden}

/* ==========================================================================
   图标容器
   ========================================================================== */
.icon-chip{width:48px;height:48px;border-radius:12px;background:var(--primary-100);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.icon-chip svg{width:24px;height:24px}

/* ==========================================================================
   功能网格 / 场景
   ========================================================================== */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}

/* 无框能力/合作项：留白取代盒子（减少卡片海洋） */
.grid-plain .card{background:transparent;border:0;border-radius:0;box-shadow:none;padding:24px 0}
.grid-plain .card:hover{transform:none;box-shadow:none;border-color:transparent}
.grid-plain .card h3{transition:color var(--ease)}
.grid-plain .card:hover h3{color:var(--primary)}

/* 四类典型应用场景 */
.scene-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:0 auto}
.scene-item{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 24px 34px;background:var(--surface);border:1px solid var(--divider);border-radius:18px;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}
.scene-item::before{content:"";position:absolute;top:0;left:50%;width:0;height:2px;background:var(--primary);transform:translateX(-50%);transition:width .45s var(--ease)}
.scene-item:hover{transform:translateY(-4px);border-color:var(--primary-200);box-shadow:var(--shadow-md)}
.scene-item:hover::before{width:100%}
.scene-item h3{font-family:var(--font-display);font-size:19px;font-weight:600;color:var(--text-900);letter-spacing:0;margin-top:0;text-wrap:balance}
.scene-item h3::after{content:"";display:block;width:24px;height:1px;background:var(--primary-200);margin:14px auto 0}
.scene-icon{width:68px;height:68px;border-radius:50%;background:linear-gradient(145deg,var(--primary) 0%,var(--primary-700) 100%);display:flex;align-items:center;justify-content:center;margin-bottom:22px;box-shadow:0 16px 30px -18px rgba(18,72,120,.55),0 0 0 7px rgba(115,170,218,.10)}
.scene-icon svg{width:36px;height:36px}
.scene-icon .f-white{fill:#fff}
.scene-icon .f-200{fill:var(--primary-200)}
.scene-icon .f-700{fill:var(--primary-700)}
.scene-icon .st-200{stroke:var(--primary-200)}
.scene-icon .st-700{stroke:var(--primary-700)}
.scene-cap{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 12px;margin-top:20px}
.scene-cap li{position:relative;font-size:14px;line-height:1.5;color:var(--text-500);letter-spacing:.01em}
.scene-cap li + li{padding-left:13px}
.scene-cap li + li::before{content:"";position:absolute;left:0;top:50%;width:3px;height:3px;border-radius:50%;background:var(--primary-200);transform:translateY(-50%)}

/* 系统应用案例 */
.sys-case__tag{display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--primary);background:var(--primary-100);border-radius:var(--r-pill);padding:5px 13px}
.sys-case h3{margin-top:16px}

/* 系统功能汇总图（白底展示） */
.system-overview{max-width:1022px;margin:52px auto 0}
.system-overview img{display:block;width:100%;height:auto}

/* VitaFlow 顶部背景横幅（全宽通栏，拉伸铺满，从容器最顶部渲染） */
section#system{overflow:hidden;padding-top:0;margin-top:0}
.system-hero{position:relative;width:100vw;max-width:none;margin:0 0 0 calc(50% - 50vw);padding:84px 48px;background-size:cover;background-position:top center;overflow:hidden;box-shadow:none;border-radius:0}
.system-hero::before{content:"";position:absolute;inset:0;background:rgba(115,170,218,.40);pointer-events:none}
.system-hero>*{position:relative;z-index:1}
.system-hero .sec-title{color:#1a1a1a}
.system-hero .sec-desc{color:#43536A;max-width:860px;margin-left:auto;margin-right:auto}
@media (max-width:767px){
  .system-hero{padding:48px 24px}
  .system-hero .sec-title{font-size:26px}
}

/* 合作案例 · 顶部背景横幅（全宽通栏，拉伸铺满，从容器最顶部渲染，原标题颜色保持不变） */
section#cases{overflow:hidden;padding-top:0;margin-top:0}
.cases-hero{position:relative;width:100vw;max-width:none;margin:0 0 0 calc(50% - 50vw);padding:84px 48px;background-size:cover;background-position:top center;overflow:hidden;box-shadow:none;border-radius:0}
.cases-hero::before{content:"";position:absolute;inset:0;background:rgba(115,170,218,.40);pointer-events:none}
.cases-hero>*{position:relative;z-index:1}
@media (max-width:767px){
  .cases-hero{padding:48px 24px}
}

/* 新闻动态 · 顶部背景横幅（与「合作案例」顶部样式一致） */
section#news{overflow:hidden;padding-top:0;margin-top:0}
.news-hero{position:relative;width:100vw;max-width:none;margin:0 0 0 calc(50% - 50vw);padding:84px 48px;background-size:cover;background-position:top center;overflow:hidden;box-shadow:none;border-radius:0}
.news-hero::before{content:"";position:absolute;inset:0;background:rgba(115,170,218,.40);pointer-events:none}
.news-hero>*{position:relative;z-index:1}
@media (max-width:767px){
  .news-hero{padding:48px 24px}
}

/* 联系我们 · 顶部背景横幅（与「合作案例」顶部样式一致） */
section#contact{overflow:hidden;padding-top:0;margin-top:0;background:var(--surface)}
section#contact .contact-layout{margin-top:76px}
@media (max-width:767px){
  section#contact .contact-layout{margin-top:48px}
}
.contact-hero{position:relative;width:100vw;max-width:none;margin:0 0 0 calc(50% - 50vw);padding:84px 48px;background-size:cover;background-position:top center;overflow:hidden;box-shadow:none;border-radius:0}
.contact-hero::before{content:"";position:absolute;inset:0;background:rgba(115,170,218,.40);pointer-events:none}
.contact-hero>*{position:relative;z-index:1}
@media (max-width:767px){
  .contact-hero{padding:48px 24px}
}

/* 三层产品体系 */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.tier{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xs);transition:box-shadow var(--ease),transform var(--ease),border-color var(--ease)}
.tier:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:var(--primary-200)}
.tier-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--bg)}
.tier-media img{display:block;width:100%;height:100%;object-fit:cover}
.tier-num{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:28px;padding:0 10px;border-radius:var(--r-pill);background:rgba(255,255,255,.92);color:var(--primary-700);font-size:13px;font-weight:700;letter-spacing:.04em;box-shadow:var(--shadow-xs)}
.tier-body{padding:30px 26px;display:flex;flex-direction:column;flex:1}
.tier-step{font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--text-500);text-transform:uppercase}
.tier h3{font-size:20px;line-height:1.4;font-weight:700;color:var(--text-900);margin-top:8px}
.tier p{font-size:15px;line-height:1.8;color:var(--text-700);margin-top:12px}
.tier-tag{align-self:flex-start;margin-top:18px;display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.02em;border-radius:var(--r-pill);padding:5px 13px}
.tier-tag--primary{background:var(--primary-100);color:var(--primary)}
.tier-tag--accent{background:var(--accent-100);color:var(--accent)}
.tier-tag--deep{background:var(--primary-100);color:var(--footer)}
.tiers-note{text-align:center;font-size:14px;color:var(--text-500);margin-top:24px}
.xq-cta{margin-top:36px;padding:36px 32px;background:var(--primary-100);border:1px solid var(--primary-200);border-radius:var(--r-card);text-align:center}
.xq-cta__actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
.xq-cta__hint{margin-top:16px;font-size:14px;color:var(--text-700)}
.btn svg{width:18px;height:18px;flex-shrink:0}
.xq-cta .btn{font-family:inherit;cursor:pointer}

/* 研发逻辑引言 */
.quote-block{background:var(--primary-100);border:1px solid var(--primary-200);border-radius:var(--r-card);padding:52px 60px;max-width:820px;margin:0 auto;text-align:center}
.quote-block p{font-size:17px;line-height:2;color:var(--text-700);letter-spacing:0}

/* 息落清 · 品牌错位分栏 */
/* 息落清 · 品牌介绍横幅（全段背景图铺满，顶部对齐，叠 55% 白色图层弱化冷色，标题颜色不变） */
section#xiluqing{position:relative;overflow:hidden;background-color:var(--surface);background-position:top center;background-size:cover;background-repeat:no-repeat}
section#xiluqing::before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.80);pointer-events:none}
section#xiluqing>*{position:relative;z-index:1}
.brand-split{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:start}
.brand-split__main .sec-title{font-size:34px}
.brand-split__lead{font-size:18px;line-height:1.8;color:var(--text-700);margin-top:18px}
.brand-split__body{font-size:16px;line-height:1.9;color:var(--text-500);margin-top:18px;max-width:60ch}
.brand-split__panel{background:var(--primary-100);border-radius:var(--r-card);padding:36px 32px}
.brand-split__kicker{font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--primary-700);text-transform:uppercase}
.brand-points{margin-top:18px;display:flex;flex-direction:column;gap:14px}
.brand-points li{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.7;color:var(--text-700)}
.brand-points li::before{content:"";flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:9px}
@media (max-width:767px){.brand-split{grid-template-columns:1fr;gap:32px}}

/* ==========================================================================
   关于我们 · 集团介绍（愿景 / 使命 / 价值观）
   ========================================================================== */
/* 关于我们模块 · 全宽背景横幅：拉伸铺满，从容器最顶部渲染，原标题样式颜色保持不变 */
section#about{position:relative;overflow:hidden;margin-top:0;padding-top:0;background-color:var(--bg);background-position:top center;background-size:cover;background-repeat:no-repeat}
section#about::before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.55);pointer-events:none}
section#about>.container{position:relative;z-index:1;padding-top:72px}
@media (max-width:767px){
  section#about>.container{padding-top:48px}
}
.about-lead{font-size:17px;line-height:1.9;color:var(--text-700);max-width:820px;letter-spacing:.03em}
.about-lead strong{font-weight:600}
.about-values{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);overflow:hidden}
.about-value{position:relative;padding:36px 32px 34px;display:flex;flex-direction:column;align-items:flex-start}
.about-value + .about-value{border-left:1px solid var(--divider)}
.about-value__num{font-size:12px;font-weight:600;letter-spacing:.1em;color:var(--primary);font-variant-numeric:tabular-nums;margin-bottom:18px}
.about-value__kicker{font-size:13px;font-weight:600;letter-spacing:.05em;color:var(--primary-700)}
.about-value__text{font-family:var(--font-display);font-size:21px;line-height:1.6;font-weight:700;color:var(--text-900);margin-top:14px;letter-spacing:0}
.about-value__en{font-size:13px;line-height:1.7;color:var(--text-500);margin-top:10px;letter-spacing:.02em}
.about-value__list{margin-top:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px 18px}
.about-value__list li{display:flex;flex-direction:column;gap:2px;line-height:1.5}
.about-value__list li strong{font-size:15px;font-weight:600;color:var(--text-900)}
.about-value__list li span{font-size:11px;color:var(--text-500);letter-spacing:.06em;text-transform:uppercase}

/* ==========================================================================
   关于我们 · 创始人
   ========================================================================== */
[data-od-id="about-founder-section"]{padding-top:40px}
.founder{display:grid;grid-template-columns:400px 1fr;gap:56px;align-items:center}
.founder-photo{position:relative;border-radius:var(--r-img);overflow:hidden;background:linear-gradient(160deg,var(--primary-100),var(--bg));border:1px solid var(--border);aspect-ratio:4/5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--text-300);box-shadow:var(--shadow-md)}
.founder-photo svg{width:64px;height:64px;stroke:var(--text-300)}
.founder-photo span{font-size:13px;letter-spacing:.02em;color:var(--text-500)}
.founder-info h2{font-family:var(--font-display);font-size:28px;line-height:1.3;font-weight:700;color:var(--text-900)}
.founder-info .role{font-size:14px;font-weight:600;color:var(--primary);letter-spacing:.04em;margin-top:8px}
.founder-list{margin-top:24px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px 32px}
.founder-list li{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.8;color:var(--text-700)}
.founder-list li .dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:11px}

/* 品牌定位语 */
.slogan{background:var(--footer);padding:110px 0;text-align:center}
.slogan p{font-family:var(--font-display);font-size:32px;line-height:1.5;font-weight:700;color:#fff;max-width:820px;margin:0 auto;letter-spacing:0}
.slogan p em{font-style:normal;color:#E5B36A}

/* ==========================================================================
   案例展示
   ========================================================================== */
.case-grid{display:grid;grid-template-columns:1fr;gap:28px;max-width:960px;margin:0 auto}
.case-card{display:flex;align-items:center;gap:32px;background:var(--surface);border:1px solid var(--divider);border-radius:var(--r-card);padding:24px;box-shadow:var(--shadow-sm);transition:box-shadow var(--ease),transform var(--ease)}
.case-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}
.case-card__media{flex:0 0 240px;width:240px;aspect-ratio:4/3;overflow:hidden;background:var(--footer);border-radius:10px}
.case-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--ease)}
.case-card:hover .case-card__media img{transform:scale(1.04)}
.case-card__body{flex:1;min-width:0}
.case-card__tag{display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--primary-700);background:var(--primary-100);border:1px solid var(--primary-200);border-radius:var(--r-pill);padding:5px 13px}
.case-card h3{font-family:var(--font-display);font-size:20px;line-height:1.4;font-weight:600;color:var(--text-900);margin-top:12px;letter-spacing:0}
.case-card p{font-size:15px;line-height:1.8;color:var(--text-500);margin-top:8px}
/* 案例卡片 · 宽卡片（含案例图库） */
.case-card--wide{display:block}
.case-card--wide .case-card__head{display:flex;align-items:center;gap:32px}
.case-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 20px;margin-top:28px;padding-top:26px;border-top:1px solid var(--divider)}
.case-gallery__item{display:flex;flex-direction:column;gap:10px}
.case-gallery__label{align-self:flex-start;display:inline-flex;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--primary-700);background:var(--primary-100);border:1px solid var(--primary-200);border-radius:var(--r-pill);padding:5px 14px}
.case-gallery__media{margin:0;width:100%;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:var(--footer);border:1px solid var(--divider)}
.case-gallery__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--ease)}
.case-gallery__item:hover .case-gallery__media img{transform:scale(1.04)}
.case-note{font-size:12px;color:var(--text-300);letter-spacing:.02em;text-align:right;margin-top:12px}

/* ==========================================================================
   合作案例 · 重要合作伙伴
   ========================================================================== */
.partners{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 48px;max-width:960px;margin:0 auto}
.partner{display:flex;align-items:center;gap:16px}
.partner img{width:96px;height:48px;object-fit:contain;flex-shrink:0}
.partner span{font-size:15px;font-weight:600;color:var(--text-900);letter-spacing:0}
.js .partners.in .partner{animation:partnerIn .5s var(--ease) backwards;animation-delay:calc(var(--i) * 60ms)}
@keyframes partnerIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (max-width:767px){
  .partners{grid-template-columns:1fr;gap:20px}
}
@media (prefers-reduced-motion:reduce){
  .js .partners.in .partner{animation:none}
}

/* ==========================================================================
   新闻列表
   ========================================================================== */
.news-list{display:flex;flex-direction:column;margin-top:64px}
.news-item{display:grid;grid-template-columns:110px 1fr auto;gap:28px;align-items:start;padding:26px 0;border-bottom:1px solid var(--divider)}
.news-item:first-child{border-top:1px solid var(--divider)}
.news-item[hidden]{display:none}
.news-meta{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-top:2px}
.news-tag{display:inline-flex;justify-content:center;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--primary);background:var(--primary-100);border-radius:var(--r-pill);padding:5px 13px}
.news-date{font-size:13px;color:var(--text-500);letter-spacing:.02em;font-variant-numeric:tabular-nums}
.news-item h3{font-size:17px;line-height:1.5;font-weight:600;color:var(--text-900);transition:color var(--ease)}
.news-item:hover h3{color:var(--primary)}
.news-item p{font-size:14px;line-height:1.7;color:var(--text-500);margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-item .news-arrow{width:20px;height:20px;color:var(--text-300);transition:color var(--ease),transform var(--ease);margin-top:6px}
.news-item:hover .news-arrow{color:var(--primary);transform:translateX(3px)}
.news-more{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:36px}
.news-more[hidden]{display:none}
.news-more [hidden]{display:none}
.news-end{font-size:13px;color:var(--text-300);letter-spacing:.02em}
.news-item.is-new{animation:newsIn .45s cubic-bezier(.2,.7,.2,1)}
@keyframes newsIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.news-item.is-new{animation:none}}

/* ==========================================================================
   新闻详情（news 页内展开，非独立页）
   ========================================================================== */
.news-list[hidden]{display:none}
.news-detail{margin-top:64px}
.news-detail[hidden]{display:none}
.news-back{
  display:inline-flex;align-items:center;gap:8px;
  font-size:14px;font-weight:600;color:var(--primary);letter-spacing:.02em;
  background:var(--surface);border:1px solid var(--border);
  padding:9px 18px;border-radius:var(--r-pill);
  transition:color var(--ease),background-color var(--ease),border-color var(--ease),box-shadow var(--ease);
}
.news-back:hover{
  color:var(--primary-600);
  background:var(--primary-100);
  border-color:var(--primary-200);
  box-shadow:var(--shadow-sm);
}
.news-back svg{width:16px;height:16px}
.news-detail__head{margin-top:28px;max-width:820px}
.news-detail__title{
  font-family:var(--font-display);font-size:30px;line-height:1.5;
  font-weight:700;color:var(--text-900);letter-spacing:0;margin-top:14px;
}
.news-detail__meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}
.news-detail__author{font-size:13px;color:var(--text-500);letter-spacing:.02em}
.news-detail__rule{height:1px;background:var(--divider);margin:28px 0 40px}

/* 文章正文排版 */
.news-article{max-width:820px}
.news-article p{font-size:16px;line-height:2;color:var(--text-700);letter-spacing:0;margin-bottom:18px}
.news-article h1,.news-article h2,.news-article h3,.news-article h4{
  font-family:var(--font-display);color:var(--text-900);line-height:1.5;
  font-weight:700;margin:28px 0 14px;letter-spacing:0;
}
.news-article h1{font-size:24px}
.news-article h2{font-size:22px}
.news-article h3{font-size:19px}
.news-article h4{font-size:17px}
.news-article img{max-width:100%;height:auto;border-radius:10px;margin:20px auto;display:block}
.news-article ul,.news-article ol{margin:0 0 18px;padding-left:1.4em;color:var(--text-700);line-height:2}
.news-article li{margin-bottom:6px}
.news-article blockquote{margin:24px 0;padding:16px 20px;border-left:3px solid var(--primary);background:var(--bg);border-radius:8px;color:var(--text-700)}
.news-article a{color:var(--primary);text-decoration:underline}
.news-article strong{color:var(--text-900)}
.news-article em{color:var(--text-700)}
.news-article figure{margin:20px 0}
.news-article figcaption{font-size:13px;color:var(--text-300);text-align:center;margin-top:8px}
@media (max-width:767px){
  .news-detail{margin-top:40px}
  .news-detail__title{font-size:23px}
  .news-detail__rule{margin:22px 0 30px}
}

/* ==========================================================================
   联系我们
   ========================================================================== */
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.info-list{display:flex;flex-direction:column;gap:0}
.info-list li{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--divider);align-items:flex-start}
.info-list li .ic{flex-shrink:0;width:42px;height:42px;border-radius:12px;background:var(--primary-100);color:var(--primary);display:flex;align-items:center;justify-content:center}
.info-list li .ic svg{width:20px;height:20px}
.info-list li .k{font-size:13px;color:var(--text-500);letter-spacing:.04em}
.info-list li .v{font-size:16px;font-weight:600;color:var(--text-900);margin-top:3px;line-height:1.6}
.info-list li .v.is-pending{color:var(--text-300);font-weight:400}
.social-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.social-chip{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-700);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-pill);padding:9px 16px}
.hint{font-size:12px;color:var(--text-500);letter-spacing:.02em;line-height:1.7}

/* 表单 */
.form-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:36px;box-shadow:var(--shadow-sm)}
.form-panel h3{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text-900)}
.form-panel .form-note{font-size:13px;color:var(--text-500);margin-top:8px}
.field{margin-top:20px}
.field label{display:block;font-size:14px;font-weight:600;color:var(--text-700);letter-spacing:.02em;margin-bottom:8px}
.field label .req{color:var(--danger);margin-left:2px}
.field input,.field select,.field textarea{
  width:100%;height:46px;padding:0 15px;border:1px solid var(--border);border-radius:var(--r-btn);
  background:var(--surface);color:var(--text-900);transition:border-color var(--ease),box-shadow var(--ease);
}
.field textarea{height:120px;padding:12px 15px;resize:vertical;line-height:1.7}
.field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237A8A9A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:44px}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100);outline:none}
.field input::placeholder,.field textarea::placeholder{color:var(--text-300)}
.field .hint{font-size:12px;color:var(--text-500);margin-top:6px;letter-spacing:.02em}
.form-msg{display:none;margin-top:20px;padding:14px 16px;border-radius:var(--r-btn);font-size:14px;line-height:1.6}
.form-msg.ok{background:var(--success-100);color:var(--success);border:1px solid #C9E9DC}
.form-msg.err{background:#FBEEEF;color:var(--danger);border:1px solid #F4CDCD}

/* 社交媒体（联系我们 · 右侧） */
.social-panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-card);padding:32px;box-shadow:var(--shadow-sm)}
.social-panel h3{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text-900)}
.social-panel .social-note{font-size:13px;color:var(--text-500);margin-top:8px;line-height:1.7}
.social-qr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px 20px;margin-top:26px;align-items:start}
.social-qr-item{display:flex;flex-direction:column;align-items:center;text-align:center}
.social-qr-item .qr-box{width:124px;height:124px;border-radius:12px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-300);margin-bottom:12px}
.social-qr-item .sq-name{font-size:15px;font-weight:600;color:var(--text-900)}
.social-qr-item .sq-account{font-size:12px;color:var(--text-500);letter-spacing:.02em;line-height:1.5;margin-top:4px}

/* ==========================================================================
   页脚
   ========================================================================== */
.site-footer{background:var(--footer);color:#fff;padding:72px 0 0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.2fr 1.2fr;gap:48px;padding-bottom:52px}
.footer-brand p{font-size:14px;line-height:1.8;color:rgba(255,255,255,.68);margin-top:16px;max-width:280px}
.footer-col h4{font-size:14px;font-weight:600;letter-spacing:.08em;color:#fff;margin-bottom:18px}
.footer-col ul li{margin-bottom:12px}
.footer-col ul li a{font-size:14px;color:rgba(255,255,255,.68);white-space:nowrap;transition:color var(--ease)}
.footer-col ul li a:hover{color:#fff}
.footer-contact li{display:flex;gap:10px;font-size:14px;color:rgba(255,255,255,.68);margin-bottom:12px;line-height:1.6}
.footer-contact svg{width:18px;height:18px;flex-shrink:0;margin-top:2px;color:rgba(255,255,255,.5)}
.footer-qr{display:flex;gap:20px}
.footer-qr .qr-box{width:96px;height:96px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5)}
.footer-qr span{font-size:12px;color:rgba(255,255,255,.68);text-align:center;letter-spacing:.02em}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:26px 0 32px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.footer-bottom p{font-size:12px;color:rgba(255,255,255,.42);letter-spacing:.02em;line-height:1.7}

/* ==========================================================================
   滚动淡入（仅在启用 JS 时隐藏初始态）
   ========================================================================== */
.reveal{transition:opacity .45s ease,transform .45s ease}
.js .reveal{opacity:0;transform:translateY(14px)}
.js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .js .reveal{opacity:1;transform:none;transition:none}
  *{transition-duration:.01ms !important;animation-duration:.01ms !important}
}

/* ==========================================================================
   响应式
   ========================================================================== */
@media (max-width:1199px){
  .nav-menu,.nav-cta{display:none}
  .nav-burger{display:flex;margin-left:auto}
  .quick{grid-template-columns:repeat(2,1fr)}
  .scene-grid{grid-template-columns:repeat(2,1fr)}
  .intro-split{gap:44px}
  .tiers{grid-template-columns:1fr}
  .tier{max-width:640px;width:100%;margin:0 auto}
  .founder{grid-template-columns:1fr;gap:36px}
  .founder-photo{max-width:400px;margin:0 auto}
  .contact-layout{grid-template-columns:1fr;gap:44px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:40px}
}
@media (max-width:767px){
  .container{padding:0 16px}
  .section{padding:56px 0}
  .page-hero{padding:56px 0 32px}
  .page-hero h1{font-size:32px}
  .hero{padding:72px 0}
  .hero h1{font-size:32px;line-height:1.4;white-space:normal}
  .hero-sub{font-size:15px}
  .hero-actions{flex-direction:column;width:100%;gap:12px}
  .hero-actions .btn{width:100%}
  .xq-cta{padding:28px 20px}
  .xq-cta__actions{flex-direction:column;width:100%}
  .xq-cta__actions .btn{width:100%}
  .sec-title{font-size:24px}
  .stats{grid-template-columns:1fr;margin-top:40px;padding-top:28px}
  .stat{padding:18px 0}
  .stat:first-child{padding-left:0}
  .stat:last-child{padding-right:0}
  .stat + .stat{border-left:0;border-top:1px solid var(--divider)}
  .grid-3,.grid-2,.scene-grid{grid-template-columns:1fr}
  .scene-item{padding:30px 22px 26px}
  .quick{grid-template-columns:1fr}
  .intro-split{grid-template-columns:1fr;gap:28px;align-items:start}
  .intro-aside h2{font-size:30px}
  .about-values{grid-template-columns:1fr}
  .about-value{padding:26px 22px}
  .about-value + .about-value{border-left:0;border-top:1px solid var(--divider)}
  .founder-list{grid-template-columns:1fr}
  .contact-strip{grid-template-columns:1fr;padding:32px 24px}
  .cs-side{flex-wrap:wrap;gap:20px}
  .quote-block{padding:36px 24px}
  .quote-block p{font-size:15px}
  .case-grid{grid-template-columns:1fr;gap:20px}
  .case-card{flex-direction:column;align-items:stretch;gap:16px;padding:20px}
  .case-card__media{flex:none;width:100%;aspect-ratio:16/9}
  .case-card--wide .case-card__head{flex-direction:column;align-items:stretch}
  .case-gallery{grid-template-columns:repeat(2,1fr);gap:16px 14px;margin-top:22px;padding-top:20px}
  .case-gallery__label{font-size:12px;padding:4px 11px}
  .news-item{grid-template-columns:1fr;gap:10px;padding:20px 0}
  .news-meta{flex-direction:row;align-items:center;gap:12px}
  .news-item .news-arrow{display:none}
  .footer-grid{grid-template-columns:1fr;gap:32px}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  .slogan p{font-size:24px}
  .form-panel{padding:26px}
  .social-panel{padding:26px}
  .social-qr-item .qr-box{width:104px;height:104px}
}

/* ==========================================================================
   首页 · 核心价值 / 核心能力 / 合作模式与成功案例
   ========================================================================== */
.eyebrow-module{
  display:inline-block;border:0;background:none;border-radius:0;
  font-family:var(--font-display);font-size:27px;font-weight:700;line-height:1.3;
  color:var(--title-main);letter-spacing:0;padding:0;margin-bottom:6px;
}

/* 核心价值 · 深蓝背景横幅（含兜底色，图片未加载时也保证白色标题可见） */
[data-od-id="home-values-section"]{
  background-color:#0E2A44;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  text-align:center;
}
[data-od-id="home-values-section"] .eyebrow-module{color:#fff}
[data-od-id="home-values-section"] .sec-title{color:#fff;margin-top:12px}
[data-od-id="home-values-section"] .value-grid{text-align:left}

/* 核心价值三卡 */
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}
.value-card{
  position:relative;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-card);padding:34px 30px 32px;overflow:hidden;
  box-shadow:var(--shadow-xs);transition:transform var(--ease),box-shadow var(--ease),border-color var(--ease);
}
.value-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--primary-200)}
.value-idx{
  position:absolute;top:16px;right:22px;font-family:var(--font-display);
  font-size:64px;font-weight:700;line-height:1;color:var(--primary-100);letter-spacing:0;
  pointer-events:none;user-select:none;
}
.value-card .icon-chip{margin-bottom:20px}
.value-title{
  position:relative;font-family:var(--font-display);font-size:21px;line-height:1.5;
  font-weight:700;color:var(--text-900);letter-spacing:0;max-width:16em;min-height:3em;
}
.value-note{font-size:14px;line-height:1.7;color:var(--text-500);margin-top:12px;letter-spacing:0}

/* 核心能力 */
.ability-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.ability-title{font-family:var(--font-display);font-size:34px;line-height:1.4;font-weight:700;color:var(--text-900);letter-spacing:0;margin-top:6px}
.ability-lead{font-size:16px;line-height:2;color:var(--text-700);margin-top:22px;letter-spacing:0;max-width:46em}
.ability-list{border-top:1px solid var(--divider)}
.ability-item{display:grid;grid-template-columns:56px 1fr;gap:20px;align-items:baseline;padding:26px 4px;border-bottom:1px solid var(--divider)}
.ability-num{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--primary);letter-spacing:0}
.ability-main h3{font-size:22px;line-height:1.5;font-weight:600;color:var(--text-900);letter-spacing:0}
.ability-main p{font-size:17px;line-height:1.7;color:var(--text-500);margin-top:6px}
.ability-chain{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:6px;font-size:17px;line-height:1.7;font-weight:400;color:var(--text-500);letter-spacing:0}
.ability-chain i{font-style:normal;color:var(--text-500)}

/* 合作模式与成功案例 */
.coop-cta{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:56px}
.coop-cta__text{font-size:16px;line-height:1.7;font-weight:500;color:var(--text-700);letter-spacing:0}
.coop-cta .btn{flex-shrink:0}

/* 合作方向 · 规格式排布 */
.dir-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px}
.dir-item{position:relative;border-top:2px solid var(--primary-200);padding-top:22px;transition:border-color var(--ease)}
.dir-item:hover{border-top-color:var(--primary)}
.dir-icon{display:inline-flex;color:var(--primary);margin-bottom:16px}
.dir-icon svg{width:28px;height:28px}
.dir-num{position:absolute;top:16px;right:0;font-family:var(--font-display);font-size:44px;font-weight:700;line-height:1;color:var(--primary-100);letter-spacing:0;pointer-events:none;user-select:none}
.dir-item h3{position:relative;font-family:var(--font-display);font-size:20px;line-height:1.5;font-weight:700;color:var(--text-900);letter-spacing:0}
.dir-item p{position:relative;font-size:15px;line-height:1.8;color:var(--text-500);margin-top:8px;letter-spacing:0;max-width:30em}

/* 案例序号 */
.case-card__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.case-card__no{font-size:12px;font-weight:700;color:var(--primary);letter-spacing:.1em;white-space:nowrap}

/* 首页案例 · 与合作模式同源的规格式（去卡片化、顶线编号） */
[data-od-id="home-cases"]{max-width:none;margin:64px 0 0;gap:26px}
[data-od-id="home-cases"] .case-card{background:none;border:0;border-top:2px solid var(--primary-200);border-radius:0;padding:22px 0 0;box-shadow:none;transition:border-color var(--ease)}
[data-od-id="home-cases"] .case-card:hover{box-shadow:none;transform:none;border-top-color:var(--primary)}
[data-od-id="home-cases"] .case-card__media{flex:0 0 220px;width:220px;aspect-ratio:4/3}
[data-od-id="home-cases"] .case-card__body{max-width:640px}
[data-od-id="home-cases"] .case-card h3{font-weight:700}

/* 首页新模块响应式 */
@media (max-width:1199px){
  .ability-split{gap:44px}
}
@media (max-width:767px){
  .eyebrow-module{font-size:24px}
  .value-grid{grid-template-columns:1fr;gap:16px;margin-top:28px}
  .value-card{padding:28px 24px 26px}
  .value-idx{font-size:54px}
  .ability-split{grid-template-columns:1fr;gap:32px;align-items:start}
  .ability-title{font-size:28px}
  .ability-item{padding:22px 2px;grid-template-columns:44px 1fr;gap:14px}
  .coop-cta{flex-direction:column;align-items:center;text-align:center;margin-top:40px}
  .dir-grid{grid-template-columns:1fr;gap:22px}
  .dir-num{font-size:38px;top:14px}
  [data-od-id="home-cases"]{margin-top:48px;gap:22px}
  [data-od-id="home-cases"] .case-card__media{flex:none;width:100%;aspect-ratio:16/9}
}
.news-article-content img{
  display: inline-block;
}