@property --progress {
    syntax: "<number>";
    inherits: true;
    initial-value: 0;
}
:root {
  --bg-cream-gradient: linear-gradient(180deg, #E8DDCC 0%, #F1EADE 35%, #F1EADE 100%);
  --font-ast: 'ast';
  --font-fn-r: 'fn-r';
  --font-sy-b: 'sy-b';
  --font-sy-l: 'sy-l';
  --font-sy-m: 'sy-m';
  --font-sy-r: 'sy-r';
  --text-cfff: #fff;
  --text-c222: #222;
  --text-c333: #333;
  --text-c666: #666;
  --text-c999: #999;
  --text-c000: #000;
  --text-c1b71e3: #1b71e3;
  --text-c457ac4: #457ac4;
  --bg-fff: #fff;
  --bg-f9: #f9f9f9;
  --font-s14: 14px;
  --font-s16: 16px;
  --font-s18: 18px;
  --font-s20: 20px;
  --font-s22: 22px;
  --font-s24: 24px;
  --font-s26: 26px;
  --font-s28: 28px;
  --font-s30: 30px;
  --font-s32: 32px;
  --font-s36: 36px;
  --font-s40: 40px;
  --font-s44: 44px;
  --font-s48: 48px;
  --font-s50: 50px;
  --font-s54: 54px;
  --font-s58: 58px;
  --font-s60: 60px;
  --font-s64: 64px;
  --font-s80: 80px;
  --font-s90: 90px;
  --font-s96: 96px;
  --font-s150: 150px;
}
body { font-family: var(--font-sy-r); background-color: var(--bg-fff); color: var(--text-c666); overflow-x: hidden; margin: 0; padding: 0; font-size: 14px; line-height: 1.4; font-weight: 500; -webkit-font-smoothing: antialiased; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, p, blockquote, th, td { margin: 0; padding: 0; outline: none; }
a { text-decoration: none; color: #666666; }
li { list-style: none; }
i, em { font-style: normal; }
img { vertical-align: middle; border: none; max-width: 100%; }
.img { width: 100%; height: 100%; object-fit: cover; }
input, textarea, select { font-family: var(--font-sy-r); font-size: 14px; color: #666; font-weight: 500; }
input:focus, textarea:focus, select:focus { outline: none; }
::-webkit-input-placeholder { color: #ccc; }
::-moz-placeholder { color: #ccc; }
:-moz-placeholder { color: #ccc; }
:-ms-input-placeholder { color: #ccc; }
::placeholder { color: #ccc; }
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; }
::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
::-webkit-scrollbar-thumb:window-inactive { background: rgba(0,0,0,0.4); }
.over { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.over2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.disFlex { display: flex; justify-content: space-between; align-items: center; }
.disFlexc { display: flex; justify-content: center; align-items: center; }
.disFlexs { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.ast { font-family: 'ast';}
.fnr { font-family: 'fn-r';}
.syb { font-family: 'sy-b';}
.syl { font-family: 'sy-l';}
.sym { font-family: 'sy-m';}
.syr { font-family: 'sy-r';}

.wrapper { width: clamp(300px, 90vw, 1440px); margin: 0 auto; box-sizing: border-box;}
.wrap { width: clamp(300px, 90vw, 1200px); margin: 0 auto; box-sizing: border-box;}
/* 横向溢出裁剪。这里必须用 clip，不能用 hidden：
   overflow-x:hidden 会让 overflow-y 的计算值变成 auto，使 <main> 自己成为滚动容器，
   于是内部 .place-sticky 的「吸顶参照滚动口」变成 main —— 而 main 自身并不滚动，
   sticky 就彻底失效（实测滚到 scrollY=1090 时 top 已从 0 变 -10，之后一路滚走）。
   overflow:clip 同样裁剪内容、同样不出现横向滚动条，但不建立滚动容器，sticky 不受影响。 */
main { overflow-x: clip; }
/* 老浏览器（Safari < 16 / Chrome < 90）不认 clip，会回落成 visible、丢失裁剪。
   那里给「没有 sticky 元素的内页」保留改动前那份 hidden 行为（这些页面本来就不受影响）；
   首页 .page-index 例外 —— 它是全站唯一有 position:sticky 的页面，
   而它本身没有横向溢出（实测 390 与 1920 下 doc scrollWidth == clientWidth），
   不裁剪也不会出现横向滚动条。这样新旧浏览器都不会退步。 */
@supports not (overflow-x: clip) {
  body:not(.page-index) main { overflow-x: hidden; }
}


.site-header { position: absolute; top: 0; left: 0; right: 0; z-index: 102; padding: 18px 0; transition: height .4s ease, background-color .4s ease, backdrop-filter .4s ease, padding .4s ease, background-image .4s ease, box-shadow .4s ease; }
.site-header.indexsitefix.scrolled { background-color: rgba(255, 255, 255, 0.6); background-image: none; padding: 14px 0; box-shadow: 0 1px 0 rgba(43, 108, 176, 0.08); }
.site-header.indexsitefix { position: fixed;}
.header-wrap { display: grid; grid-template-columns: 1fr repeat(1, auto); column-gap: 20px; align-items: center; height: 100%; }

.header-logo { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; min-width: 120px; max-width: 156px; height: 64px; font-family: var(--font-display); font-weight: 500; font-size: 22px; line-height: 1.08; color: var(--medical-text); letter-spacing: 0.01em; white-space: pre-line; transition: color .4s ease; }
.header-logo .tagline { margin-top: 4px; font-family: var(--font-sans); font-size: 11px; font-weight: 500; opacity: .55; letter-spacing: 0.08em; color: inherit; white-space: nowrap; text-transform: uppercase; }
.site-header.scrolled .header-logo { color: var(--medical-text); }

.h-pill { width: 186px; height: 34px; display: flex; align-items: center; justify-content: center; padding: 6.66667px 10px; border-radius: 8px; font-size: 20px; font-family: var(--font-sans); font-weight: 400; line-height: 1; color: var(--text-white); position: relative; flex: 0 1 auto; letter-spacing: 0.02em; transition: background-color .9s cubic-bezier(.35,.35,0,1), color .4s ease, opacity .3s cubic-bezier(.35,.35,0,1), transform .9s cubic-bezier(.35,.35,0,1); }
.h-pill.pill-places { background-color: rgba(43, 108, 176, 0.08); color: var(--medical-text); }
.h-pill.pill-objects { background-color: rgba(43, 108, 176, 0.06); color: var(--medical-text); }
.h-pill.pill-sendreq { background-color: rgba(43, 108, 176, 0.08); color: var(--medical-text); opacity: 1; }
.h-pill.pill-menu { background-color: transparent; color: var(--medical-text); }
.h-pill:hover { background-color: rgba(43, 108, 176, 0.14); }
.site-header.scrolled .h-pill.pill-places { background-color: rgba(43,108,176,0.08); color: var(--medical-text); }
.site-header.scrolled .h-pill.pill-objects { background-color: rgba(43,108,176,0.06); color: var(--medical-text); }
.site-header.scrolled .h-pill.pill-sendreq { opacity: 1; background-color: rgba(43,108,176,0.08); color: var(--medical-text); }
.site-header.scrolled .h-pill.pill-menu { background-color: rgba(43,108,176,0.08); color: var(--medical-text); }

.h-divider { width: 1px; height: 61px; background-color: var(--medical-blue); opacity: 0.2; align-self: center; transition: background-color .4s ease, opacity .4s ease; }
.site-header.scrolled .h-divider { background-color: var(--medical-blue); opacity: 0.15; }


.h-menu-inner { background-color: #fff; width: 40px; height: 40px; border-radius: 50%; }
.menu-icon { display: flex; flex-direction: column; gap: 3px; }
.menu-icon span { display: block; height: 2px; background: currentColor; border-radius: 2px; }
.menu-icon span:nth-child(1) { width: 22px; }
.menu-icon span:nth-child(2) { width: 14px; }
.menu-icon span:nth-child(3) { width: 20px; }
.h-menu-text { font-size: 20px; line-height: 1; letter-spacing: 0.05em; text-transform: uppercase; }

.deco-lines { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; z-index: 1; }
.deco-lines svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.deco-lines path { fill: none; stroke: var(--accent); stroke-width: 1.2; opacity: 0.55; stroke-linecap: round; }

.c-welcome { position: relative; background: var(--medical-bg); display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; text-align: left; }

.banner { background: radial-gradient(circle at 10% 20%, rgba(99, 179, 237, 0.22) 0%, transparent 35%), radial-gradient(circle at 85% 30%, rgba(56, 178, 172, 0.14) 0%, transparent 30%), radial-gradient(circle at 50% 90%, rgba(255, 255, 255, 0.8) 0%, transparent 55%); }
.banner video { width: 100vw; height: 100vh; object-fit: cover; vertical-align: middle;}
.banbg { background-position: center top; background-repeat: no-repeat; background-size: 100% auto;}

.bantxt { position: absolute; inset: 0; z-index: 2; pointer-events: none; width: 100%; max-width: 1520px; margin: 0 auto; padding: 0 40px; gap: 40px; align-items: flex-start; box-sizing: border-box; }
/* .bantxt { display: flex; flex-direction: column; gap: 26px; } */
.bantxt > * { opacity: 0; transform: translateY(30px); animation: heroFadeUp 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; }
.bantxt > *:nth-child(1) { animation-delay: 0.15s; }
.bantxt > *:nth-child(2) { animation-delay: 0.30s; }
.bantxt > *:nth-child(3) { animation-delay: 0.42s; }
.bantxt > *:nth-child(4) { animation-delay: 0.52s; }
.bantxt > *:nth-child(5) { animation-delay: 0.62s; }
@keyframes heroFadeUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}
.hero-brand { display: flex; align-items: center; gap: 12px; margin-bottom: 28px;}
.hero-brand-logo { height: 46px; width: auto; object-fit: contain; }
.ban-title { font-family: var(--font-fn-r); font-weight: 500; font-size: clamp(34px, 4.2vw, 54px); line-height: 1.05; letter-spacing: 0.08em; color: rgba(69, 122, 196, 0.47); text-transform: uppercase; }
.ban-title .title-line { display: block; }
.ban-subtitle { font-family: var(--font-sy-m); font-size: clamp(16px, 1.6vw, 40px); font-weight: 400; letter-spacing: 0.18em; color: var(--text-c222); opacity: 0.85; }
.ban-d-cn { font-size: var(--font-s20); color: #3571c1; font-family: var(--font-sy-m);}
.ban-d-en { font-size: var(--font-s14); color: rgba(53, 113, 193, 0.5); font-family: var(--font-fn-r);}
.hero-medical-tags { list-style: none; display: flex; flex-wrap: wrap; gap: 12px 20px; margin-top: 6px; }
.hero-medical-tags li { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; background: var(--medical-surface); border: 1px solid rgba(43, 108, 176, 0.12); border-radius: 999px; font-size: 14px; color: var(--medical-text-soft); backdrop-filter: blur(8px); }
.hero-medical-tags .check { width: 16px; height: 16px; border-radius: 50%; background: linear-gradient(135deg, var(--medical-blue-light), var(--medical-cyan)); position: relative; flex-shrink: 0; }
.hero-medical-tags .check::after { content: ''; position: absolute; top: 3px; left: 6px; width: 3.5px; height: 7px; border: solid #fff; border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); }
.banmore { justify-content: flex-start; gap: 10px; width: 160px; font-family: var(--font-fn-r); font-size: var(--font-s16); color: var(--text-c457ac4);}
.banmore span { width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(69, 122, 196, 0.4);}

.hero-cta-row { display: flex; gap: 16px; margin-top: 8px; }
.hero-cta { display: inline-flex; align-items: center; justify-content: center; padding: 14px 32px; border-radius: 999px; font-size: 14px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; transition: transform .3s ease, box-shadow .3s ease, background .3s ease, color .3s ease; }
.hero-cta-primary { background: linear-gradient(135deg, var(--medical-blue), var(--medical-cyan)); color: #fff; box-shadow: 0 10px 30px rgba(43, 108, 176, 0.25); }
.hero-cta-primary:hover { transform: translateY(-2px); box-shadow: 0 14px 36px rgba(43, 108, 176, 0.32); }
.hero-cta-secondary { background: rgba(255, 255, 255, 0.5); color: var(--medical-text); border: 1px solid rgba(43, 108, 176, 0.2); backdrop-filter: blur(8px); }
.hero-cta-secondary:hover { background: rgba(255, 255, 255, 0.75); border-color: rgba(43, 108, 176, 0.3); transform: translateY(-2px); }

.hero-medical-visual { position: relative; display: flex; align-items: center; justify-content: center; transform-style: preserve-3d; perspective: 1200px; will-change: transform; }
.hero-visual-glow { position: absolute; width: 80%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(99, 179, 237, 0.35) 0%, rgba(56, 178, 172, 0.12) 45%, transparent 70%); filter: blur(40px); animation: glowPulse 5s ease-in-out infinite; }
.hero-visual-main { position: relative; z-index: 1; width: 100%; max-width: 620px; height: auto; object-fit: contain; animation: floatVisual 6s ease-in-out infinite; filter: drop-shadow(0 30px 60px rgba(26, 54, 93, 0.18)); }

.hero-skyline { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; pointer-events: none; opacity: 0.55; mask-image: linear-gradient(to top, #000 40%, transparent 100%); -webkit-mask-image: linear-gradient(to top, #000 40%, transparent 100%); }
.hero-skyline img { width: 100%; height: auto; min-height: 220px; object-fit: cover; object-position: center bottom; }
@keyframes heroFadeUp {
0%, 100% { transform: translateY(0) rotate(0deg); }
50% { transform: translateY(-18px) rotate(1.5deg); }
} @keyframes heroFadeUp {
0%, 100% { transform: scale(1); opacity: 0.8; }
50% { transform: scale(1.08); opacity: 1; }
} 
.hero-scroll-hint { position: absolute; bottom: 34px; left: 50%; transform: translateX(-50%); z-index: 3; display: flex; flex-direction: column; align-items: center; gap: 10px; color: var(--medical-text-soft); opacity: 0.65; animation: fadeHint 1s ease 1.4s both; }
.hero-scroll-hint .scroll-text { font-size: 10px; letter-spacing: 0.25em; font-weight: 500; }
.hero-scroll-hint .scroll-line { width: 1px; height: 40px; background: linear-gradient(to bottom, var(--medical-blue), transparent); animation: scrollLine 1.6s ease-in-out infinite; }
@keyframes heroFadeUp {
  from { opacity: 0; transform: translate(-50%, 10px); }
  to { opacity: 0.65; transform: translate(-50%, 0); }
} @keyframes heroFadeUp {
0%, 100% { transform: scaleY(1); opacity: 1; }
50% { transform: scaleY(0.4); opacity: 0.4; }
} 
underlay, .numbers-nav { display: none; }

.c-particles { position: relative; z-index: 3; background: #fff; height: 700vh; }
.place-sticky { position: sticky; top: 0; width: 100%; height: 100vh; overflow: hidden; display: flex; align-items: flex-end; background: #fff; }
.place-sticky::before { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0.2) 35%, rgba(255,255,255,0) 60%); pointer-events: none; }

.place-bg-layer { position: absolute; inset: 0; z-index: 0; }
.place-bg-layer::after { content: ''; position: absolute; inset: 0; background: #fff; opacity: 0.1; z-index: 1; }
.place-bg-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 0.6s ease, transform 1.2s ease; will-change: opacity, transform; }
.place-bg-img.active { opacity: 1; }
.fade-bottom { position: absolute; left: 0; right: 0; bottom: 0; height: 55%; z-index: 1; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.35) 30%, rgba(255,255,255,0.85) 70%, rgba(255,255,255,0.98) 100%); pointer-events: none; }

.place-content { position: relative; z-index: 3; width: 100%; padding: 90px 80px; height: 100%; max-width: 1600px; margin: 0 auto; box-sizing: border-box; }
/* .place-split { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: end; } */
.place-split { display: flex; justify-content: space-between; align-items: flex-end; gap: 60px; }
.place-col-top { position: absolute; top: 50px; left: 80px; right: 80px; z-index: 2; }


/* 文字动态切换：淡出 + 上移，再淡入 + 复原 */
#placeName, #placeSubtitle, #placeDesc, .place-col-right, .place-col-top {
  transition: opacity 0.35s ease, transform 0.35s ease;
}
#placeName.text-out, #placeSubtitle.text-out, #placeDesc.text-out {
  opacity: 0;
  transform: translateY(22px);
}
#placeName.text-in, #placeSubtitle.text-in, #placeDesc.text-in {
  opacity: 0;
  transform: translateY(-22px);
  animation: textFadeIn 0.6s ease forwards;
}
.place-col-right.text-out {
  opacity: 0;
  transform: translateY(-22px);
}
.place-col-right.text-in {
  opacity: 0;
  transform: translateY(22px);
  animation: textFadeIn 0.6s ease forwards;
}
.place-col-top.text-out {
  opacity: 0;
  transform: translateY(-22px);
}
.place-col-top.text-in {
  opacity: 0;
  transform: translateY(22px);
  animation: textFadeIn 0.6s ease forwards;
}
@keyframes textFadeIn {
  to { opacity: 1; transform: translateY(0); }
}

/* 逐字段错峰，增强动态切换层次感 */
#placeName.text-out { transition-delay: 0s; }
#placeSubtitle.text-out { transition-delay: 0.05s; }
#placeDesc.text-out { transition-delay: 0.1s; }
#placeName.text-in { animation-delay: 0s; }
#placeSubtitle.text-in { animation-delay: 0.06s; }
#placeDesc.text-in { animation-delay: 0.12s; }

.place-col-left { align-items: flex-start; justify-content: flex-end; padding-top: 50px; color: var(--text-c222); font-family: var(--font-sy-l); font-size: clamp(18px, 1.8vw, 30px); }
.place-name { font-family: var(--font-fn-r); font-size: clamp(45px, 5.5vw, 90px); line-height: 1; margin-bottom: -15px; text-align: left; }
.place-subtitle { margin-bottom: 20px; }
.place-desc { margin-bottom: 60px; width: 100%; }

.numbers-inline { display: flex; justify-content: flex-start; align-items: center; gap: 8px; }
.numbers-inline .num-item { position: relative; width: 10px; height: 10px; border-radius: 10px; background-color: #fff; border: 1px solid rgba(102, 102, 102, 0.6); transition: 0.3s; }
.numbers-inline .num-item.current { width: 66px; background-color: rgba(27, 113, 227, 0.6); border-color: transparent; overflow: hidden; }
.numbers-inline .num-item.current .num-circle { width: 0px; height: inherit; background-color: #0073e6; border-radius: 10px; }
.numbers-inline .num-item.auto-progress .num-circle { animation: numAutoProgress 4s linear forwards; }
@keyframes numAutoProgress { from { width: 0; } to { width: 56px; } }
.numbers-inline .num-item .num { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 10px; color: #666; opacity: 0; }

.place-col-right { align-items: flex-end; text-align: right; justify-content: flex-end; padding-bottom: 60px; }
.right-head { font-family: var(--font-fn-r); font-size: var(--font-s30); color: var(--text-c222); font-weight: 500; }
.right-cn { font-size: var(--font-s16); color: var(--text-c222); line-height: 1.7; margin-bottom: 10px; max-width: 520px; }
.right-en { font-family: var(--font-sy-l); font-size: var(--font-s16); color: var(--text-c333); line-height: 1.6; max-width: 520px; }
.right-cn1 { font-size: var(--font-s16); color: var(--text-c222); line-height: 1.7; margin-bottom: 10px; max-width: 520px; }
.right-en1 { font-family: var(--font-sy-l); font-size: var(--font-s16); color: var(--text-c666); line-height: 1.6; max-width: 520px; }

/* index: 2-1 start */
.c-high-quality { padding-top: 110px;}
.c-high-quality .c-high-title { color: var(--text-c222);}
.c-high-quality .c-high-title .en { font-family: var(--font-fn-r); font-size: clamp(54px, 5.5vw, 90px); line-height: 1; margin-bottom: -15px; text-align: left; }
.c-high-quality .c-high-title .cn { font-size: clamp(18px, 1.8vw, 30px); font-family: var(--font-sy-l);}
.c-high-quality .c-high-list { margin-top: 3.5vw; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.c-high-quality .c-high-list .item { position: relative; z-index: 1; padding: 3vw 2vw; border-radius: 10px; border: 1px solid #ededed; box-sizing: border-box; color: var(--text-c222); overflow: hidden;}
.c-high-quality .c-high-list .item .no { font-family: var(--font-sy-l); font-size: clamp(12px, 1vw, 16px);}
.c-high-quality .c-high-list .item .en { margin-top: 1.5vw; line-height: 1.1; font-family: var(--font-fn-r); font-size: clamp(18px, 1.8vw, 30px);}
.c-high-quality .c-high-list .item .cn { line-height: 1.2; font-family: var(--font-sy-l); font-size: clamp(14px, 1.5vw, 24px);}
.c-high-quality .c-high-list .item .icon { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; display: block;}
/* index: 2-1 end */

.c-features { position: relative; padding: 100px 0 140px; overflow: hidden; }
.c-features .wrapper { position: relative; z-index: 1;}

/* 背景视差层：随 --progress 慢速反向位移形成视觉差 */
.featbg { position: absolute; inset: -10% 0; z-index: 0; pointer-events: none; will-change: transform; transform: translateY(calc(var(--progress, 0) * 140px)) scale(1.12); }
.featbg img { width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0.35; }

/* SVG */
.feature-curve { position: absolute; top: 0px; left: 110px; width: 1240px; pointer-events: none; z-index: 0;}
.feature-curve path { transition: stroke-dashoffset 0.1s linear; opacity: 1;}

/* Feature items container */
.feature-items { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 0px; padding-top: 80px; }
.feature-item { position: relative; width: 100%; align-items: flex-end; }
.feature-card { position: relative; width: clamp(360px, 29.6875vw, 580px); padding: 2.2vw 2vw calc(2.2vw + 40px); background: rgba(255, 255, 255, 0.8); border: 1px solid rgba(43, 108, 176, 0.1); border-radius: 8px; box-sizing: border-box;}
.feature-items .feature-item:nth-child(1) .feature-card { margin-right: 10vw;}
.feature-items .feature-item:nth-child(2) .feature-card { margin-left: 2.5vw;}
.feature-items .feature-item:nth-child(3) .feature-card { margin-right: 1.4vw; margin-top: -4vw;}
.feature-items .feature-item:nth-child(4) .feature-card { margin-left: 15.625vw; margin-top: 1.5vw;}
.feature-card-left { justify-content: flex-start;}
.feature-card-right { justify-content: flex-end;}

/* SECTION 3 items: 从左右切入 / 超出屏幕切出 (IntersectionObserver 驱动) + progress 视觉差 */
.feature-item { opacity: 0; transition: opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1); }
/* 右侧卡片(靠右)：默认在视口右侧外；左侧卡片(靠左)：默认在视口左侧外 */
.feature-card-right { transform: translate(15vw, calc(40px - var(--progress, 0) * 30px)); }
.feature-card-left  { transform: translate(-15vw, calc(40px - var(--progress, 0) * 30px)); }
/* 进入视口：归位到自身 margin 位置，并叠加轻微进度视觉差 */
.feature-item.in-view.feature-card-right { opacity: 1; transform: translate(0, calc(var(--progress, 0) * -30px)); }
.feature-item.in-view.feature-card-left  { opacity: 1; transform: translate(0, calc(var(--progress, 0) * -30px)); }
.feature-us-card { margin-left: 80px; }
.feature-title-en { line-height: 1; font-family: var(--font-fn-r); font-size: clamp(30px, 3.5vw, 50px); font-weight: 400; letter-spacing: -0.01em; color: var(--text-c222);}
.feature-title-cn { margin-top: -8px; line-height: 1; font-family: var(--font-sy-l); font-size: clamp(14px, 1.5vw, 24px); color: var(--text-c222); margin-bottom: 10px; }
.feature-desc { font-size: clamp(13px, 1.3vw, 20px); color: var(--text-c666); font-family: var(--font-sy-l); line-height: 1.55; }
.feature-arrow { position: absolute; bottom: 2.2vw; left: 2vw; width: 26px; height: 26px; border-radius: 50%; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center;}
.feature-arrow::before { content: ''; width: 8px; height: 8px; border: solid var(--text-c999); border-width: 2px 2px 0 0; transform: rotate(45deg) translate(0px,1px); transform-origin: center;}

/* WHY US card */
.feature-item-us { display: flex; justify-content: flex-start; padding-top: 40px; }
.feature-us-card { position: absolute; top: 0; left: 0; z-index: 1; width: 25.78125vw; text-align: left;}
.feature-us-head { display: inline-flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.feature-us-icon { width: 40px; height: 40px; position: relative;}
.feature-us-title { line-height: 1; font-size: var(--font-s30); font-family: var(--font-fn-r); letter-spacing: 0.1em; color: var(--text-c222); font-weight: 500; }
.feature-us-cn { font-size: clamp(12px, 1.1vw, 16px); color: var(--text-c222); line-height: 1.75; margin-bottom: 10px; }
.feature-us-en { font-family: var(--font-sy-l); font-size: clamp(12px, 1.1vw, 16px); color: var(--text-c666); line-height: 1.375; }

.c-cta { position: relative; background: var(--bg-dark); color: var(--text-white); padding: 100px 40px; overflow: hidden; }
.cta-inner { max-width: 900px; margin: 0 auto; text-align: center; position: relative; z-index: 2; }
.cta-icon { font-size: 56px; margin-bottom: 32px; }
.cta-text { font-family: var(--font-serif); font-weight: 400; font-style: italic; font-size: clamp(26px, 3vw, 40px); line-height: 1.25; color: var(--text-white); margin-bottom: 60px; }
.cta-phrase { font-family: var(--font-serif); font-style: italic; font-size: 26px; color: var(--text-cream); opacity: 0.85; margin-bottom: 40px; line-height: 1.3; }
.cta-btn { position: relative; display: inline-flex; align-items: center; gap: 18px; padding: 16px 32px; border: 1px solid var(--text-cream); border-radius: 999px; color: var(--text-white); font-size: 14px; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; transition: all .3s ease; background: transparent; }
.cta-btn:hover { background: var(--text-cream); color: var(--text-dark); }
.cta-btn .dot { width: 6px; height: 6px; border-radius: 50%; background: #C68653; }
.cta-curve { position: absolute; left: 50%; bottom: 100px; transform: translateX(-60%); width: 260px; height: 140px; pointer-events: none; opacity: 0.5; }
.cta-curve path { fill: none; stroke: var(--accent); stroke-width: 1.2; }

.site-footer { background: var(--bg-dark); position: relative; padding: 0 40px 60px; color: var(--text-cream); }
.footer-card { position: relative; max-width: 1400px; margin: 0 auto; background: var(--bg-cream); color: var(--text-dark); border-radius: 48px 48px 24px 24px; padding: 100px 80px 60px; overflow: hidden; margin-bottom: 80px; }
.footer-card .deco-lines svg { overflow: visible; }
.footer-nav-scatter { position: relative; z-index: 2; min-height: 380px; display: grid; grid-template-columns: 1fr 1fr; grid-template-areas: "places objects" "about contacts" "tag people"; gap: 30px; max-width: 1000px; margin: 0 auto; }
.fn-item { font-family: var(--font-display); font-weight: 500; font-size: clamp(48px, 7vw, 100px); line-height: 1; letter-spacing: -0.01em; color: var(--text-dark); transition: opacity .3s ease; }
.fn-item:hover { opacity: 0.65; }
.fn-item::before { content: '+ '; font-family: var(--font-serif); font-weight: 300; font-size: 0.45em; vertical-align: super; opacity: 0.6; margin-right: 0.1em; }
.fn-item:nth-child(1) { grid-area: places; text-align: center; transform: translateY(-20px); }
.fn-item:nth-child(2) { grid-area: objects; text-align: right; transform: translate(20px, 10px); }
.fn-item:nth-child(3) { grid-area: about; text-align: left; transform: translate(-10px, -10px); }
.fn-item:nth-child(4) { grid-area: contacts; text-align: right; transform: translate(10px, 0); }
.fn-item:nth-child(5) { grid-area: people; text-align: center; transform: translateY(10px); }
.footer-tag { grid-area: tag; align-self: center; font-family: var(--font-serif); font-size: clamp(28px, 3vw, 42px); font-style: italic; line-height: 1.1; color: var(--text-dark); }
.footer-base { max-width: 1400px; margin: 0 auto; padding: 0 20px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; font-size: 14px; color: var(--text-dark); }
.footer-base .fb-copy { opacity: 0.85; }
.footer-base .fb-center { text-align: center; }
.footer-base .fb-right { text-align: right; }
.footer-base .fb-right a:hover { text-decoration: underline; }
.footer-bottom-dark { position: relative; max-width: 1400px; margin: 40px auto 0; padding: 60px 0 40px; display: grid; grid-template-columns: 1.2fr 1.2fr 1.5fr 1fr; gap: 40px; color: var(--text-cream); z-index: 2; }
.fb-logo { font-family: var(--font-display); font-size: 22px; font-weight: 500; line-height: 1.1; color: var(--text-cream); }
.fb-logo .sep { display: inline-block; width: 10px; border-top: 1px solid rgba(241,234,222,0.5); margin: 0 14px; vertical-align: middle; }
.fb-init-title { font-family: var(--font-serif); font-style: italic; font-size: 22px; line-height: 1.2; color: var(--text-cream); opacity: 0.9; margin-bottom: 6px; }
.fb-init-desc { font-size: 15px; color: var(--text-cream); opacity: 0.75; line-height: 1.5; }
.fb-about-text { font-size: 14px; color: var(--text-cream); opacity: 0.7; line-height: 1.55; }
.fb-obsidian-img { width: 140px; height: 90px; border-radius: 8px; background: linear-gradient(135deg, #2a2628 0%, #484244 45%, #1a181a 100%); position: relative; overflow: hidden; justify-self: end; }
.fb-obsidian-img::after { content: ''; position: absolute; top: 15%; right: 10%; width: 45%; height: 70%; background: linear-gradient(160deg, rgba(255,255,255,0.12), transparent 60%); transform: skewX(-18deg); }
.fb-figurine { position: absolute; left: 20%; bottom: -20px; width: 80px; height: 100px; background: linear-gradient(180deg, #d7d2c8 0%, #a79e8e 55%, #5a4a3a 100%); border-radius: 50% 50% 35% 35%; z-index: 2; opacity: 0.95; }
.fb-figurine::before { content: ''; position: absolute; top: 14px; left: 50%; transform: translateX(-50%); width: 36px; height: 36px; background: #e8ddd0; border-radius: 50%; }
.fb-figurine::after { content: '❤'; position: absolute; top: 56%; left: 50%; transform: translate(-50%, -50%); color: #8a2a2a; font-size: 16px; }
.no-social { position: absolute; right: 60px; bottom: 120px; font-size: 12px; color: var(--text-cream); opacity: 0.6; letter-spacing: 0.1em; z-index: 3; }
.imagine-possible-tag { position: fixed; bottom: 10px; left: 50%; transform: translateX(-50%); font-size: 9px; letter-spacing: 0.25em; color: var(--text-cream); background: var(--bg-dark); padding: 2px 8px; border-radius: 2px; z-index: 200; text-transform: uppercase; font-weight: 500; }

.reveal { opacity: 0; transform: translateY(40px); transition: opacity 1s cubic-bezier(.2,.7,.2,1), transform 1s cubic-bezier(.2,.7,.2,1); }
.reveal.in-view { opacity: 1; transform: translateY(0); }
.reveal-up { opacity: 0; transform: translateY(60px); transition: opacity 1s cubic-bezier(.2,.7,.2,1), transform 1s cubic-bezier(.2,.7,.2,1); }
.reveal-up.in-view { opacity: 1; transform: translateY(0); }
.reveal-left { opacity: 0; transform: translateX(-50px); transition: opacity 1s ease, transform 1s ease; }
.reveal-left.in-view { opacity: 1; transform: translateX(0); }
.reveal-right { opacity: 0; transform: translateX(50px); transition: opacity 1s ease, transform 1s ease; }
.reveal-right.in-view { opacity: 1; transform: translateX(0); }
.reveal-delay-1 { transition-delay: 0.1s; }
.reveal-delay-2 { transition-delay: 0.2s; }
.reveal-delay-3 { transition-delay: 0.3s; }
.reveal-delay-4 { transition-delay: 0.4s; }

.place-bg-img { will-change: transform; }

:-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--bg-cream); }
::-webkit-scrollbar-thumb { background: rgba(21,20,21,0.3); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: rgba(21,20,21,0.5); }


/* section 4 */
.indexbg { position: relative; z-index: 1;}
.indexbg > img { position: absolute; top: 10%; left: 0; z-index: -1; width: 100%; height: auto;}
.c-process { position: relative; padding: 120px 0 140px; overflow: hidden; }
.process-head { margin-bottom: 90px; }
.process-title-en { font-family: var(--font-fn-r); font-size: clamp(40px, 7vw, 80px); line-height: 0.75; color: var(--text-c222); letter-spacing: -0.02em;}
.process-title-en p { text-indent: 1.65em;}
.process-title-main { position: relative; z-index: 1; font-family: var(--font-ast); font-size: var(--font-s64); color: var(--bg-fff); margin-top: -80px; font-weight: bold; margin-left: 15px;}
.process-title-main::after { position: absolute; top: 0; left: 0; z-index: -1; content: attr(data-text); color: transparent; -webkit-text-stroke: 4px #000; opacity: 0; transition: opacity .8s ease .1s;}
.process-title-main.sign-in::after { opacity: 1;}
.process-track { position: relative; margin: 0 auto; height: 21.1vw; }
.process-line { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; }
.process-steps { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; z-index: 1; }
.step-card { position: absolute; transform-origin: bottom center; width: 334px; height: 180px; scale: min(1, calc(100vw / 1750px)); background: url(../img/iserv-itembg.png) no-repeat center / 100% 100%; padding: 15px 0px; text-align: center; box-sizing: border-box; }
/* 卡片/圆点/虚线统一以wrapper内容区为坐标系：任意屏宽下左右与wrapper对齐、圆点始终贴线 */
/* 横向F%=圆点中心(卡片中心)，纵向P%=虚线贝塞尔曲线在该点的交点高度 */
.step-card[data-step="01"] { left: calc(11.32% - 167px); top: calc(82.45% - 200px); }
.step-card[data-step="02"] { left: calc(37.08% - 167px); top: calc(90.63% - 200px); }
.step-card[data-step="03"] { left: calc(62.57% - 167px); top: calc(75.09% - 200px); }
.step-card[data-step="04"] { left: calc(88.26% - 167px); top: calc(6.14% - 200px); }
/* 线节点圆点：白底黑边+中心黑点，与卡片同比例定位，不受卡片scale影响 */
.step-dot { position: absolute; width: 26px; height: 26px; box-sizing: border-box; border: 1px solid #151415; border-radius: 50%; background: #fff radial-gradient(circle, #151415 0 3.5px, transparent 4px) 50% 50% / 100% 100% no-repeat; z-index: 2; }
.step-dot[data-step="01"] { left: calc(11.32% - 13px); top: calc(82.45% - 13px); }
.step-dot[data-step="02"] { left: calc(37.08% - 13px); top: calc(90.63% - 13px); }
.step-dot[data-step="03"] { left: calc(62.57% - 13px); top: calc(75.09% - 13px); }
.step-dot[data-step="04"] { left: calc(88.26% - 13px); top: calc(6.14% - 13px); }
.step-num { position: absolute; top: -15px; right: 20px; display: block; font-family: var(--font-ast); font-style: italic; font-size: var(--font-s20); color: var(--text-c1b71e3); letter-spacing: 0.05em; font-weight: 500; }
.step-title { font-family: var(--font-fn-r); font-size: var(--font-s40); letter-spacing: -0.02em; color: var(--text-c222); font-weight: 500; text-transform: uppercase; }
.step-subtitle { gap: 10px; margin-top: -15px; font-family: var(--font-sy-l); font-size: var(--font-s24); color: var(--text-c222); }
.process-track .place-col-right{ position: absolute; right: 0; top: calc(100% + 1vw); z-index: -1;}
.process-track .place-col-right .right-cn1,
.process-track .place-col-right .right-en1{ color: #89a8d2;}

/* ============ INEWS / NEWS BLOG SWIPER ============ */
.inews { position: relative; padding: 120px 0 0; overflow: hidden; }
.inews-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; margin-bottom: 60px; }
.inews-title .en { font-family: var(--font-fn-r); font-size: clamp(48px, 6vw, 72px); line-height: 1; color: var(--text-c222); letter-spacing: -0.02em; text-transform: uppercase; }
.inews-title .cn { margin-top: 12px; font-size: var(--font-s24); color: var(--text-c666); }

.inews-nav { display: flex; gap: 12px; }
.inews-prev,
.inews-next { width: 50px; height: 50px; border: 1px solid var(--text-c222); border-radius: 50%; background: #fff; cursor: pointer; position: relative; transition: background .3s ease, border-color .3s ease; }
.inews-prev:hover,
.inews-next:hover { background: var(--text-c222); border-color: var(--text-c222); }
.inews-prev::after,
.inews-next::after { content: ''; position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; border-left: 2px solid var(--text-c222); border-bottom: 2px solid var(--text-c222); transition: border-color .3s ease; }
.inews-prev::after { transform: translate(-35%, -50%) rotate(45deg); }
.inews-next::after { transform: translate(-65%, -50%) rotate(-135deg); }
.inews-prev:hover::after,
.inews-next:hover::after { border-color: #fff; }

.inews-swiper-wrap { position: relative; }
.inews-swiper { position: relative; padding-left: max(40px, calc((100vw - 1520px) / 2 + 40px)); padding-right: 20px; padding-bottom: 50px; padding-top: 120px; overflow: visible; }
.swiper-drag-hint { position: absolute; left: 0; top: 0; width: 64px; height: 64px; z-index: 5; pointer-events: none; opacity: 0; transform: translate(-50%, -50%); transition: opacity .3s ease; will-change: left, top; }
.inews-swiper.swiper-hover .swiper-drag-hint { opacity: 1; }
.swiper-drag-hint img { width: 100%; height: 100%; object-fit: contain; }

.inews-card { background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 24px rgba(0,0,0,0.06); transition: transform .4s ease, box-shadow .4s ease; }
.inews-card:hover { transform: translateY(-6px); box-shadow: 0 12px 32px rgba(0,0,0,0.1); }
.inews-card .img-box { aspect-ratio: 16 / 10; overflow: hidden; }
.inews-card .img-box img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.inews-card:hover .img-box img { transform: scale(1.05); }
.inews-card .text-box { padding: 24px; }
.inews-card .title { font-size: var(--font-s20); line-height: 1.4; color: var(--text-c222); margin-bottom: 12px; font-weight: 500; }
.inews-card .desc { font-family: var(--font-sy-l); font-size: var(--font-s16); line-height: 1.7; color: var(--text-c666); margin-bottom: 20px; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.inews-card .date { display: flex; align-items: center; gap: 8px; font-size: var(--font-s14); color: var(--text-c999); }
.inews-card .date i { width: 18px; height: 18px; background: url(../img/date-icon1.png) no-repeat center / contain; }
.inews-card:hover .date i { background-image: url(../img/date-icon2.png);}


.c-contact { position: relative; padding: 110px 0 0px; text-align: center; overflow: hidden; }
.contact-head { margin-bottom: 44px; }
.contact-title-en { line-height: 1; font-family: var(--font-fn-r); font-size: var(--font-s80); color: var(--text-c222); letter-spacing: 0.02em; font-weight: 500; margin-bottom: 18px; }
.contact-dots { display: flex; justify-content: center; gap: 10px; }
.contact-dots span { width: 10px; height: 10px; border: 1px solid var(--text-dark); border-radius: 50%; }
.contact-dots span:nth-child(2) { background: var(--text-dark); }
.contact-body { max-width: 760px; margin: 0 auto 38px; }
.contact-cn { font-family: var(--font-sy-b); font-size: var(--font-s20); color: var(--text-c222); }
.contact-cn-sub { font-size: var(--font-s16); color: var(--text-c222); margin-bottom: 15px; }
.contact-en { font-family: var(--font-sy-m); font-size: var(--font-s16); color: var(--text-c222); line-height: 1.5; }
.contact-en-sub { font-size: var(--font-s16); color: var(--text-c666); }
.contact-action { margin-bottom: 70px; font-family: var(--font-fn-r); font-size: var(--font-s16); color: var(--text-c222); }
.contact-message { position: relative; display: inline-flex; align-items: center; justify-content: space-between; width: 300px; height: 70px; padding: 0 22px; background: #FFFFFF url('../img/msg-icon1.png') left 35% center no-repeat; border: 1px solid rgba(21,20,21,0.12); border-radius: 8px; color: var(--text-c222); font-family: var(--font-fn-r); font-size: 24px; box-sizing: border-box; box-shadow: 0 4px 20px rgba(21,20,21,0.06); transition: transform .3s ease, box-shadow .3s ease; }
.contact-message:hover { transform: translateY(-3px); box-shadow: 0 18px 50px rgba(21,20,21,0.1); }
.contact-msg-icon { width: 19px; height: 22px; background: url('../img/msg-icon.png') center/contain no-repeat; }
.contact-row { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 10vw; text-align: left; padding-bottom: 2vw; }
.contact-side { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; gap: 26px; }
.contact-side-en { font-family: var(--font-display); font-size: 14px; letter-spacing: 0.18em; color: var(--text-c999); margin-bottom: 6px; }
.contact-service p, .contact-email p { text-align: right; font-family: var(--font-fn-r); font-size: var(--font-s20); color: var(--text-c222); margin-bottom: 6px; }
.contact-service { margin-bottom: 3vw;}
.contact-num { font-family: var(--font-sans); font-size: 18px; color: var(--text-dark); letter-spacing: 0.04em; }
.contact-links { display: flex; flex-direction: column; gap: 29px; }
.contact-links a { font-family: var(--font-fn-r); font-size: var(--font-s40); color: var(--text-c222); line-height: 1.2; font-weight: bold; transition: opacity .3s ease; }
.contact-links a span { display: block; font-size: 16px; margin-top: -6px; font-weight: 400; }
.contact-links a:hover { opacity: 0.65; }

.footer { position: relative; z-index: 1; margin-top: -2vw; padding: 12vw 0 35px; text-align: center; overflow: hidden; }
.footer::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; z-index: -1; width: 100%; height: 872px; background: url(../img/footbg.png) no-repeat center bottom / auto 100%; }
.footer-top { display: inline-flex; flex-direction: column; align-items: center; gap: 8px; margin-bottom: 20px; color: var(--text-dark); transition: transform .3s ease; }
.footer-top:hover { transform: translateY(-4px); }
.top-arrow { width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 10px solid var(--primary-color); }
.top-txt { font-size: 12px; letter-spacing: 0.15em; }
.footer-social { display: flex; justify-content: center; gap: 22px; margin-top: 80px; }
.footer-social a { width: 64px; height: 64px; border: 1px solid rgba(21,20,21,0.15); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: border-color .3s ease, transform .3s ease; }
.footer-social a:hover { border-color: var(--primary-color); transform: translateY(-3px); }
.footer-social span { width: 22px; height: 22px; }
.soc-x { background: url(../img/share-icon1.png) no-repeat center center /contain; }
.soc-ins { background: url(../img/share-icon2.png) no-repeat center center /contain; }
.soc-wb { background: url(../img/share-icon3.png) no-repeat center center /contain; }
.soc-wx { background: url(../img/share-icon4.png) no-repeat center center /contain; }
.footer-bottom { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-top: 24px; }
.footer-copy { flex: 1; font-size: var(--font-s16); text-align: left; color: #89a8d2;}
.footer-sign { position: relative; z-index: 1; text-align: center; font-family: var(--font-ast); font-size: var(--font-s40); color: var(--bg-fff); font-weight: bold;}
.footer-sign::after { position: absolute; top: 0; left: 0; z-index: -1; content: attr(data-text); color: transparent; -webkit-text-stroke: 2px #89a8d2; opacity: 0; transition: opacity .8s ease .1s;}
.footer-sign.sign-in::after { opacity: 1;}
.footer-sign .sign-ch { display: inline-block; opacity: 0; clip-path: inset(-30% 105% -30% -10%);}
.footer-sign.sign-in .sign-ch { animation: signWrite .45s cubic-bezier(.3,.7,.4,1) forwards; animation-delay: calc(.3s + var(--i) * .16s);}
.process-title-main .sign-ch { display: inline-block; opacity: 0; clip-path: inset(-30% 105% -30% -10%);}
.process-title-main.sign-in .sign-ch { animation: signWrite .45s cubic-bezier(.3,.7,.4,1) forwards; animation-delay: calc(.3s + var(--i) * .16s);}
@keyframes signWrite {
  0% { opacity: 0; clip-path: inset(-30% 105% -30% -10%);}
  30% { opacity: 1;}
  100% { opacity: 1; clip-path: inset(-30% -5% -30% -10%);}
}
@media (prefers-reduced-motion: reduce) {
  .footer-sign::after, .process-title-main::after, .hero-sign::after { transition: none; opacity: 1;}
  .footer-sign .sign-ch, .process-title-main .sign-ch, .hero-sign .sign-ch { animation: none !important; opacity: 1 !important; clip-path: none !important;}
}
.footer-icp { flex: 1; font-size: var(--font-s14); color: #89a8d2; text-align: right; }

/* 底部样式变体 */
.footer.footbg1::after { background-image: url(../img/footbg1.png);}
.footer.footbg1 .footer-copy { color: #b4a783;}
.footer.footbg1 .footer-icp { color: #b4a783; }
.footer.footbg1 .footer-sign::after { -webkit-text-stroke: 2px #b4a783; }


/* ============ ENTRY OVERLAY (全屏过渡弹窗) ============ */
.entry-overlay {
  position: fixed; inset: 0; z-index: 9999;
  display: flex; align-items: center; justify-content: center;
  background: rgba(255, 255, 255, 0.9);
  overflow: hidden;
}
.entry-overlay.fade-out { opacity: 0; transition: opacity 0.8s ease; pointer-events: none; }
.entry-sign {
  position: relative; z-index: 1; text-align: center;
  font-family: var(--font-ast);
  font-size: clamp(56px, 10vw, 120px);
  color: #1b71e3; font-weight: bold;
}
.entry-sign::after {
  position: absolute; top: 0; left: 0; z-index: -1;
  content: attr(data-text); color: transparent;
  -webkit-text-stroke: 2px #89a8d2;
  opacity: 0; transition: opacity 0.8s ease 0.1s;
}
.entry-sign.sign-in::after { opacity: 1; }
.entry-sign .sign-ch {
  display: inline-block; opacity: 0;
  clip-path: inset(-30% 105% -30% -10%);
}
.entry-sign.sign-in .sign-ch {
  animation: signWrite 0.45s cubic-bezier(0.3, 0.7, 0.4, 1) forwards;
  animation-delay: calc(0.3s + var(--i) * 0.16s);
}
@media (prefers-reduced-motion: reduce) {
  .entry-sign::after { transition: none; opacity: 1; }
  .entry-sign .sign-ch { animation: none !important; opacity: 1 !important; clip-path: none !important; }
}

/* ============ 1-1 品牌保障体系 ============ */
.page-guarantee { --text-c222: #151415; --guarantee-muted: #6b7280; --container-width: 1200px; --container-pad: 40px; overflow-x: hidden; background: url(../img/ban-bg1.jpg) no-repeat center top / 100% auto; }
.guarantee-container { width: 100%; max-width: var(--container-width, 1200px); margin: 0 auto; padding: 0 var(--container-pad, 40px); box-sizing: border-box; }

/* Hero */
.guarantee-hero { position: relative; min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; overflow: hidden; }
.hero-bg { position: absolute; inset: 0; z-index: -1; }
.hero-bg img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.hero-inner { position: relative; z-index: 1; }
.hero-title-en { font-family: var(--font-fn-r); font-size: clamp(44px, 7.8vw, 150px); line-height: 0.8; color: var(--text-c222); }
.hero-title-cn { font-size: clamp(16px, 2vw, 40px); color: var(--text-c222); }

/* hero-inner 在 guarantee-hero 中上下居中：wrapper 占满可用高度并垂直居中，
   二级栏目脱离文档流贴底，避免挤占居中区域 */
.guarantee-hero > .wrapper { flex: 1 1 auto; display: flex; align-items: center; justify-content: center; }
.guarantee-hero > .wrapper > .hero-inner { flex: 0 0 auto; max-width: 100%; }
.guarantee-hero > .hero-subnav { position: absolute; left: 0; right: 0; bottom: 0; margin-top: 0; }
.bansm { margin-top: 3.5vw;}

/* Hero 手写签名：1:1 复刻 footer-sign 动效（描边底层 + 逐字书写） */
.hero-sign { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; text-align: center; white-space: nowrap; pointer-events: none; font-family: var(--font-ast); font-size: clamp(32px, 4.2vw, 80px); line-height: 1; color: var(--text-cfff); font-weight: bold; }
.hero-sign::after { position: absolute; top: 0; left: 0; z-index: -1; content: attr(data-text); color: transparent; -webkit-text-stroke: 2px #222; opacity: 0; transition: opacity .8s ease .1s; }
.hero-sign.sign-in::after { opacity: 1; }
.hero-sign .sign-ch { display: inline-block; opacity: 0; clip-path: inset(-30% 105% -30% -10%); }
.hero-sign.sign-in .sign-ch { animation: signWrite .45s cubic-bezier(.3,.7,.4,1) forwards; animation-delay: calc(.3s + var(--i) * .16s); }

/* 内页 二级栏目 */
.hero-subnav { position: relative; z-index: 2; margin-top: auto; padding: 2vw 0 4vw; display: flex; flex-direction: column; align-items: center; gap: 28px; }
.subnav-inner { display: inline-flex; flex-wrap: wrap; justify-content: center; gap: 50px 10px; padding: 10px 14px; background: rgba(255,255,255,0.72); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-radius: 50px; border: 1px solid rgba(255,255,255,0.6); box-shadow: 0 10px 40px rgba(27,113,227,0.08); }
.subnav-inner a { display: inline-flex; align-items: center; padding: 0 22px; border-radius: 50px; font-size: var(--font-s14); color: var(--text-c222); transition: background .3s ease, color .3s ease; }

.subnav-inner { display: inline-flex; flex-wrap: wrap; justify-content: center; gap: 0px; padding: 6px 10px; background: rgba(255,255,255,0.3); border: 2px solid #fff; border-radius: 200px; box-shadow: 0 10px 40px rgba(27,113,227,0.08); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-sizing: border-box;}
.subnav-inner a { display: flex; flex-direction: column; align-items: center; padding: 6px 22px; color: var(--text-c222); transition: opacity .3s ease, transform .3s ease; }
.subnav-inner a p { font-family: var(--font-fn-r); font-size: clamp(16px, 1.5vw, 24px); text-transform: capitalize; }
.subnav-inner a span { margin-top: -0.3vw; font-size: clamp(12px, 1.1vw, 16px); white-space: nowrap; }
.subnav-inner a:hover,.subnav-inner a.active { transform: translateY(-2px); background: linear-gradient(45deg, #a0bde6, #8caedd); color: #fff; }
.subnav-inner.one a:hover,.subnav-inner.one a.active { background: linear-gradient(45deg, #e8e1ce 35%, #e3dcbc);}

/* 第一部分 列表页 */
.guarantee-list { padding: 60px 0 50px; }
.g-list-item { position: relative; padding: 16px 0; border-bottom: 1px solid rgba(21,20,21,0.08); cursor: pointer; transition: border-color .3s ease; }
.g-list-item:first-child { border-top: 1px solid rgba(21,20,21,0.08); }
.g-list-item::before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(234,243,251,0); transition: background .35s ease; z-index: -1; }
.g-list-main { display: flex; align-items: baseline; gap: 18px; }
.g-list-num { font-family: var(--font-fn-r); font-size: var(--font-s20); color: var(--text-c222); }
.g-list-title { font-size: var(--font-s16); color: var(--text-c222); line-height: 1.2; }
.g-list-en { font-size: var(--font-s16); color: var(--text-c999); }
.g-list-arrow { width: 30px; height: 30px; flex: 0 0 30px; border-radius: 50%; border: 1px solid rgba(34,34,34,0.3); background: url(../img/jt01.png) no-repeat center center / 16px auto; transition: background .35s ease, border-color .35s ease, transform .35s ease; }
.g-list-float { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0.92); width: 144px; height: 180px; border-radius: 6px; overflow: hidden; opacity: 0; pointer-events: none; box-shadow: 0 24px 60px rgba(27,113,227,0.18); transition: opacity .35s ease, transform .35s ease; z-index: 10; }
.g-list-float img { width: 100%; height: 100%; object-fit: cover; }
.g-list-item:hover .g-list-num { color: #1f73e3; }
.g-list-item:hover .g-list-title,
.g-list-item:hover .g-list-en { font-family: var(--font-sy-b); color: var(--text-c222);}
.g-list-item:hover .g-list-float { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.g-list-item:hover .g-list-arrow{ background: url(../img/jt02.png) no-repeat center center / 16px auto; border-color: #1f73e3; transform: translateX(4px); }
.guarantee-list.guarantee-list--gold .g-list-item:hover .g-list-num { color: #c2ad74; }
.guarantee-list.guarantee-list--gold .g-list-item:hover .g-list-arrow { background: url(../img/jt03.png) no-repeat center center / 16px auto; border-color: #c2ad74; transform: translateX(4px); }

/* 通用 section 标题 */
.section-num { display: block; font-family: var(--font-fn-r); font-size: 13px; color: var(--text-c457ac4); margin-bottom: 16px; }
.section-title-en { font-family: var(--font-fn-r); font-size: var(--font-s30); line-height: 1.12; color: var(--text-c222); margin-bottom: 12px; }
.section-title-cn { font-family: var(--font-sy-b); font-size: var(--font-s30); color: var(--text-c222); }

/* 政策合规保障 */
.guarantee-policy { padding: 60px 0 90px; }
.policy-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; margin-bottom: 36px; }
.policy-title-row { display: flex; justify-content: space-between; align-items: flex-end; }
.policy-title-row .section-title-en { font-family: var(--font-fn-r); font-size: var(--font-s60); color: var(--text-c222); line-height: 0.94; margin-bottom: 0; white-space: nowrap; }
.policy-title-row .section-num { font-family: var(--font-fn-r); font-size: var(--font-s20); margin-bottom: 0; padding-bottom: 0.5em; }
.policy-title-row .section-title-cn { font-family: var(--font-sy-l); font-size: var(--font-s30); color: var(--text-c222); margin-bottom: 0; padding-bottom: 0.2em; }
.policy-icon { width: 72px; height: 72px; flex: 0 0 72px; }
.policy-icon img { width: 100%; height: 100%; object-fit: contain; }
.policy-body { display: flex; justify-content: space-between; align-items: flex-start; gap: 40px; margin-bottom: 44px; }
.policy-text { max-width: 760px; font-size: 15px; line-height: 2; color: var(--guarantee-muted); }
.policy-text p + p { margin-top: 16px; }
.policy-btn { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; height: 48px; padding: 0 28px; border: 1px solid rgba(21,20,21,0.12); border-radius: 50px; font-family: var(--font-sy-m); font-size: var(--font-s14); color: var(--text-c222); transition: background .3s ease, color .3s ease, border-color .3s ease; }
.policy-btn:hover { background: var(--text-c457ac4); color: var(--text-cfff); border-color: var(--text-c457ac4); }
.policy-media { border-radius: 24px; overflow: hidden; box-shadow: 0 28px 70px rgba(27,113,227,0.12); }
.policy-media img { width: 100%; height: auto; display: block; aspect-ratio: 21 / 9; object-fit: cover; }

/* 大背景三板块 */
.guarantee-cluster { position: relative; padding: 90px 0; overflow: hidden; }
.cluster-bg { position: absolute; inset: 0; z-index: -1; }
.cluster-bg img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.cluster-block { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; margin-bottom: 80px; }

/* 服务标准保障 */
.block-service { position: relative; }
.service-title-row { position: relative; display: flex; justify-content: space-between; align-items: flex-start; }
.service-title-row .section-title-en { font-size: var(--font-s60); color: var(--text-c222); line-height: 0.94; margin-bottom: 0; white-space: nowrap; }
.service-title-row .section-num { font-size: var(--font-s20); color: var(--text-c222); margin-bottom: 0; }
.service-title-script { position: absolute; right: 0; bottom: -0.02em; font-family: var(--font-ast); font-size: var(--font-s40); line-height: 1; color: #1f73e3; white-space: nowrap; pointer-events: none; }
.service-text > .section-title-cn { font-size: var(--font-s30); color: var(--text-c222); font-family: var(--font-sy-l); }
.service-visual { position: relative; border-radius: 24px; overflow: hidden; box-shadow: 0 28px 70px rgba(27,113,227,0.12); }
.service-visual img { width: 100%; height: auto; display: block; aspect-ratio: 4 / 3; object-fit: cover; }
.service-float-icon { position: absolute; right: 24px; bottom: 24px; width: 64px; height: 64px; background: var(--bg-fff); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 12px 30px rgba(27,113,227,0.12); padding: 14px; box-sizing: border-box; }
.service-float-icon img { width: 100%; height: 100%; object-fit: contain; }
.service-text { position: relative; padding-bottom: 60px; }
.collapse-content { margin-top: 24px; font-size: var(--font-s16); line-height: 2; color: var(--text-c222); overflow: hidden; transition: max-height .45s ease, opacity .35s ease; max-height: 300px; opacity: 1; }
.collapse-content.collapsed { max-height: 72px; opacity: .75; }
.collapse-content p + p { margin-top: 16px; }
.collapse-toggle { position: absolute; right: 0; bottom: 0; width: 113px; height: 21px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: transform .3s ease; }
.collapse-toggle:hover { transform: translateX(-3px); }

/* 白色文案卡片 */
.cluster-card { position: relative; background: var(--bg-fff); border-radius: 24px; padding: 56px 64px; box-shadow: 0 28px 80px rgba(27,113,227,0.1); margin-bottom: 80px; }
.card-script-title { display: flex; align-items: center; gap: 14px; font-family: var(--font-fn-r); font-size: 30px; line-height: 1; color: #e0e0e0; margin-bottom: 34px; }
.card-script-icon { width: 34px; height: auto; object-fit: contain; }
.card-top { position: relative; z-index: 1; font-size: var(--font-s16); color: var(--text-c222); }
.card-cn p { font-size: 16px; line-height: 1.95; color: var(--text-c222); }
.card-cn p + p { margin-top: 12px; }
.card-cn strong { color: var(--text-c222); font-weight: 700; }
.card-side { position: absolute; top: 160px; right: 0; z-index: 1; display: flex; align-items: center; justify-content: flex-end; }
.card-retract { position: static; width: 89px; height: 89px; border-radius: 50%; font-family: var(--font-fn-r); font-size: 16px; color: var(--text-c222); background-color: transparent; box-shadow: inset 0 0 10px rgba(0,0,0,0.1); }
.card-en { margin-top: 34px; font-size: var(--font-s16); color: var(--text-c222); overflow: hidden; transition: max-height .45s ease, opacity .35s ease; max-height: 800px; opacity: 1; }
.card-en.collapsed { max-height: 0; opacity: 0; }

/* 纠纷处理保障 */
.block-dispute { grid-template-columns: 1fr 1fr; margin-bottom: 0; }
.dispute-text { display: flex; flex-direction: column; align-items: flex-start; }
.dispute-icon { width: 90px; height: auto; object-fit: contain; margin-bottom: 14px; }
.dispute-title { font-family: var(--font-fn-r); font-size: clamp(32px, 4.2vw, 56px); line-height: 1.06; color: var(--text-c222); }
.dispute-line { display: block; width: 1px; height: 34px; background: rgba(21,20,21,0.4); margin: 20px 0 18px; }
.dispute-text .section-num { color: var(--text-c222); font-size: var(--font-s14); margin-bottom: 8px; }
.dispute-text .section-title-cn { font-family: var(--font-sy-b); font-size: clamp(20px, 2.2vw, 26px); color: var(--text-c222); margin-bottom: 22px; }
.dispute-text p { font-size: 14px; line-height: 1.95; color: var(--text-c333); margin-bottom: 16px; }
.dispute-link { display: inline-block; font-family: var(--font-sy-m); font-size: var(--font-s14); color: var(--text-c1b71e3); border-bottom: 2px solid var(--text-c1b71e3); padding-bottom: 5px; transition: opacity .3s ease; }
.dispute-link:hover { opacity: .7; }
.dispute-visual { position: relative; border-radius: 20px; overflow: hidden; box-shadow: 0 28px 70px rgba(27,113,227,0.12); }
.dispute-visual img { width: 100%; height: auto; display: block; aspect-ratio: 1 / 1.1; object-fit: cover; }

/* 官方资质保障 */
.guarantee-qualify { position: relative; z-index: 0; padding: 100px 0 90px; }
.guarantee-qualify::after { content: ''; position: absolute; top: -30%; left: 0; z-index: -1; width: 100%; aspect-ratio: 1920/2274; background: url(../img/gfzzbz-bg.png) no-repeat center top;}
.qualify-bg { position: absolute; inset: 0; z-index: -1; }
.qualify-bg img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.qualify-head { margin-bottom: 60px; }
.qualify-head-top { display: flex; justify-content: space-between; align-items: flex-end; }
.qualify-title { font-family: var(--font-fn-r); font-size: var(--font-s60); line-height: 1; color: var(--text-c222); white-space: nowrap; }
.qualify-head .section-num { margin-bottom: 0.4em; font-size: var(--font-s14); color: var(--text-c222); white-space: nowrap; }
.qualify-head .section-title-cn { font-weight: 100 !important; font-size: var(--font-s30); color: var(--text-c222); margin: 12px 0 30px; }
.qualify-cols { }
.qualify-col-cn p, .qualify-col-en p { font-size: var(--font-s14); line-height: 1.95; color: var(--text-c333); margin: 0; }
.qualify-col-cn, .qualify-col-en { color: var(--text-c222); margin-top: 18px; }
.qualify-item-icon { width: 16px; height: 16px; flex: 0 0 16px; object-fit: contain; }
.qualify-body { align-items: unset; gap: 10px; }
.qualify-visual { width: calc(50% - 10px); aspect-ratio: 590/374; overflow: hidden; border-radius: 10px; box-shadow: 0 28px 70px rgba(27,113,227,0.12); }
.qualify-visual img { width: 100%; height: auto; display: block; aspect-ratio: 4 / 3; object-fit: cover; }
.qualify-swiper-wrap { position: relative; width: 50%; overflow: hidden; }
.qualify-swiper { position: relative; overflow: hidden; height: 100%; }
.qualify-swiper .swiper-slide { background: var(--bg-fff); border-radius: 10px; padding: 20px; height: 118px; box-sizing: border-box; border: 1px solid #e0e0e0; box-shadow: 0 8px 24px rgba(27,113,227,0.06); transition: transform .3s ease, box-shadow .3s ease; }
.qualify-swiper .swiper-slide img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.qualify-item:hover { transform: translateY(-3px); box-shadow: 0 14px 34px rgba(27,113,227,0.12); }
.qualify-item img { max-width: 100%; max-height: 100%; object-fit: contain; }
.qualify-swiper .swiper-drag-hint { position: absolute; left: 0; top: 0; width: 80px; height: 80px; pointer-events: none; z-index: 20; opacity: 0; transform: translate(-50%, -50%) scale(0.85); transition: opacity .25s ease, transform .25s ease; }
.qualify-swiper.swiper-hover .swiper-drag-hint { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.qualify-swiper .swiper-drag-hint img { width: 100%; height: 100%; object-fit: contain; }
.qualify-nav { display: flex; justify-content: center; gap: 14px; margin-top: 24px; }
.qualify-nav button { width: 48px; height: 48px; border-radius: 50%; border: 1px solid rgba(21,20,21,0.12); background: var(--bg-fff); cursor: pointer; position: relative; transition: background .3s ease, border-color .3s ease; }
.qualify-nav button:hover { border-color: var(--text-c457ac4); background: rgba(27,113,227,0.04); }
.qualify-nav button::before { content: ''; position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; border-right: 2px solid var(--text-c222); border-bottom: 2px solid var(--text-c222); }
.qualify-prev::before { transform: translate(-30%, -50%) rotate(135deg); }
.qualify-next::before { transform: translate(-70%, -50%) rotate(-45deg); }

/* 底部导航 */

.bottom-social { display: flex; justify-content: center; gap: 18px; }
.bottom-social a { width: 52px; height: 52px; border: 1px solid rgba(21,20,21,0.12); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: border-color .3s ease, transform .3s ease; }
.bottom-social a:hover { border-color: var(--text-c457ac4); transform: translateY(-3px); }
.bottom-social span { width: 22px; height: 22px; display: block; }

/* 页脚简易版 */
.footer-simple { padding: 28px 0; background: #f5fafd; }
.footer-simple::after { display: none; }
.footer-simple .footer-bottom { padding-top: 0; border-top: none; }
.footer-simple .footer-copy,
.footer-simple .footer-icp { color: #6b7280; }
.footer-simple .footer-sign { color: var(--text-c222); }
.footer-simple .footer-sign::after { -webkit-text-stroke: 2px rgba(21,20,21,0.25); }


/* ============ 内页通用 HERO（3-x / 4-x / 6-x） ============ */
.theme-warm { background: var(--bg-cream-gradient); }
.page-partner { background: url(../img/ban-bg1.jpg) no-repeat center top / 100% auto; }
.inner-hero { position: relative; min-height: 740px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 130px 0 0; overflow: hidden; }
.inner-hero .hero-bg { position: absolute; inset: 0; z-index: 0; }
.inner-hero .hero-bg img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
/* .inner-hero.on-photo .hero-bg::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,23,42,0.52) 0%, rgba(15,23,42,0.42) 45%, rgba(15,23,42,0.55) 100%); } */
.inner-hero.on-warm .hero-bg img { opacity: 0.5; -webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 92%); mask-image: linear-gradient(180deg, #000 0%, transparent 92%); }
.inner-hero-inner { position: relative; z-index: 1; margin-top: 8vw; }
.inner-hero-en { position: relative; font-family: var(--font-fn-r); font-size: clamp(44px, 7.8vw, 150px); line-height: 1; color: var(--text-c222); letter-spacing: 0.03em; white-space: nowrap; }
.inner-hero-sign { position: absolute; left: 50%; top: 52%; transform: translate(-50%, -50%); z-index: 2; font-family: var(--font-ast); font-size: clamp(34px, 3.4vw, 62px); color: var(--text-c222); font-weight: bold; white-space: nowrap; pointer-events: none; }
.inner-hero-cn { position: relative; z-index: 1; margin-top: -1vw; font-size: clamp(22px, 2vw, 40px); color: var(--text-c222); }
.inner-hero.on-photo .inner-hero-en { color: var(--text-cfff); }
/* 3-2 标题：手写签名左对齐压在标题上方，1:1 还原设计稿（参考 3-1 的 hero-sign 书写动效） */
.inner-hero.sign-left .inner-hero-inner { text-align: left; }
.inner-hero.sign-left .inner-hero-sign { left: 0; top: 0; transform: translateY(-30%); font-size: clamp(48px, 6vw, 120px); }
.inner-hero.sign-left .inner-hero-sign::after { position: absolute; top: 0; left: 0; z-index: -1; content: attr(data-text); color: transparent; -webkit-text-stroke: 2px rgba(255,255,255,0.5); opacity: 0; transition: opacity .8s ease .1s; }
.inner-hero.sign-left .inner-hero-sign.sign-in::after { opacity: 1; }
.inner-hero.sign-left .inner-hero-sign .sign-ch { display: inline-block; opacity: 0; clip-path: inset(-30% 105% -30% -10%); }
.inner-hero.sign-left .inner-hero-sign.sign-in .sign-ch { animation: signWrite .45s cubic-bezier(.3,.7,.4,1) forwards; animation-delay: calc(.3s + var(--i) * .16s); }
.inner-hero.on-photo .inner-hero-sign { color: rgba(255,255,255,0.92); }
.inner-hero.on-photo .inner-hero-cn { color: rgba(255,255,255,0.92); }
/* .hero-dots { position: absolute; top: 44%; width: 16px; height: 16px; background: radial-gradient(circle, #8caedd 2.2px, transparent 3px) 0 0 / 8px 8px; opacity: 0.7; z-index: 2; }
.hero-dots.dots-l { left: 18%; }
.hero-dots.dots-r { right: 18%; } */
.inner-hero.on-photo ~ .hero-subnav .subnav-inner, .inner-hero.on-photo .hero-subnav .subnav-inner { background: rgba(15,20,30,0.35); border-color: rgba(255,255,255,0.28); }
.inner-hero.on-photo .subnav-inner a { color: rgba(255,255,255,0.92); }
.subnav-inner a.active { background: linear-gradient(45deg, #8caedd, #a0bde6); color: var(--text-cfff); }
.theme-warm .subnav-inner a.active { background: linear-gradient(45deg, #dcd3bb, #cfc4a6); color: #3a3425; }

/* === guarantee-hero 修饰类（统一内页 hero，参照 1-1 结构） === */
/* on-photo：深色蒙版 + 白色文字 */
.guarantee-hero.on-photo > .wrapper { justify-content: flex-start; padding-left: 7vw; box-sizing: border-box;}
/* .guarantee-hero.on-photo .hero-bg::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,23,42,0.52) 0%, rgba(15,23,42,0.42) 45%, rgba(15,23,42,0.55) 100%); } */

.guarantee-hero.on-photo.ban-pos-btm > .wrapper{ align-items: flex-end; padding-bottom: 190px; }
.guarantee-hero.on-photo .hero-title-en { font-size: clamp(40px, 5vw, 70px);}
.guarantee-hero.on-photo .hero-title-en,
.guarantee-hero.on-photo .hero-title-cn { color: var(--text-cfff); }
.guarantee-hero.on-photo .hero-sign { color: #efce77; }
.guarantee-hero.on-photo .hero-sign::after { -webkit-text-stroke: 2px var(--text-c222); display: none; }
.guarantee-hero.on-photo .hero-subnav .subnav-inner { background: rgba(15,20,30,0.35); border-color: rgba(255,255,255,0.28); }
.guarantee-hero.on-photo .subnav-inner a { color: rgba(255,255,255,0.92); }
/* on-warm：暖色浅底蒙版，文字保持深色 */
.guarantee-hero.on-warm .hero-bg img { opacity: 0.5; -webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 92%); mask-image: linear-gradient(180deg, #000 0%, transparent 92%); }
/* sign-left：居左排版，签名压在标题上方 */
.guarantee-hero.on-photo { text-align: left; }
.guarantee-hero.on-photo .hero-inner { text-align: left; }
.guarantee-hero.on-photo .hero-sign { left: 0; top: 0; transform: translateY(-30%); font-size: clamp(48px, 7vw, 120px); }
.guarantee-hero.on-photo .hero-sign { left: 0; top: 0; transform: translateY(-30%); font-size: clamp(20px, 3.5vw, 50px); }
.guarantee-hero.on-photo .hero-sign::after { position: absolute; top: 0; left: 0; z-index: -1; content: attr(data-text); color: transparent; -webkit-text-stroke: 2px rgba(255,255,255,0.5); opacity: 0; transition: opacity .8s ease .1s; }
.guarantee-hero.on-photo .hero-sign.sign-in::after { opacity: 1; }
.guarantee-hero.on-photo .hero-sign .sign-ch { display: inline-block; opacity: 0; clip-path: inset(-30% 105% -30% -10%); }
.guarantee-hero.on-photo .hero-sign.sign-in .sign-ch { animation: signWrite .45s cubic-bezier(.3,.7,.4,1) forwards; animation-delay: calc(.3s + var(--i) * .16s); }

/* 页面大号水印 */
.page-watermark { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 0; font-family: var(--font-fn-r); font-size: clamp(80px, 16vw, 260px); color: rgba(21,20,21,0.045); letter-spacing: 0.04em; white-space: nowrap; pointer-events: none; user-select: none; line-height: 1; }
.page-watermark.wm-ast { font-family: var(--font-ast); font-weight: bold; }

/* 居中简介块 */
.intro-block { position: relative; z-index: 1; max-width: clamp(300px, 88vw, 1200px); margin: 0 auto; text-align: center; }
.intro-cn { font-family: var(--font-sy-m); font-size: clamp(14px, 1.3vw, 20px); color: var(--text-c222); line-height: 1.8; }
.intro-en { margin-top: 14px; font-family: var(--font-sy-l); font-size: clamp(12px, 1vw, 16px); color: var(--text-c222); line-height: 1.5; }
.intro-note { margin-top: 16px; gap: 8px; font-size: var(--font-s14); color: var(--text-c666); }
.ouradv0 .intro-en { color: var(--text-c222);}

/* 入口卡片（3-1 / 4-1） */
.entry-section { position: relative; padding: 4vw 0 0; }
.entry-cards { position: relative; z-index: 1; display: grid; gap: 30px; }
.entry-cards.cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.entry-cards.cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 1080px; margin: 0 auto; }
.entry-card { position: relative; display: block; border-radius: 10px; overflow: hidden; aspect-ratio: 585/730; box-shadow: 0 18px 50px rgba(27,113,227,0.12); }
.entry-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.entry-card:hover img { transform: scale(1.05); }
.entry-card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(255,255,255,0.45) 0%, rgba(255,255,255,0) 32%); pointer-events: none; }
.entry-card.light-text::after { background: linear-gradient(180deg, rgba(15,23,42,0.35) 0%, rgba(15,23,42,0) 32%); }
.entry-card-info { position: absolute; left: 24px; top: 22px; z-index: 2; text-align: left; color: var(--text-c222); }
.entry-card-info .e-en { display: block; font-family: var(--font-fn-r); font-size: clamp(18px, 1.8vw, 30px); line-height: 1; }
.entry-card-info .e-cn { display: block; font-family: var(--font-sy-l); font-size: clamp(16px, 1.5vw, 24px); }
.entry-card.light-text .entry-card-info .e-en, .entry-card.light-text .entry-card-info .e-cn { color: var(--text-cfff); text-shadow: 0 2px 12px rgba(0,0,0,0.35); }

/* 通用内容块标题 */
.block-head { position: relative; z-index: 1; margin-bottom: 44px; }
.block-title-en { font-family: var(--font-fn-r); font-size: clamp(40px, 4.5vw, 80px); line-height: 0.9; color: var(--text-c222); font-weight: 400; }
/* .block-title-en em { font-weight: 300; color: #a7adb5; } */
.seek-section .block-title-en { font-size: clamp(40px, 4.5vw, 80px); }
.seek-section .block-title-en em { font-style: normal; font-weight: 400; color: transparent; -webkit-text-stroke: 1px var(--text-c222); }
.req-section .block-title-en em { font-style: normal; font-weight: 400; color: transparent; -webkit-text-stroke: 1px var(--text-c222); }
.block-title-cn { margin-top: -10px; font-size: clamp(18px, 1.8vw, 30px); color: var(--text-c222); }

/* ============ 3-2 渠道合作 ============ */
.seek-section { position: relative; margin: 120px 0; }
.weprov-section { margin-top: -120px;}
.seek-grid { position: relative; z-index: 1; gap: 40px; align-items: center; }
.seek-media { width: 50%; border-radius: 10px 10px 10px 0; overflow: hidden; box-shadow: 0 24px 60px rgba(27,113,227,0.12); }
.seek-media img { width: 100%; display: block; aspect-ratio: 3 / 2; object-fit: cover; }
.weprov { border-radius: 10px 0 10px 10px;}
.seek-text { width: calc(50% - 40px);}
.check-list { display: grid; grid-template-columns: 1fr; gap: 18px; margin-top: 20px; }
.check-item { gap: 14px; }
.check-icon { flex: 0 0 24px; width: 20px; height: 20px; object-fit: contain; margin-top: 2px; }
.check-txt { flex: 1; line-height: 1; font-family: var(--font-sy-m); font-size: var(--font-s18); color: var(--text-c333); }
.check-txt small { font-family: var(--font-sy-l); font-size: var(--font-s14); color: var(--text-c999); margin-left: 10px; letter-spacing: 0.02em; }
.partner-wrap { position: relative; overflow: hidden; padding: 60px 0 0; }
.partner-wrap-bg { position: absolute; inset: 0; z-index: 0; }
.partner-wrap-bg img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.req-section { position: relative; z-index: 1; padding: 20px 0 60px; }
.req-section .block-title-en { background: linear-gradient(100deg, var(--text-c222), rgba(255,255,255,0.5) 40%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.req-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 40px; }
.req-card { position: relative; z-index: 1; overflow: hidden; background: #fff; font-size: var(--font-s16); color: var(--text-c222); border-radius: 12px; padding: 34px 32px 28px; transition: transform .35s ease, box-shadow .35s ease; }
.req-card:hover { transform: translateY(-5px); box-shadow: 0 20px 46px rgba(27,113,227,0.14); }
.req-icon { position: absolute; right: -24px; bottom: -6px; width: 162px; z-index: 1; pointer-events: none; }
.req-en { position: relative; z-index: 1; font-family: var(--font-fn-r); font-size: clamp(24px, 2.5vw, 40px); line-height: 1; color: var(--text-c222); }
.req-cn { position: relative; z-index: 1; font-family: var(--font-sy-l); font-size: clamp(16px, 1.8vw, 24x); color: var(--text-c333); }
.req-no { position: relative; z-index: 1; margin-top: 26px; font-family: var(--font-sy-l); }
.apply-section { position: relative; z-index: 1; padding-top: 120px;}
.apply-bg { padding-bottom: 150px; background: url(../img/ljzx-bg.jpg) no-repeat center bottom / 100% auto;}
.apply-head { position: relative; }
.ljzx-pos { position: relative; z-index: 1; background: url(../img/ljzx-icon.png) no-repeat right bottom / contain;}
.apply-icon { position: absolute; right: 0; top: 4px; width: 54px; height: 54px; object-fit: contain; }
.apply-form { position: relative; z-index: 1; padding: 40px; box-sizing: border-box; background-color: #f5f5f5; border-radius: 20px; box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.05);}
.apply-form.bgfff { background-color: #fff; }
.form-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.form-field { border: 1px solid #e8e8e8; border-radius: 8px; padding: 12px 16px; background: #fff; transition: border-color .3s ease, box-shadow .3s ease; box-sizing: border-box; }
.form-field:focus-within { border-color: var(--text-c457ac4); box-shadow: 0 0 0 3px rgba(69,122,196,0.1); }
.form-label { display: block; margin-bottom: 6px; font-family: var(--font-sy-l); font-size: 16px; color: #8a94a3; }
.form-label b { font-family: var(--font-sy-m); font-weight: normal; color: var(--text-c222); margin-right: 6px; }
.form-input input, .form-input select, .form-input textarea { width: 100%; border: 0; background: transparent; font-size: var(--font-s16); color: var(--text-c333); padding: 0; }
.form-input textarea { min-height: 120px; resize: none; line-height: 1.7; }
.form-field.full { grid-column: 1 / -1; }
.form-field.span-2 { grid-column: span 2; }
.form-select { position: relative; }
.form-select select { appearance: none; -webkit-appearance: none; cursor: pointer; }
.form-arrow { position: absolute; right: 16px; top: 50%; transform: translateY(-30%) rotate(-45deg); width: 9px; height: 9px; border-right: 2px solid var(--text-c999); border-bottom: 2px solid var(--text-c999); pointer-events: none; }
.form-bottom { margin-top: 18px; gap: 18px; align-items: stretch; }
.form-captcha { border: 1px solid #e8e8e8; border-radius: 8px; padding: 12px 16px; background: #fff; box-sizing: border-box; gap: 16px; }
.form-captcha .form-input { flex: 1; }
.captcha-code { font-family: var(--font-ast); font-size: 30px; color: var(--text-c1b71e3); letter-spacing: 0.12em; font-weight: bold; padding-left: 18px; line-height: 1; }
.captcha-code img { width: 100%; aspect-ratio: 3 / 2; object-fit: contain; }
.form-submit { flex: 0 0 210px; height: 86px; border: 1px solid #d7dde6; border-radius: 10px; background: #fff; color: #b7c0cc; cursor: pointer; transition: background .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease; }
.form-submit .fs-en { font-family: var(--font-fn-r); font-size: var(--font-s30); line-height: 0.9; color: rgba(34, 34, 34, 0.2); letter-spacing: 0.12em; }
.form-submit .fs-cn { line-height: 1; font-size: var(--font-s20); color: var(--text-c222); }
.form-submit:hover { background: linear-gradient(45deg, #8caedd, #a0bde6); border-color: transparent; color: var(--text-cfff); box-shadow: 0 12px 30px rgba(69,122,196,0.28); }
.form-submit:hover .fs-en { color: var(--text-cfff); }
.form-submit:hover .fs-cn { color: var(--text-cfff); }

/* ============ 3-4 找到我们 ============ */
.find-intro { position: relative; padding: 90px 0 0; }
.region-tabs { gap: 16px; margin: 40px 0 44px; flex-wrap: wrap; }
.region-tab { padding: 12px 36px; border-radius: 999px; border: 1px solid #f5f5f5; background: #f5f5f5; font-size: var(--font-s16); color: #5a6675; cursor: pointer; transition: background .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease; }
.region-tab.active { background: linear-gradient(45deg, #8caedd, #a0bde6); color: var(--text-cfff); border-color: transparent; }

/* 地区卡片 */
.location-card { position: relative; background: var(--bg-fff); border-radius: 18px; padding: 44px 48px; box-shadow: 0 24px 70px rgba(27,113,227,0.1); overflow: hidden; }
.location-card::before { content: ''; position: absolute; right: -30px; bottom: -40px; width: 380px; height: 380px; background: url(../img/pp4-bg2.png) no-repeat center / contain; opacity: 0.05; pointer-events: none; }
.loc-title { padding-bottom: 18px; margin-bottom: 22px; border-bottom: 1px solid #eef1f5; font-family: var(--font-sy-b); font-size: var(--font-s20); color: var(--text-c222); position: relative; z-index: 1; }
.loc-title small { font-family: var(--font-fn-r); font-weight: 400; font-size: var(--font-s16); color: var(--text-c999); margin-left: 10px; }
.loc-row { gap: 12px; margin-bottom: 13px; padding-left: 30px; font-size: clamp(12px, 1.1vw, 16px); align-items: flex-start; position: relative; z-index: 1; color: var(--text-c222); }
.loc-ico { position: absolute; inset: 0; left: 0; top: 0; z-index: 1; width: 18px; height: 19px; }
.loc-ico img { width: 100%; height: 100%; object-fit: contain; }
.loc-cn { flex: 1; }
.loc-cn-label,.loc-en-label { font-family: var(--font-sy-b); }
.loc-en { flex: 1; }
.loc-en-text,.loc-cn-text { font-family: var(--font-sy-l); }

/* ============ 4-2 / 4-3 优势详情 ============ */
.adv-anchor { position: relative; padding: 70px 0 50px; }
/* .adv-watermark { font-family: var(--font-fn-r); font-size: clamp(64px, 16vw, 276px); color: rgba(21,20,21,0.05); letter-spacing: 0.2em; white-space: nowrap; line-height: 1; overflow: hidden; user-select: none; } */
.adv-watermark.wm-ast { font-family: var(--font-ast); font-weight: bold; }
.adv0 { position: relative;}

/* 4-2 城市简介：大水印 + 花枝图标 + 双语文案 + 双标签（按设计稿 1:1） */
.adv0 { margin-top: 50px;}
.adv0 .adv-watermark { position: absolute; z-index: 0; background: linear-gradient(180deg, rgba(21,20,21,0.05) 33%, rgba(21,20,21,0) 92%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; text-align: center; font-size: clamp(64px, 16vw, 276px); letter-spacing: 0.2em; white-space: nowrap; line-height: 1; overflow: hidden; user-select: none; font-family: var(--font-fn-r); }
.adv0 .guarantee-container { position: relative; z-index: 1; margin-top: 4vw; }
.adv0 .note-ico { position: absolute; left: 50%; top: 6.5vw; transform: translateX(-50%); width: clamp(56px, 8vw, 124px); z-index: 1; text-align: center;  }
.adv0 .intro-block { max-width: 81vw; margin: -3.65vw auto 0; text-align: center; }
.adv0 .intro-cn { font-family: var(--font-sy-m); font-size: clamp(14px, 1.3vw, 20px); line-height: 1.5; color: var(--text-c222); }
.adv0 .intro-en { margin-top: 1.2vw; font-family: var(--font-sy-l); font-size: clamp(11px, 1.12vw, 16px); line-height: 1.625; color: var(--text-c222); hyphens: auto; -webkit-hyphens: auto; }
.adv0 .intro-tags { display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 40px; }
.adv0 .intro-tag { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 8px 30px; border-radius: 999px; line-height: 1.3; white-space: nowrap; background-color: #f5f5f5; color: #666; font-family: var(--font-sy-l); font-size: clamp(11px, 1.12vw, 16px); }
.adv0 .intro-tag.active { background-color: #e8e1ce; font-family: var(--font-sy-b); color: var(--text-c222); }

.adv-section { position: relative; padding-bottom: 90px; }
.adv-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.adv-grid.rev .adv-text { order: 2; }
.adv-grid.rev .adv-media-wrap { order: 1; }
.adv-head { gap: 20px; align-items: flex-start; margin-bottom: 18px; }
.adv-nb { flex: 0 0 auto; font-family: var(--font-fn-r); font-size: clamp(14px, 1.3vw, 20px); color: var(--text-c457ac4); letter-spacing: 0.08em; padding-top: 10px; }
.adv-title-en { font-family: var(--font-fn-r); font-size: clamp(24px, 2.6vw, 36px); line-height: 1.25; color: var(--text-c222); font-weight: 400; }
.adv-title-en em { font-family: 'Cormorant Garamond', serif; font-style: italic; font-weight: 300; color: #a7adb5; padding-right: 0.1em; }
.adv-title-cn { margin-top: 8px; font-family: var(--font-sy-b); font-size: var(--font-s18); color: var(--text-c222); letter-spacing: 0.05em; }
.adv-txt { font-family: var(--font-sy-l) !important; font-size: var(--font-s16); color: var(--text-c222); line-height: 2; }
.adv-txt p + p { margin-top: 12px; }
.adv-quote { margin: 20px 0; padding: 4px 0 4px 20px; border-left: 3px solid var(--text-c457ac4); font-family: var(--font-sy-l); font-size: var(--font-s14); color: #5a6675; line-height: 1.9; }
.adv-bullets { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 16px; }
.adv-bullets li { gap: 10px; font-size: var(--font-s14); color: var(--text-c666); justify-content: flex-start; }
.adv-bullets li::before { content: ''; flex: 0 0 6px; width: 6px; height: 6px; border-radius: 50%; background: var(--text-c457ac4); margin-top: 9px; }
.adv-bullets li span { flex: 1; }
.adv-media { border-radius: 16px; overflow: hidden; box-shadow: 0 22px 56px rgba(21,20,21,0.1); }
.adv-media img { width: 100%; display: block; object-fit: cover; }
.adv-media.ratio-43 img { aspect-ratio: 4 / 3; }
.adv-media.ratio-169 img { aspect-ratio: 16 / 9; }
.adv-media.ratio-34 img { aspect-ratio: 3 / 4; }
.adv-thumbs { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.adv-thumbs .adv-media img { aspect-ratio: 1 / 1; }
.adv-media-stack { display: grid; grid-template-columns: 1fr; gap: 18px; }
.adv-float-thumb { float: right; width: 120px; margin: 0 0 12px 18px; border-radius: 12px; overflow: hidden; box-shadow: 0 14px 36px rgba(21,20,21,0.1); }
.adv-float-thumb img { width: 100%; display: block; aspect-ratio: 1 / 1; object-fit: cover; }
.adv-grid.three { grid-template-columns: 1fr 1.06fr 1fr; gap: 48px; align-items: center; }
.adv-side-media { flex: 0 0 auto; text-align: right; }
.adv-side-media .adv-nb { display: block; padding-top: 0; margin-bottom: 14px; }
.adv-side-media .adv-sm-img { width: 168px; margin-left: auto; border-radius: 12px; overflow: hidden; box-shadow: 0 14px 36px rgba(21,20,21,0.12); }
.adv-side-media .adv-sm-img img { width: 100%; display: block; aspect-ratio: 1 / 1; object-fit: cover; }
.adv-thumbs.land { gap: 24px; }
.adv-thumbs.land .adv-media img { aspect-ratio: 4 / 3; }
.adv-thumbs.vert { grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; }
.adv-media-stack.land { gap: 22px; }
.adv-media-stack.land .adv-media img { aspect-ratio: 4 / 3; }
.adv-media-row { display: grid; grid-template-columns: 1.7fr 1fr; gap: 18px; margin-top: 44px; align-items: stretch; }
.adv-media-row.rev { grid-template-columns: 1fr 1.7fr; }
.adv-media-row .adv-media { height: 100%; }
.adv-media-row > .adv-media img, .adv-media-row .adv-thumbs img { aspect-ratio: auto; height: 100%; }
.adv-trio { display: grid; grid-template-columns: 1.7fr 1fr 1fr; gap: 18px; margin-top: 40px; }
.adv-trio .adv-media { height: 100%; }
.adv-trio img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: auto; }
.theme-warm .adv-media { box-shadow: 0 22px 56px rgba(120,100,60,0.12); }
.theme-warm .g-list-item:hover::before,
.theme-warm .g-list-item.active::before { background: rgba(220,211,187,0.35); }
.theme-warm .g-list-num { color: #a89a76; }
.theme-warm .g-list-item:hover .g-list-arrow,
.theme-warm .g-list-item.active .g-list-arrow { border-color: #a89a76; }
.theme-warm .g-list-float { box-shadow: 0 24px 60px rgba(120,100,60,0.22); }
.theme-warm .adv-nb { color: #a89a76; }
.theme-warm .adv-title-en em { color: #b3aa94; }
.theme-warm .adv-quote { border-left-color: #c9bd9e; color: #6f6756; }
.theme-warm .adv-bullets li::before { background: #c9bd9e; }

/* ============ 6-1 消息博客 ============ */
.news-section { position: relative; padding: 80px 0 0; }
.news-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
.news-card { padding: 30px; background: var(--bg-fff); border-radius: 14px; overflow: hidden; border: 1px solid #ededed; border-radius: 10px; transition: transform .4s ease, box-shadow .4s ease; }
.news-card:hover { border-color: transparent; transform: translateY(-6px); box-shadow: 0 16px 40px rgba(21,20,21,0.12); }
.news-card .img-box { width: 100%; aspect-ratio: 32 / 22; overflow: hidden; border-radius: 10px; }
.news-card .img-box img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.news-card:hover .img-box img { transform: scale(1.05); }
.news-card .text-box { margin-top: 10px;}
.news-card .n-title { font-size: clamp(14px, 1.5vw, 24px); line-height: 1.45; color: var(--text-c222); margin-bottom: 10px; }
.news-card .n-desc { font-family: var(--font-sy-l); font-size: clamp(12px, 1vw, 16px); line-height: 1.6; color: var(--text-c999); margin-bottom: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.news-card .n-date { gap: 8px; font-size: clamp(12px, 1vw, 16px); color: #999; justify-content: flex-start; }
.news-card:hover .n-date { color: #b19c64;}
.news-card .n-date i { width: 18px; height: 18px; background: url(../img/date-icon1.png) no-repeat center / contain; }
.news-card:hover .n-date i {background-image: url(../img/date-icon3.png); }
.news-card .n-date span { flex: 0 0 auto; }
.pager { gap: 10px; margin-top: 50px; flex-wrap: wrap; }
.pager-item { min-width: 40px; height: 40px; padding: 0 12px; border: 1px solid #e3ddcd; border-radius: 8px; background: var(--bg-fff); font-family: var(--font-fn-r); font-size: var(--font-s16); color: #7a7468; cursor: pointer; transition: background .3s ease, color .3s ease, border-color .3s ease; box-sizing: border-box; }
.pager-item:hover { border-color: #cfc4a6; color: #3a3425; }
.pager-item.active { background: #d9d0b8; border-color: transparent; color: #3a3425; }
.pager-item.pager-ellipsis { border: 0; background: transparent; cursor: default; pointer-events: none; color: #b5af9f; }


/* 3-2 */
.req-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 40px; }

/* ======================= 4-3「我们的优势」 ======================= */
/* ---------- ⓪ 页面基底 ---------- */
.page-our-adv {
  --container-width: 1282px;
  --container-pad: 40px;
  --adv-gold: #c2ad74;
  --adv-gray: #999999;
   color: var(--text-c222);
}

/* ---------- ① 锚点列表 #list（点击/悬停切换下方五个板块） ---------- */
.page-our-adv .guarantee-list { padding: 56px 0 0; }
.page-our-adv .g-list-item { min-height: 65px; padding: 0; align-items: center; }
.page-our-adv .g-list-main { flex: 1 1 auto; min-width: 0; gap: 20px; align-items: baseline; }
.page-our-adv .g-list-num { flex: 0 0 136px; font-family: var(--font-fn-r); font-size: 20px; line-height: 1; }
.page-our-adv .g-list-title { flex: 0 0 auto; max-width: none; font-size: 16px; line-height: 1.2; white-space: nowrap; }
.page-our-adv .g-list-en { flex: 0 1 auto; min-width: 0; max-width: none; font-size: 16px; line-height: 1.2; color: var(--adv-gray); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.page-our-adv .g-list-arrow {
  flex: 0 0 35px; width: 35px; height: 35px; position: relative;
  background: none; border: 1px solid rgba(34, 34, 34, .25); color: rgba(34, 34, 34, .55);
  transition: border-color .35s ease, color .35s ease;
}
.page-our-adv .g-list-arrow::before,
.page-our-adv .g-list-arrow::after { content: ''; position: absolute; left: 50%; top: 50%; }
.page-our-adv .g-list-arrow::before { width: 15px; height: 1px; background: currentColor; transform: translate(-50%, -50%); }
.page-our-adv .g-list-arrow::after { width: 7px; height: 7px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; transform: translate(-14%, -50%) rotate(45deg); }
.page-our-adv .g-list-item:hover .g-list-arrow,
.page-our-adv .g-list-item.active .g-list-arrow { background: none; border-color: var(--adv-gold); color: var(--adv-gold); transform: none; }
.page-our-adv .g-list-item:hover .g-list-num,
.page-our-adv .g-list-item.active .g-list-num { color: var(--adv-gold); }
.page-our-adv .g-list-item:hover .g-list-title,
.page-our-adv .g-list-item:hover .g-list-en,
.page-our-adv .g-list-item.active .g-list-title,
.page-our-adv .g-list-item.active .g-list-en { font-family: inherit; color: var(--text-c222); }
.page-our-adv .g-list-float { left: auto; right: 165px; top: 50%; width: 147px; height: 196px; transform: translateY(-50%) scale(.92); box-shadow: 0 18px 44px rgba(21, 20, 21, .16); }
.page-our-adv .g-list-item:hover .g-list-float { transform: translateY(-50%) scale(1); }

/* ---------- ② 引导简介 #intro / .adv0（设计稿 y1456–1828） ---------- */
/* 板块基底（原「.adv-section」公用样式按块拆出，含 :last-of-type 之外的 adv0 专属项） */
.adv0 { position: relative; padding-top: 120px; margin: 0; overflow: hidden; }
/* 文字色统一由 .intro-block / .adv0 继承 --text-c222 */
.adv0 .adv-watermark { left: 0; right: 0; top: 118px; text-align: center; }
.adv0 .intro-block { position: relative; z-index: 1; max-width: 1200px; margin: 0 auto; padding: 76px 0 0; text-align: center; }
.adv0 .note-ico { position: static; left: auto; top: auto; transform: none; width: auto; margin: 0; padding: 0; line-height: 0; text-align: center; }
.adv0 .note-ico img { display: inline-block; width: 60px; height: 62px; }
.adv0 .intro-cn { max-width: 900px; margin: 24px auto 0; font-family: var(--font-sy-r); font-size: 20px; line-height: 30px; }
.adv0 .intro-cn strong { font-family: var(--font-sy-b); font-weight: 400; }
.adv0 .intro-en { max-width: 1180px; margin: 20px auto 0; font-size: 16px; line-height: 26px; }

/* ---------- ③ Part 01 资源壁垒 #adv-01（设计稿 y1948–3326） ---------- */
/* 3.1 板块基底 */
.ouradv1 { position: relative; background: url(../img/ourys-bg1.png) no-repeat center top / 100% auto; }
/* 3.2 头部骨架（原「板块公用样式 2.5」拆出） */
.ouradv1 .ouradv-head { position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; }
.ouradv1 .ouradv-head-txt { position: relative; flex: 1 1 auto; min-width: 0; }
/* 3.3 标题（原「板块公用样式 2.1」拆出 + Part 01 专属偏移） */
.ouradv1 .adv-watermark { line-height: 1; color: rgba(34, 34, 34, 0.1); font-size: clamp(48px, 6.5vw, 120px); font-family: var(--font-fn-r); }
.ouradv1 .adv-title-en { font-family: var(--font-fn-r); font-size: clamp(24px, 2.4vw, 40px); line-height: 44px; font-weight: 400; letter-spacing: 0; margin-top: 15px; }
.ouradv1 .adv-title-cn { margin-top: 25px; font-family: var(--font-sy-m); font-size: clamp(18px, 1.8vw, 30px); line-height: 1; letter-spacing: 0; }
.ouradv1 .adv-title-cn p{ margin-top: 6px; font-family: var(--font-sy-l); font-size: clamp(14px, 1.5vw, 24px);}
.ouradv1 .adv-nb { flex: 0 0 auto; padding: 0; font-family: var(--font-fn-r); font-size: 20px; line-height: 20px; letter-spacing: 0; color: var(--text-c222); }
.ouradv1 .adc-title-sm { font-family: var(--font-sy-m); font-size: 24px; line-height: 36px; margin-top: 4px; }
/* 3.4 正文（原「板块公用样式 2.2」拆出） */
.ouradv1 .adv-txt { position: relative; z-index: 1; font-family: var(--font-sy-r); font-size: 16px; line-height: 28px; }
.ouradv1 .adv-txt p + p { margin-top: 8px; }
.ouradv1 .adv-txt b,
.ouradv1 .adv-txt strong { font-family: var(--font-sy-b); font-weight: 400; }
/* 3.5 项目符号（原「板块公用样式 2.3」拆出） */
.ouradv1 .adv-bullets { display: block; margin-top: 9px; }
.ouradv1 .adv-bullets li { display: flex; align-items: flex-start; gap: 12px; font-size: 16px; line-height: 28px; color: var(--text-c222); }
.ouradv1 .adv-bullets li::before { display: none; }
.ouradv1 .adv-bullets li span:last-child { flex: 1; }
.ouradv1 .adv-bullets .b-ico { flex: 0 0 18px; display: flex; align-items: center; height: 28px; }
.ouradv1 .adv-bullets .b-ico img { display: block; }
/* 3.6 配图（原「板块公用样式 2.4」拆出 + Part 01 专属上边距） */
.ouradv1 .adv-media { border-radius: 10px; overflow: hidden; box-shadow: none; margin-top: 31px; }
.ouradv1 .adv-media img { width: 100%; display: block; object-fit: cover; }
.ouradv1 .ratio-land img { aspect-ratio: 1200 / 500; }
/* 3.7 Part 01 专属 */
.ouradv1 .ouradv-head-side { flex: 0 0 auto; text-align: right; }
.ouradv1 .ouradv-head-side .adv-nb { display: block; }
.ouradv1 .adv-sm-img { width: 160px; overflow: hidden; box-shadow: 14px 18px 13px rgba(76, 60, 16, .13); border-radius: 10px; }
.ouradv1 .adv-sm-img img { width: 100%; display: block; aspect-ratio: 160 / 204; object-fit: cover; }
.ouradv1 .ouradv-txt { margin-top: 40px; }
.ouradv1 .adv-txt-cn { max-width: 900px; }
.ouradv1 .adv-txt-en { margin-top: 9px; }

/* ---------- ④ Part 02 文化适配 #adv-02（设计稿 y3444–4484） ---------- */
.ouradv2 { position: relative; }
/* 水印 x470（层 bbox）− 容器左缘 320 = 150；此处左移是因为描边字视觉重心偏右 */
.ouradv2 .adv-watermark { margin-left: clamp(70px, 8.5vw, 150px); top: 0; line-height: 1; background: none; -webkit-text-fill-color: transparent; color: transparent; -webkit-text-stroke: 1px rgba(0, 0, 0, 0.26); paint-order: stroke fill; font-size: clamp(48px, 6.5vw, 120px); font-family: var(--font-fn-r); }
/* 头部骨架（原「板块公用样式 2.5」拆出） */
.ouradv2 .ouradv-head { position: relative; display: flex; align-items: flex-start; justify-content: space-between; gap: 40px; }
.ouradv2 .ouradv-head-txt { position: relative; flex: 1 1 auto; min-width: 0; }
.adv2-icon { position: absolute; right: 0; top: 0; width: 10.2vw; height: auto; }
.ouradv2 .ouradv-head-txt > .adv-nb { position: absolute; left: 0px; top: 10px; z-index: 1; }
/* 标题（原「板块公用样式 2.1」拆出 + Part 02 专属偏移） */
.ouradv2 .adv-title-en { font-family: var(--font-fn-r); font-size: clamp(24px, 2.4vw, 40px); line-height: 44px; font-weight: 400; letter-spacing: 0; margin-top: -25px; }
.ouradv2 .adv-title-cn { margin-top: 15px; font-family: var(--font-sy-m); font-size: clamp(18px, 1.8vw, 30px); line-height: 1; letter-spacing: 0; }
.ouradv2 .adv-title-cn span { font-family: var(--font-sy-l); font-size: clamp(14px, 1.5vw, 24px); }
.ouradv2 .adv-nb { flex: 0 0 auto; padding: 0; font-family: var(--font-fn-r);  font-size: clamp(14px, 1.3vw, 20px); line-height: 20px; letter-spacing: 0; color: var(--text-c222); }
/* 正文（原「板块公用样式 2.2」拆出） */
.ouradv2 .adv-txt { position: relative; z-index: 1; font-family: var(--font-sy-r); font-size: 16px; line-height: 28px; }
.ouradv2 .adv-txt p + p { margin-top: 8px; }
.ouradv2 .adv-txt .lead { color: var(--text-c222); font-family: var(--font-sy-b); font-size: clamp(14px, 1.3vw, 20px); line-height: 28px; }
.ouradv2 .adv-txt b,
.ouradv2 .adv-txt strong { font-family: var(--font-sy-b); font-weight: 400; }
/* 配图（原「板块公用样式 2.4」拆出） */
.ouradv2 .adv-media { border-radius: 10px; overflow: hidden; box-shadow: none; }
.ouradv2 .adv-media img { width: 100%; display: block; object-fit: cover; }
.ouradv2 .ratio-tall img { aspect-ratio: 490 / 829; }
/* Part 02 专属 */
.ouradv2-grid { grid-template-columns: 650fr 490fr; gap: 60px; align-items: start; margin-top: 40px; }

/* ---------- ⑤ Part 03 服务链路 #adv-03（设计稿 y4700–6099） ---------- */
/* 水印与中文标题共处一层：水印 fs120 坐落在 y4725，中文标题压在 y4888（设计稿叠字关系） */
.ouradv3 { position: relative; padding-top: 120px; background: url(../img/ourys-bg3.jpg) no-repeat center top / contain; }
.ouradv3 .ouradv-head { position: relative; display: flex; align-items: flex-start; justify-content: space-between; gap: 40px; }
.ouradv3 .ouradv-head-txt { position: relative; flex: 1 1 auto; min-width: 0; }
.ouradv3-title { position: relative; }
.ouradv3 .adv-watermark { padding: 0; margin: 0; font-family: var(--font-fn-r); font-weight: 400; font-size: clamp(48px, 6.5vw, 120px); line-height: 1; letter-spacing: 0; white-space: nowrap; text-align: left; user-select: none; pointer-events: none; }
.ouradv3 .adv-watermark { background: linear-gradient(120deg, #343432 0%, #e7e4d5); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.ouradv3 .adv-watermark em { -webkit-text-stroke: 1px rgba(0, 0, 0, 1); }
.ouradv3 .adv-title-en { margin-top: -10px; font-family: var(--font-fn-r); font-size: clamp(24px, 2.4vw, 40px); line-height: 1; font-weight: 400; letter-spacing: 0; }
.ouradv3 .adv-title-cn { margin-top: 25px; font-family: var(--font-sy-b); font-size: clamp(18px, 1.8vw, 30px); line-height: 1; letter-spacing: 0; }
.ouradv3 .adv-title-cn span { font-family: var(--font-sy-l); font-size: clamp(14px, 1.5vw, 24px); }
.ouradv3 .adv-nb { flex: 0 0 auto; padding: 0; font-family: var(--font-fn-r); font-size: 20px; line-height: 1; letter-spacing: 0; color: var(--text-c222); }
.ouradv3-head > .adv-nb { position: absolute; right: 0; bottom: 10px; }
.ouradv3-txt { margin-top: 30px; }
.ouradv3 .adv-txt { position: relative; z-index: 1; font-family: var(--font-sy-r); font-size: clamp(12px, 1vw, 16px); line-height: 28px; }
.ouradv3 .adv-txt p + p { margin-top: 8px; }
.ouradv3 .adv-txt .lead { color: var(--text-c222); font-family: var(--font-sy-b); font-size: clamp(14px, 1.3vw, 20px); line-height: 28px; }
.ouradv3 .adv-txt b,
.ouradv3 .adv-txt strong { font-family: var(--font-sy-b); font-weight: 400; }
.ouradv3 .adv-bullets { display: block; margin-top: 9px; }
.ouradv3 .adv-bullets li { display: flex; align-items: flex-start; gap: 12px; font-size: 16px; line-height: 28px; color: var(--text-c222); }
.ouradv3 .adv-bullets li::before { display: none; }
.ouradv3 .adv-bullets li span:last-child { flex: 1; }
.ouradv3 .adv-bullets .b-ico { flex: 0 0 18px; display: flex; align-items: center; height: 28px; }
.ouradv3 .adv-bullets .b-ico img { display: block; }
.ouradv3 .adv-media { border-radius: 10px; overflow: hidden; box-shadow: none; }
.ouradv3 .adv-media img { width: 100%; display: block; object-fit: cover; }
.ouradv3 .ratio-169 img { aspect-ratio: 624 / 358; }
.ouradv3 .ratio-portrait img { aspect-ratio: 577 / 610; }
/* Part 03 专属 */
.ouradv3 .ouradv3-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: unset; margin-top: 35px; }
.ouradv3 .ouradv3-grid .adc-txt { width: calc(100% - 40px);}
.ouradv3 .ouradv3-scope .lead { color: var(--text-c222); font-family: var(--font-sy-b); font-size: clamp(14px, 1.3vw, 20px); line-height: 28px; }
.ouradv3 .adv-bullets-plain.scope-en .lead,
.ouradv3 .ouradv3-grid > .ouradv3-scope:last-child .lead { font-family: var(--font-fn-r); }
.ouradv3 .ouradv3-grid > .ouradv3-scope:last-child { padding: 40px 0 0 40px; }
.ouradv3 .scope-cn { max-width: 525px; }
.ouradv3 .scope-en { max-width: 520px; }
.ouradv3 .scope-en li + li { margin-top: 6px; }
.ouradv3 .ouradv3-grid .ratio-portrait { align-self: end; }
.ouradv3 .adv-bullets.adv-bullets-plain { display: block; }
.ouradv3 .adv-bullets.adv-bullets-plain li { display: block; }
.ouradv3 .adv-bullets.adv-bullets-plain li b { font-family: var(--font-fn-r); }
.ouradv3 .redius-no-lb { border-bottom-left-radius: 0 !important; }
.ouradv3 .redius-no-rt { border-top-right-radius: 0 !important; }

/* ---------- ⑥ Part 04 透明价格 #adv-04（设计稿 y6203–7178） ---------- */
.ouradv4 { position: relative; padding-top: 104px; }
.ouradv4 .ouradv-head { position: relative; display: flex; align-items: flex-start; justify-content: space-between; gap: 40px; }
.ouradv4 .ouradv-head-txt { position: relative; flex: 1 1 auto; min-width: 0; }
.ouradv4 .adv-title-en { font-family: var(--font-fn-r); font-size: 40px; line-height: 44px; font-weight: 400; letter-spacing: 0; }
.ouradv4 .adv-title-en { position: relative; padding-left: 168px; }
.ouradv4 .adv-title-en em { position: absolute; left: 0; top: -20px; z-index: 2; margin: 0; padding: 0; white-space: nowrap; font-family: var(--font-ast); font-style: normal; font-size: 68px; line-height: 1; color: var(--adv-gold); -webkit-text-stroke: 0px #fff; paint-order: stroke fill; letter-spacing: 0; }
.ouradv4 .adv-title-cn { margin-top: 15px; font-family: var(--font-sy-l); font-size: clamp(18px, 1.8vw, 30px); line-height: 36px; letter-spacing: 0; }
.ouradv4 .adv-nb { flex: 0 0 auto; padding: 0; font-family: var(--font-fn-r); font-size: clamp(14px, 1.3vw, 20px); line-height: 20px; letter-spacing: 0; color: var(--text-c222); }
.adv-nb-v { writing-mode: vertical-rl; position: absolute; right: 0; top: 16px; }
.ouradv4-txt { margin-top: 29px; }
.ouradv4 .adv-txt { position: relative; z-index: 1; font-family: var(--font-sy-r); font-size: 16px; line-height: 28px; }
.ouradv4 .adv-txt p + p { margin-top: 8px; }
.ouradv4 .adv-media { border-radius: 10px; overflow: hidden; box-shadow: none; margin-top: 31px; }
.ouradv4 .adv-media img { width: 100%; display: block; object-fit: cover; }
.ouradv4 .ratio-wide img { aspect-ratio: 1200 / 600; }

/* ---------- ⑦ Part 05 本土深耕 + 双合规 #adv-05（设计稿 y7288–8191） ---------- */
/* 设计稿左列文字右缘到 x818，右列从 x706 起 → 两列在 x706–818 区间叠压，
   故左列需容纳 "Local Deep-Rooted Expertise"（40px 约 480px 宽）不折行 */
/* 板块基底：含原「.adv-section:last-of-type」的底部留白，本页最后一个板块即 Part 05 */
.ouradv5 { position: relative; padding-top: 110px; padding-bottom: 110px; background: url(../img/ourys-bg5.jpg) no-repeat center left / 60vw auto; }
.ouradv5-head { display: grid; grid-template-columns: 520fr 682fr; column-gap: 0; }
.ouradv5 .adv-title-en { font-family: var(--font-fn-r); font-size: 40px; line-height: 44px; font-weight: 400; letter-spacing: 0; }
.ouradv5-head .adv-title-en { white-space: nowrap; }
.ouradv5-head .adv-title-en i { font-style: normal; font-size: 60px; line-height: 1; vertical-align: middle; margin-left: 26px; color: transparent; -webkit-text-stroke: 1.5px #b9b9bb; }
.ouradv5 .adv-title-cn { margin-top: 0; font-family: var(--font-sy-b); font-size: clamp(18px, 1.8vw, 30px); line-height: 36px; letter-spacing: 0; }
.ouradv5-head-sub { margin-top: -30px; }
.ouradv5-head-sub .adv-title-cn { margin-bottom: 30px; font-family: var(--font-sy-l); }
.ouradv5 .adv-nb { flex: 0 0 auto; padding: 0; font-family: var(--font-fn-r); font-size: 20px; line-height: 20px; letter-spacing: 0; color: var(--text-c222); }
.ouradv5-grid { display: grid; grid-template-columns: 348fr 854fr; column-gap: 6px; row-gap: 30px; align-items: start; margin-top: 31px; }
.ouradv5-aside { position: relative; padding-top: 6.5vw; }
.ouradv5-bar { display: block; width: 1px; height: 3vw; margin: 3vw 0 0 1em; background: var(--text-c222); }
.ouradv5-grid .ratio-sq, .ouradv5-grid .ratio-wide5 { align-self: end; }
.ouradv5 .adv-txt { position: relative; z-index: 1; font-family: var(--font-sy-r); font-size: 16px; line-height: 28px; }
.ouradv5 .adv-txt p + p { margin-top: 8px; }
.ouradv5 .adv-media { border-radius: 10px; overflow: hidden; box-shadow: none; }
.ouradv5 .adv-media img { width: 100%; display: block; object-fit: cover; }
.ouradv5 .ratio-sq { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.ouradv5 .ratio-wide5 { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.ouradv5 .ratio-sq img { aspect-ratio: 338 / 268; }
.ouradv5 .ratio-wide5 img { aspect-ratio: 854 / 340; }

/* ========================================================================
   4-2 重庆的优势 · 内容区（按 4-2重庆的优势1/2.psd 1:1 还原）
   ======================================================================== */

/* ---------- 页面基底 ---------- */
.page-cq-adv { background: #fff; }
.page-cq-adv .guarantee-hero { isolation: isolate; }
.page-cq-adv .g-list-num { color: var(--text-c222); }
.page-cq-adv .g-list-item:hover .g-list-num,
.page-cq-adv .g-list-item.active .g-list-num { color: #a89a76; }

/* ---------- hero 副标题（设计稿新增） ---------- */
.cq-hero-sub { margin-top: 2.2vw; text-align: left; }
.cq-hero-sub .hs-cn { display: block; font-family: var(--font-sy-m); font-size: clamp(14px, 1.15vw, 22px); color: #fff; letter-spacing: 0.12em; }
.cq-hero-sub .hs-cn em { color: #efce77; font-family: var(--font-ast); font-size: 1.25em; padding: 0 2px; }
.cq-hero-sub .hs-en { display: block; margin-top: 6px; font-family: var(--font-sy-l); font-size: clamp(12px, 0.95vw, 18px); color: rgba(255,255,255,0.85); letter-spacing: 0.02em; }
.cq-hero-sub .hs-en em { font-family: 'Cormorant Garamond', serif; font-style: italic; color: #efce77; }

/* ---------- 通用 ---------- */
.cq-m1 .cq-text { position: relative; z-index: 10;}
.cq-sec { position: relative; }
.seek-section .block-title-en { font-size: clamp(40px, 4.5vw, 80px); }
.cq-subcn { margin-top: 10px; font-family: var(--font-sy-l); font-size: clamp(18px, 1.8vw, 30px); color: var(--text-c222); }
.cq-part { display: block; font-family: var(--font-fn-r); font-size: 20px; color: var(--text-c222); margin-bottom: 26px; }
.cq-part.gold { color: #a8905e; }
.cq-part.vert { writing-mode: vertical-rl; margin-bottom: 0; }
.cq-vline { display: block; width: 1px; height: clamp(44px, 4.5vw, 86px); background: #c9c2b2; margin: 40px 0.5em; }
.cq-para { line-height: 1.75; font-family: var(--font-sy-l); font-size: clamp(12px, 1vw, 16px); color: #222;}
.cq-para .en { margin-top: 16px; }
/* .cq-media { overflow: hidden; border-radius: 10px; } */
.cq-media img { width: 100%; display: block; object-fit: cover; border-radius: 10px; transition: transform .8s cubic-bezier(.2,.6,.2,1); }
.cq-media:hover img { transform: scale(1.04); }

/* 面板切换 */
.cq-panel { display: none; }
.cq-panel.show { display: block; animation: cqPanelIn .7s ease both; }
@keyframes cqPanelIn { from { opacity: 0; transform: translateY(36px); } to { opacity: 1; transform: none; } }
.adv0 .intro-tag { cursor: pointer; transition: background-color .35s ease, color .35s ease, transform .35s ease; }
.adv0 .intro-tag:hover { transform: translateY(-2px); }

/* ---------- M1 海扶 HIFU ---------- */
.cq-m1 { padding-top: 20px; }
.cq-m1 .cq-title { position: relative; z-index: 1; width: clamp(600px, 58vw, 1000px); font-family: var(--font-fn-r); font-style: normal; font-weight: 400; font-size: clamp(40px, 5.5vw, 80px); line-height: 1.14; letter-spacing: 0.05em; color: transparent; -webkit-text-stroke: 1px #222; background: linear-gradient(150deg, #222 0%, transparent 80%); -webkit-background-clip: text; background-clip: text;}
.cq-m1 .cq-title .t-line { color: transparent; -webkit-text-stroke: 1px #222; }
.cq-m1 .cq-bord { position: absolute; left: -6%; top: 16%; width: 62%; pointer-events: none; opacity: .9; }
.cq-m1 .cq-cols { position: relative; display: grid; grid-template-columns: 43fr 57fr; gap: clamp(30px, 4vw, 76px); align-items: start; }
.cq-m1 .cq-text { max-width: 560px; padding-top: 1vw; }
.cq-m1 .cq-media img { aspect-ratio: 690 / 918; }
.cq-m1 .cq-para { max-width: 500px; }

/* ---------- M2 烧伤与瘢痕重建 ---------- */
.cq-m2 .cq-band { position: relative; padding: 7vw 0 7.8125vw; }
.cq-m2 .cq-band::after { content: ''; position: absolute; bottom: 0; left: 0; z-index: -1; width: 100%; aspect-ratio: 1920/1383; background: url(../img/cqys-bg2.png) no-repeat center bottom / 100% auto;}
.cq-m2 .cq-title { line-height: 0.9; font-size: clamp(30px, 3.5vw, 60px); color: var(--text-c222); font-family: var(--font-fn-r);}
.cq-m2 .cq-head-row { display: flex; justify-content: space-between; align-items: flex-start; }
.cq-m2 .cq-quote { width: clamp(30px, 2.4vw, 46px); margin-top: 1vw; }
.cq-m2 .cq-vert { position: absolute; left: 1rem; top: -11.8vw; display: flex; flex-direction: column; align-items: center; gap: 20px; }
.cq-m2 .cq-vert .cq-vline { margin: 0; height: 8vw; }
.cq-m2 .cq-center-para { width: 100%; padding-bottom: 3vw; }
.cq-m2 .cq-imgrow { display: grid; grid-template-columns: 26fr 100fr; gap: 0; align-items: end; margin-top: 3vw; }
.cq-m2 .cq-imgrow .cq-lg { transform: translateY(0); }
.cq-m2 .cq-imgrow .cq-sm { position: relative; z-index: 1;}
.cq-m2 .cq-imgrow .cq-sm img { aspect-ratio: 250 / 350; border-radius: 10px 0 0 10px; }
.cq-m2 .cq-imgrow .cq-lg img { aspect-ratio: 950 / 400; border-radius: 0 10px 10px 0; }

/* ---------- M3 生殖妇科超微创 ---------- */
.cq-m3 { padding: 152px 0 120px; background: url(../img/cqys-bg3.png) no-repeat center / 92.6vw auto; }
.cq-m3 .cq-title { line-height: 1.1; font-size: clamp(20px, 2.5vw, 40px); color: var(--text-c222); font-family: var(--font-fn-r);}
.cq-m3 .cq-map { position: absolute; right: -4%; top: 50%; transform: translateY(-50%); width: 62%; opacity: .55; pointer-events: none; }
.cq-m3 .cq-cols { position: relative; display: grid; grid-template-columns: 66fr 62fr; gap: clamp(30px, 5.5vw, 80px); align-items: center; }
.cq-m3 .cq-media img { width: 100%; aspect-ratio: 648 / 750; }
.cq-m3 .cq-text { max-width: 560px; }
.cq-m3 .cq-para { max-width: 470px; margin-top: 7vw; }

/* ---------- M4 复合多专科 MDT ---------- */
.cq-m4 { background: #f3f3f2 url(../img/cqys-bg4.jpg) no-repeat center / cover; padding: 120px 0; }
.cq-m4 .cq-title { line-height: 1.1; font-size: clamp(30px, 3.5vw, 60px); color: var(--text-c222); font-family: var(--font-fn-r);}
.cq-m4 .cq-title .t-line { color: transparent; -webkit-text-stroke: 1px var(--text-c222);}
.cq-m4 .cq-head-row { display: flex; justify-content: space-between; align-items: flex-start; }
.cq-m4 .cq-part.vert { margin-top: 0.5vw; }
.cq-m4 .cq-para { max-width: 1100px; margin-top: 2vw; }
.cq-m4 .cq-para .en { margin-top: 0;}
.cq-m4 .cq-keylist-t { margin-top: 3vw; font-family: var(--font-sy-b); font-size: clamp(14px, 1.3vw, 18px); color: var(--text-c222); }
.cq-m4 .cq-keylist { margin-top: 12px; font-family: var(--font-sy-l); }
.cq-m4 .cq-keylist .cn { }
.cq-m4 .cq-keylist .en { }
.cq-m4 .cq-wide { margin-top: 3vw; overflow: hidden; border-radius: 10px; }
.cq-m4 .cq-wide img { width: 100%; display: block; aspect-ratio: 3 / 1; object-fit: cover; transition: transform .9s cubic-bezier(.2,.6,.2,1); }
.cq-m4 .cq-wide:hover img { transform: scale(1.03); }

/* ---------- M5 城市医疗配套保障 ---------- */
.cq-m5 { padding: 7.8125vw 0 4.6875vw; }
.cq-m5 .cq-title { line-height: 0.8; font-size: clamp(30px, 3.5vw, 60px); color: var(--text-c222); font-family: var(--font-fn-r);}
.cq-m5 .cq-head-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; }
.cq-m5 .cq-side-img { flex: 0 0 clamp(90px, 8.5vw, 162px); overflow: hidden; border-radius: 10px; box-shadow: 0 14px 34px rgba(80,64,32,.18); }
.cq-m5 .cq-side-img img { width: 100%; display: block; aspect-ratio: 162 / 206; object-fit: cover; border-radius: 10px; transition: transform .8s cubic-bezier(.2,.6,.2,1); }
.cq-m5 .cq-side-img:hover img { transform: scale(1.05); }
.cq-m5 .cq-cols { display: grid; grid-template-columns: 64fr 50fr; gap: clamp(25px, 3.4vw, 56px); align-items: center; margin-top: 3vw; }
.cq-m5 .cq-media img { aspect-ratio: 640 / 670; }
.cq-m5 .cq-para .en { margin-top: 3vw;}

/* ---------- W1 世界级旅游目的地资源 ---------- */
.cq-w1 { padding: 20px 0 138px; }
.cq-w1 .cq-title { line-height: 1.1; font-size: clamp(30px, 3.5vw, 60px); color: var(--text-c222); font-family: var(--font-fn-r);}
.cq-w1 .cq-title .t-line { color: transparent; -webkit-text-stroke: 1px var(--text-c222);}
.cq-w1 .cq-vline { margin: 0 1em 20px; height: 4vw; background-color: var(--text-c222);}
.cq-w1 .cq-cols { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px, 5vw, 80px); margin-top: 2.6vw; align-items: flex-end; line-height: 1.75; font-family: var(--font-sy-l); font-size: clamp(12px, 1vw, 16px); color: var(--text-c222); }
.cq-w1 .cq-trio { display: grid; grid-template-columns: 560fr 394fr 242fr; gap: 3px; align-items: flex-end; margin-top: 3vw; }
.cq-w1 .cq-trio .cq-media:nth-child(2) { margin-top: 0; }
.cq-w1 .cq-trio img { width: 100%; display: block; object-fit: cover; }
.cq-w1 .cq-trio .cq-media { overflow: hidden; }
.cq-w1 .cq-trio .cq-media:nth-child(1) img{ aspect-ratio: 560/360; border-radius: 10px 10px 0 10px;}
.cq-w1 .cq-trio .cq-media:nth-child(2) img{ aspect-ratio: 394/320; border-radius: 0;}
.cq-w1 .cq-trio .cq-media:nth-child(3) img{ aspect-ratio: 242/320; border-radius: 0px 10px 10px 0;}

/* ---------- W2 现代医疗与东方康养融合 ---------- */
.cq-w2 { padding: 120px 0 150px; background: url(../img/cqys-bg22.jpg) no-repeat center top / cover; }
.cq-w2 .cq-head-wrap { position: relative; }
.cq-w2 .cq-script { position: absolute; left: 0; top: -0.7em; font-family: var(--font-ast); font-size: clamp(30px, 4vw, 68px); color: #b39a55; white-space: nowrap; pointer-events: none; }
.cq-w2 .cq-title { line-height: 1.1; font-size: clamp(30px, 3.5vw, 60px); color: var(--text-c222); font-family: var(--font-fn-r);}
.cq-w2 .cq-dis { align-items: flex-end; }
.cq-w2 .cq-dis .cq-part { margin-bottom: 0;}
.cq-w2 .cq-cols { display: grid; grid-template-columns: 950fr 178fr; gap: 72px; margin-top: 2vw; align-items: flex-start; }
.cq-w2 .cq-side { display: flex; flex-direction: column; align-items: flex-end; gap: 5px; }
.cq-w2 .cq-side .cq-media img { aspect-ratio: 178 / 191; }
.cq-w2 .cq-big { margin-top: 1.9vw; }

/* ---------- W3 定制康养场景（版式对齐 4-3「我们的优势」Part 05 #adv-05） ---------- */
/* 结构：标题行 → 两列栅格（左 348fr：Part 编号 + 竖线；右 854fr：副标题 + 正文）
   → 第二行两图（左方图 338/268、右宽图 854/340，底对齐，相邻圆角裁平） */
.cq-w3 { padding-top: 5.5vw; }
.cq-w3-head { display: grid; grid-template-columns: 520fr 682fr; column-gap: 0; }
.cq-w3-title-en { font-family: var(--font-fn-r); font-size: 40px; line-height: 44px; font-weight: 400; letter-spacing: 0; color: var(--text-c222); white-space: nowrap; }
.cq-w3-title-en i { font-style: normal; font-size: 60px; line-height: 1; vertical-align: middle; margin-left: 26px; color: transparent; -webkit-text-stroke: 1.5px #b9b9bb; }
.cq-w3-grid { display: grid; grid-template-columns: 348fr 854fr; column-gap: 6px; row-gap: 30px; align-items: start; margin-top: 31px; }
.cq-w3-aside { position: relative; padding-top: 1.5vw; }
.cq-w3-nb { font-family: var(--font-fn-r); font-size: 20px; line-height: 20px; letter-spacing: 0; color: var(--text-c222); }
.cq-w3-bar { display: block; width: 1px; height: 3vw; margin: 3vw 0 0 1em; background: var(--text-c222); }
.cq-w3-txt { position: relative; z-index: 1; font-family: var(--font-sy-r); font-size: 16px; line-height: 28px; color: var(--text-c222); }
.cq-w3-txt p + p { margin-top: 8px; }
.cq-w3-head-sub { margin-top: -30px; }
.cq-w3-sub-cn { margin-bottom: 30px; font-family: var(--font-sy-l); font-size: clamp(18px, 1.8vw, 30px); line-height: 36px; color: var(--text-c222); }
.cq-w3-media { border-radius: 10px; overflow: hidden; }
.cq-w3-media img { width: 100%; display: block; object-fit: cover; }
.cq-w3-grid .cq-w3-media { align-self: end; }
.cq-w3-sq { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.cq-w3-wide { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.cq-w3-sq img { aspect-ratio: 338 / 268; }
.cq-w3-wide img { aspect-ratio: 854 / 340; }

/* ---------- W4 本土中医药 ---------- */
.cq-w4 { padding: 8.5vw 0 7vw; }
.cq-w4 .cq-title { position: relative; z-index: 1; width: clamp(600px, 58vw, 1000px); font-family: var(--font-fn-r); font-style: normal; font-weight: 400; font-size: clamp(40px, 5.5vw, 80px); line-height: 0.9; letter-spacing: 0.05em; color: transparent; -webkit-text-stroke: 1px #222; background: linear-gradient(150deg, #222 0%, transparent 80%); -webkit-background-clip: text; background-clip: text;}
.cq-w4 .cq-title .t-line { color: transparent; -webkit-text-stroke: 1px #222; }
.cq-w4 .cq-cols { display: grid; grid-template-columns: 504fr 640fr; gap: 56px; align-items: start; }
.cq-w4 .cq-text { position: relative; z-index: 1; max-width: 504px;}
.cq-w4 .cq-media { max-width: 640px;}
.cq-w4 .cq-media img { aspect-ratio: 640 / 850; object-fit: cover; }
.cq-w4 .cq-para { max-width: 520px; margin-top: 2vw; }
.cq-w4 .cq-vline { margin: 2vw 1em; height: 4vw; background-color: var(--text-c222);}

/* ========================================================================
   响应式
   ======================================================================== */
@media (max-width: 1280px) {
	.cq-m2 .cq-vert { left: 2vw; }
	.cq-w3-title-en { font-size: clamp(24px, 2.4vw, 40px); line-height: 1.15; }
}
@media (max-width: 1200px) {
  .swiper-drag-hint { width: 54px; height: 54px; }
  .form-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ---------- ⑧ 窄屏降级（设计稿只有 1920 一档，这里保证小屏不爆版） ---------- */
@media (max-width: 1180px) {
  .page-our-adv { --container-width: 100%; }
  .ouradv1 .adv-title-en,
  .ouradv2 .adv-title-en,
  .ouradv3 .adv-title-en,
  .ouradv4 .adv-title-en,
  .ouradv5 .adv-title-en { font-size: clamp(24px, 2.4vw, 40px); line-height: 1.15; }
  .adv-watermark { font-size: clamp(48px, 6.5vw, 120px); }
  .ouradv2 .adv-title-en { margin-top: 64px; }
  .ouradv3-head .ouradv-head-txt { padding-top: 72px; }
  .ouradv3-head > .adv-nb { top: 116px; }
}

@media (max-width: 1100px) {
  .cluster-card { padding: 44px 48px; }
  .card-float-btn { right: 28px; }
}

/* 平板端补充 (992px) */
@media (max-width: 992px) {
  .guarantee-hero { min-height: 460px; padding: 130px 0 0; }
  /* 窄屏高度有限，二级栏目回到文档流，hero-inner 仅在剩余区域居中 */
  .guarantee-hero > .hero-subnav { position: relative; margin-top: auto; width: 100%; }
  .subnav-inner { gap: 4px; padding: 8px 10px; }
  .subnav-inner a { padding: 6px 16px; }
  .subnav-inner a p { font-size: 15px; }
  .subnav-inner a span { font-size: 12px; }
  .g-list-float { display: none; }
  .policy-head,
  .policy-body,
  .cluster-block,
  .qualify-body { grid-template-columns: 1fr; }
  .policy-icon,
  .service-float-icon,
  .dispute-float-icon { width: 56px; height: 56px; }
  .service-text { padding-bottom: 56px; }
  .cluster-card { padding: 36px 32px; }
  .card-float-btn { position: static; transform: none; margin-top: 28px; }
  .card-float-btn:hover { transform: translateX(4px); }
  .dispute-text { order: 2; }
  .dispute-visual { order: 1; }
  .qualify-body { gap: 36px; }
  .qualify-head { margin-bottom: 44px; }
	.cq-m1 .cq-cols, .cq-m3 .cq-cols, .cq-m5 .cq-cols,
	.cq-w1 .cq-cols, .cq-w2 .cq-cols, .cq-w4 .cq-cols { grid-template-columns: 1fr; }
	.cq-m1 .cq-text, .cq-m3 .cq-text, .cq-w4 .cq-para { max-width: none; }
	.cq-m3 .cq-media { max-width: 520px; margin: 0 auto; }
	.cq-m5 .cq-media { order: 2; }
	/* W3：小屏取消两列栅格，改为纵向堆叠 */
	.cq-w3 { padding-top: 64px; }
	.cq-w3-title-en { white-space: normal; }
	.cq-w3-head, .cq-w3-grid { display: block; }
	.cq-w3-grid > * { margin-top: 24px; }
	.cq-w3-head-sub { margin-top: 12px; }
	.cq-w3-bar { display: none; }
	.cq-w3-txt { font-size: 14px; line-height: 24px; }
	.cq-m2 .cq-vert { display: none; }
	.cq-m2 .cq-center-para { margin-left: 0; }
	.cq-w1 .cq-trio { grid-template-columns: 1fr 1fr; }
	.cq-w1 .cq-trio .cq-media:first-child { grid-column: 1 / -1; }
	.cq-m1 .cq-bord { width: 80%; top: 6%; }
	.cq-m4 { background-size: 80% auto; }
  .inner-hero { min-height: 560px; }
  .inner-hero-en { white-space: normal; }
  .entry-cards.cols-3{ grid-template-columns: repeat(3, 1fr); gap: 5px; }
  .entry-cards.cols-2 { grid-template-columns: repeat(2, 1fr); gap: 10px; }

  .seek-grid, .adv-grid { grid-template-columns: 1fr; gap: 36px; }
  .req-grid { grid-template-columns: 1fr; }
  .apply-icon { position: static; display: block; margin-top: 12px; }
  .adv-grid.rev .adv-text { order: 0; }
  .adv-grid.rev .adv-media-wrap { order: 0; }
  .adv-media-row, .adv-media-row.rev, .adv-trio { grid-template-columns: 1fr; }
  .adv-media-row > .adv-media img, .adv-media-row .adv-thumbs img, .adv-trio img { height: auto; aspect-ratio: 4 / 3; }
  .adv-thumbs.vert { grid-template-columns: 1fr 1fr; grid-template-rows: none; }
  .adv-side-media .adv-sm-img { width: 120px; }
  .req-grid { grid-template-columns: 1fr; }
  .news-grid { grid-template-columns: repeat(2, 1fr); }
  .form-grid { grid-template-columns: 1fr; }
  .form-field.span-2 { grid-column: auto; }
  .form-captcha { width: 100%; }
  .loc-cn { flex: 0 0 32%; }
  .apply-form { padding: 28px 22px; }
  .location-card { padding: 30px 24px; }
  .adv-float-thumb { width: 90px; }
  /* 内页 footer */
  .contact-row { grid-template-columns: 1fr; gap: 40px; }
  .contact-side { align-items: flex-start; }
  .contact-service p, .contact-email p { text-align: left; }
  .contact-links a { font-size: clamp(24px, 5vw, 36px); }
  .footer-social { margin-top: 40px; }
  .footer { padding: 60px 0 40px; }
  /* 大间距 section 缩小 */
  .seek-section { margin: 60px 0; }
  .weprov-section { margin-top: -60px; }
  .apply-section { padding: 80px 0 100px; }
  .find-intro { padding: 60px 0 20px; }
  /* guarantee-hero 标题缩小 */
  .guarantee-hero .hero-title-en { font-size: clamp(28px, 6vw, 48px); white-space: normal; }
  .guarantee-hero .hero-title-cn { font-size: clamp(18px, 3vw, 28px); }
  .guarantee-hero .hero-sign { font-size: clamp(24px, 4vw, 48px); }
  .guarantee-hero.on-photo .hero-title-en { font-size: clamp(28px, 5vw, 44px); }
  .guarantee-hero.on-photo .hero-sign { font-size: clamp(18px, 3vw, 36px); }
  /* partner-wrap */
  .partner-wrap { padding: 40px 0 0; }
  /* block-head 缩小 */
  .block-head { margin-bottom: 30px; }
  .block-title-en { font-size: clamp(28px, 6vw, 48px); }
  .block-title-cn { font-size: clamp(16px, 2.5vw, 22px); }
  /* page-watermark 隐藏 */
  .page-watermark { display: none; }
}

@media (max-width: 960px) {
  .page-our-adv .g-list-num { flex: 0 0 88px; font-size: 16px; }
  .page-our-adv .g-list-item { min-height: 0; padding: 18px 0; }
  .page-our-adv .g-list-main { flex-wrap: wrap; gap: 8px 16px; }
  .page-our-adv .g-list-title { flex: 1 1 100%; white-space: normal; }
  .page-our-adv .g-list-en { flex: 1 1 auto; white-space: normal; }
  .page-our-adv .g-list-float { display: none; }

  .adv0,
  .ouradv1,
  .ouradv2,
  .ouradv3,
  .ouradv4,
  .ouradv5 { padding-top: 64px; }
  .adv-section.adv0 { padding: 64px 15px 72px; }
  .adv0 .adv-watermark { top: 64px; }
  .adv0 .intro-block { padding-top: 44px; }
  .adv0 .intro-cn { font-size: 16px; line-height: 26px; }
  .adv0 .intro-en { font-size: 14px; line-height: 24px; }
  .adv0 .intro-en strong { font-size: 16px; }

  /* 小屏：水印降为普通文本流（大字号 120px 会溢出），Part 04 金色手写体回归行内 */
  .ouradv2 .adv-watermark { -webkit-text-stroke: 1px #e6e6e8; }
  .adv0 .adv-watermark { position: absolute; }
  .ouradv1 .ouradv-head,
  .ouradv2 .ouradv-head,
  .ouradv3 .ouradv-head,
  .ouradv4 .ouradv-head { display: block; }
  .ouradv-head-side { padding-top: 0; text-align: left; }
  .adv-sm-img { margin: 12px 0 0 0; width: 140px; }
  .ouradv1 .adv-title-en, .ouradv2 .adv-title-en,
  .ouradv1 .adv-title-cn, .ouradv2 .adv-title-cn,
  .ouradv1 .adc-title-sm { margin-top: 12px; }
  .ouradv3-title { padding-top: 0; }
  .ouradv3-title .adv-title-cn,
  .ouradv3-head .adv-title-en { margin-top: 12px; }
  .ouradv4 .adv-title-en em { position: static; display: block; margin-bottom: 6px; font-size: 40px;}
  .ouradv3-head > .adv-nb, .adv-nb-v { position: static; left: auto; writing-mode: horizontal-tb; margin-bottom: 10px; display: block; }
  .adv-txt-cn, .scope-cn, .scope-en { max-width: 100%; }
  .ouradv2-grid, .ouradv3-grid, .ouradv5-head, .ouradv5-grid { display: block; }
  .ouradv2-grid > *, .ouradv3-grid > *, .ouradv5-grid > * { margin-top: 24px; }
  .ouradv3-grid > .ouradv3-scope:last-child { padding-left: 0; }
  .ouradv5-head-sub { margin-top: 12px; }
  .ouradv1 .adv-txt,
  .ouradv2 .adv-txt,
  .ouradv3 .adv-txt,
  .ouradv4 .adv-txt,
  .ouradv5 .adv-txt { font-size: 14px; line-height: 24px; }
  .ouradv1 .adv-bullets li,
  .ouradv3 .adv-bullets li { font-size: 14px; line-height: 24px; }
  .ouradv5-bar { display: none; }
  .site-header { padding: 14px 0; height: auto; }
  .site-header.scrolled { padding: 14px 0; height: auto; }
  .header-wrap { grid-template-columns: 1fr auto; grid-template-rows: auto auto; height: auto; row-gap: 16px; }
  .header-logo { height: auto; padding: 10px 0; }
  .h-pill.pill-menu { width: auto; }
  .h-pill.pill-places, .h-pill.pill-objects, .h-pill.pill-sendreq, .h-divider { display: none; }
  .c-welcome { min-height: 100vh; }
  .hero-medical-wrap { grid-template-columns: 1fr; gap: 40px; text-align: center; }
  .hero-medical-copy { align-items: center; }
  .hero-medical-title .title-line { display: inline; }
  .hero-medical-tags { justify-content: center; }
  .hero-cta-row { justify-content: center; flex-wrap: wrap; }
  .hero-visual-main { max-width: 420px; }
  .hero-skyline img { min-height: 140px; }
  .hero-scroll-hint { display: none; }
  .place-sticky { height: 100vh; }
  .place-split { gap: 30px; align-items: flex-end; }
  .place-col-right { align-items: flex-start; text-align: left; padding-bottom: 0; }
  .place-desc { margin-bottom: 30px; }
  .place-content { padding: 0 20px 50px; }
  .place-col-top { left: 20px; right: 20px; }
  .numbers-inline { margin-top: 0; }
  .c-features { padding: 80px 20px 120px; }
  .feature-curve { max-width: 100%; }
  .feature-items { gap: 40px; }
  /* .feature-card { max-width: 100%; padding: 28px 24px; } */
  .feature-card-left, .feature-card-right { margin: 0; }
  .feature-item-us { justify-content: flex-start; }
  .feature-us-card { text-align: left; max-width: 100%; padding: 28px 24px; }
  .feature-row { grid-template-columns: 1fr; gap: 30px; }
  .feature-row:nth-child(even) .feature-col-text, .feature-row:nth-child(even) .feature-col-num { order: unset; }
  .feature-num-wrap { width: 120px; height: 120px; }
  .feature-num { font-size: 34px; }
  .feature-col-text { padding: 0; }
  .feature-white-card { grid-template-columns: 1fr; padding: 30px; gap: 30px; }
  .c-cta { padding: 80px 20px; }
  .footer-card { padding: 60px 24px 40px; border-radius: 32px 32px 16px 16px; }
  .footer-nav-scatter { min-height: auto; grid-template-columns: 1fr 1fr; grid-template-areas: "places places" "objects about" "contacts people" "tag tag"; }
  .fn-item { font-size: 48px; text-align: left !important; transform: none !important; }
  .footer-tag { font-size: 26px; }
  .footer-base { grid-template-columns: 1fr; text-align: left !important; }
  .footer-base > * { text-align: left !important; }
  .site-footer { padding: 0 20px 40px; }
  .footer-bottom-dark { grid-template-columns: 1fr; gap: 28px; padding: 40px 0; }
  .fb-obsidian-img { justify-self: start; }
  .no-social { position: static; margin-top: 20px; text-align: right; }
  .process-track { height: auto; }
  .process-line { display: none; }
  .step-dot { display: none; }
  .process-steps { position: static; display: grid; grid-template-columns: 1fr; gap: 40px; justify-items: center; }
  .step-card { position: relative; left: auto; top: auto; margin: 0; scale: none; width: min(334px, 100%); }
  /* 流程区：绝对定位卡片 → 纵向堆叠 */
  .page-index .process-track { height: auto; }
  .page-index .process-line { display: none; }
  .page-index .step-dot { display: none; }
  .page-index .process-steps { position: static; display: grid; grid-template-columns: 1fr; gap: 22px; justify-items: center; width: 100%; }
  .page-index .step-card { position: static; left: auto; top: auto; scale: none; width: min(334px, 100%); height: auto; padding: 22px 16px 26px; }
  .page-index .process-track .place-col-right { position: static; margin-top: 10px; }
  /* WHY US 卡片改由卡片的纵向堆叠控制 */
  .page-index .feature-us-card { position: static; width: 100%; margin-left: 0; }
}

/* 手机端 */
@media (max-width: 768px) {
  :root { --container-pad: 16px; }
  /* wrapper 缩小内边距 */
  .guarantee-container { padding: 0 16px; }
  .policy-body { flex-direction: column;}
  .header-logo { height: 40px; padding: 0; }
  .header-logo img{ height: 100%;}
  /* ---------- 0. 通用工具类 ---------- */
  /* 移动端隐藏：给任意元素加 class="hide-mobile" 即可在小屏隐藏（桌面端不受影响）
     全站通用工具类，故不加 .page-index 作用域；
     用 !important 是因为 indexScroll.js 会给 .place-col-right 打内联 display:flex，
     普通类选择器压不过内联样式 */
  .hide-mobile { display: none !important; }
  /* 移动端竖向反向：给 flex 元素加 class="reverse-mobile"，小屏下子元素上下顺序反转
     （!important 用于压过 .page-index .feature-item 的 flex-direction:column） */
  .reverse-mobile { flex-direction: column-reverse !important;}
  .reverse-mobile > .feature-us-card { padding: 10px 0 !important; }

  /* ---------- 1. Hero 首屏 ---------- */
  .page-index .c-welcome { min-height: 100vh; }
  .page-index .bantxt { padding: 96px 20px 36px; gap: 20px; align-items: flex-start; justify-content: center; }
  .page-index .ban-title { font-size: clamp(24px, 6.8vw, 32px); letter-spacing: .04em; }
  .page-index .ban-subtitle { font-size: 15px; letter-spacing: .12em; margin-top: 10px; }
  .page-index .ban-d-cn { font-size: 14px; line-height: 1.6; }
  .page-index .ban-d-en { font-size: 11px; line-height: 1.5; margin-top: 4px; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .page-index .banmore { width: 140px; font-size: 13px; gap: 8px; }
  .page-index .banmore span { width: 34px; height: 34px; }
  .page-index .banmore span img { max-width: 60%; }

  /* ---------- 2. WHY CQ 滚动叙事区 ---------- */
  .page-index .c-particles { height: 420vh; }              /* 缩短滚动长度，手机无需划 7 屏 */
  .page-index .place-content { padding: 0 20px calc(46px + env(safe-area-inset-bottom)); }
  .page-index .place-col-top { top: 84px; left: 20px; right: 20px; }
  .page-index .right-head { font-size: 20px; }
  .page-index .right-cn,
  .page-index .right-en { font-size: 13px; max-width: 100%; }
  .page-index .right-cn { margin-bottom: 6px; }
  /* 三栏并排 → 纵向堆叠，全部左对齐 */
  .page-index .place-split { flex-direction: column; align-items: flex-start; justify-content: flex-end; gap: 16px; }
  .page-index .place-col-left { font-size: 14px; }
  .page-index .place-name { font-size: clamp(34px, 10vw, 44px); margin-bottom: -6px; }
  .page-index .place-subtitle { font-size: 15px; margin-bottom: 6px; }
  .page-index .place-desc { font-size: 12px; margin-bottom: 10px; }
  .page-index .numbers-inline { gap: 6px; }
  .page-index .numbers-inline .num-item.current { width: 48px; }
  .page-index .place-col-right { align-items: flex-start; text-align: left; padding-bottom: 0; }
  .page-index .right-icon img { width: 34px; height: auto; }
  .page-index .right-cn1 { font-size: 13px; margin-bottom: 4px; }
  .page-index .right-en1 { font-size: 12px; }

  
  /* index: 2-1 start */
  .c-high-quality { padding-top: 40px;}
  .c-high-quality .c-high-title { color: var(--text-c222);}
  .c-high-quality .c-high-title .en { font-family: var(--font-fn-r); font-size: 32px; line-height: 1; margin-bottom: -15px; text-align: left; }
  .c-high-quality .c-high-title .cn { margin-top: 6px; font-size: 22px;}
  .c-high-quality .c-high-list { margin-top: 3.5vw; display: grid; grid-template-columns: 1fr; gap: 5px; }
  .c-high-quality .c-high-list .item { position: relative; z-index: 1; padding: 15px 10px; border-radius: 5px;}
  .c-high-quality .c-high-list .item .no { font-family: var(--font-sy-l); font-size: 12px;}
  .c-high-quality .c-high-list .item .en { margin-top: 10px; line-height: 1.1; font-family: var(--font-fn-r); font-size: 16px;}
  .c-high-quality .c-high-list .item .cn { line-height: 1.2; font-family: var(--font-sy-l); font-size: 14px;}
  .c-high-quality .c-high-list .item .icon { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; display: block;}
  /* index: 2-1 end */

  /* ---------- 3. 特点特色卡片（桌面固定 570px 宽 → 占满一行） ---------- */
  .page-index .c-features { padding: 64px 0 90px; }
  .page-index .feature-curve { display: none; }             /* 1240px 装饰曲线，小屏隐藏 */
  .page-index .feature-items { gap: 26px; padding-top: 24px; }
  .page-index .feature-item { flex-direction: column; align-items: stretch; gap: 14px; }
  /* 底部留出箭头占位：箭头 bottom 16px + 高 22px = 38px，再加 20px 间距 */
  .page-index .feature-card { width: 100%; max-width: 100%; min-height: 0; padding: 22px 20px 58px; box-sizing: border-box; }
  .page-index .feature-items .feature-item:nth-child(1) .feature-card,
  .page-index .feature-items .feature-item:nth-child(2) .feature-card,
  .page-index .feature-items .feature-item:nth-child(3) .feature-card,
  .page-index .feature-items .feature-item:nth-child(4) .feature-card { margin: 0; }
  .page-index .feature-title-en { font-size: 26px; }
  .page-index .feature-title-cn { font-size: 15px; margin-top: 2px; margin-bottom: 6px; }
  .page-index .feature-desc { font-size: 12px; line-height: 1.5; }
  /* 箭头固定在左下角，与描述文字保持距离（卡片 padding-bottom 已预留 38px 箭头位） */
  .page-index .feature-arrow { bottom: 16px; left: 20px; width: 22px; height: 22px; }
  .page-index .feature-us-head { gap: 8px; margin-bottom: 10px; }
  .page-index .feature-us-icon { width: 28px; height: 28px; }
  .page-index .feature-us-title { font-size: 18px; }
  .page-index .feature-us-cn { font-size: 13px; line-height: 1.6; margin-bottom: 6px; }
  .page-index .feature-us-en { font-size: 12px; }
  /* 卡片组内的右下标语列：与上面 place-col-right 统一为左对齐 */
  .page-index .feature-item .place-col-right { align-items: flex-start; text-align: left; padding-bottom: 0; }

  /* ---------- 4. 服务流程区 ---------- */
  .page-index .c-process { padding: 64px 0 70px; }
  .page-index .process-head { margin-bottom: 36px; }
  .page-index .process-title-en { font-size: clamp(30px, 9vw, 44px); }
  .page-index .process-title-main { font-size: clamp(20px, 6vw, 28px); margin-top: -0.9em; margin-left: 8px; }
  .page-index .process-title-main::after { -webkit-text-stroke-width: 2px; }
  .page-index .step-card { width: min(320px, 100%); padding: 30px 14px; }
  .page-index .step-title { font-size: 24px; }
  .page-index .step-subtitle { font-size: 14px; gap: 8px; margin-top: -6px; }
  .page-index .step-subtitle img { width: 20px; height: auto; }
  .page-index .process-track .place-col-right { margin-top: 18px; }
  .page-index .process-track .place-col-right .right-cn1 { font-size: 13px; }
  .page-index .process-track .place-col-right .right-en1 { font-size: 12px; }

  /* ---------- 5. 新闻速递 Swiper ---------- */
  .page-index .inews { padding: 64px 0 0; }
  .page-index .inews-head { flex-direction: column; align-items: flex-start; gap: 14px; margin-bottom: 24px; }
  .page-index .inews-title .en { font-size: clamp(30px, 9vw, 40px); }
  .page-index .inews-title .cn { font-size: 14px; margin-top: 6px; }
  .page-index .inews-prev,
  .page-index .inews-next { width: 40px; height: 40px; }
  .page-index .inews-swiper { padding-left: 20px; padding-right: 20px; padding-top: 44px; padding-bottom: 30px; }
  .page-index .swiper-drag-hint { display: none; }          /* 触屏无需鼠标拖拽提示 */
  .page-index .inews-card { border-radius: 12px; }
  .page-index .inews-card .text-box { padding: 16px; }
  .page-index .inews-card .title { font-size: 15px; margin-bottom: 8px; }
  .page-index .inews-card .desc { font-size: 12px; -webkit-line-clamp: 2; line-clamp: 2; margin-bottom: 12px; }
  .page-index .inews-card .date { font-size: 12px; }

  /* ---------- 6. CONTACT US ---------- */
  .page-index .c-contact { padding: 64px 0 0; }
  .page-index .contact-head { margin-bottom: 22px; }
  .page-index .contact-title-en { font-size: clamp(30px, 9vw, 42px); margin-bottom: 10px; }
  .page-index .contact-dots img { max-width: 220px; height: auto; }
  .page-index .contact-body { margin-bottom: 22px; }
  .page-index .contact-cn { font-size: 15px; }
  .page-index .contact-cn-sub { font-size: 13px; margin-bottom: 8px; }
  .page-index .contact-en { font-size: 12px; }
  .page-index .contact-en-sub { font-size: 12px; }
  .page-index .contact-action { flex-wrap: wrap; justify-content: center; gap: 10px 14px; margin-bottom: 40px; font-size: 12px; }
  .page-index .contact-message { width: min(300px, 100%); height: 56px; font-size: 18px; }

  /* ---------- 7. 页脚 ---------- */
  .page-index .footer { padding: 14vw 0 28px; }
  .page-index .contact-row { grid-template-columns: 1fr; gap: 36px; text-align: left; padding-bottom: 36px; }
  .page-index .contact-side { align-items: flex-start; gap: 18px; }
  .page-index .contact-service { margin-bottom: 12px; }
  .page-index .contact-service p,
  .page-index .contact-email p { text-align: left; font-size: 15px; }
  .page-index .contact-num { font-size: 15px; }
  .page-index .footer-social { justify-content: flex-start; gap: 14px; margin-top: 30px; }
  .page-index .footer-social a { width: 46px; height: 46px; }
  .page-index .footer-social span { width: 18px; height: 18px; }
  .page-index .contact-links { gap: 16px; }
  .page-index .contact-links a { font-size: 20px; }
  .page-index .contact-links a span { font-size: 12px; margin-top: 0; }
  .page-index .footer-bottom { flex-direction: column; gap: 6px; padding-top: 18px; }
  .page-index .footer-copy,
  .page-index .footer-icp { text-align: center; font-size: 11px; }
  .page-index .footer-sign { font-size: 26px; }
  .page-index .footer-sign::after { -webkit-text-stroke-width: 1px; }
  .hero-subnav { padding: 16px 0 20px; }
  .subnav-inner { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 4px; width: 100%; max-width: 360px; margin: 0 auto; padding: 14px 12px; border-radius: 18px; overflow: visible; flex-wrap: nowrap; }
  .subnav-inner a { flex: initial; padding: 6px 2px; text-align: center; }
  .subnav-inner a p { font-size: 13px; line-height: 1.2; }
  .subnav-inner a span { font-size: 11px; white-space: normal; line-height: 1.3; }
  .guarantee-list { padding: 40px 0; }
  .g-list-item { padding: 20px 0; }
  .g-list-main { flex-direction: column; gap: 6px; }
  .g-list-arrow { width: 36px; height: 36px; flex: 0 0 36px; background-size: 14px auto; }
  .policy-media { border-radius: 18px; display: none; }
  .policy-media img { aspect-ratio: 16 / 9; }
  .policy-head { flex-direction: column; align-items: flex-start; gap: 20px; }
  .policy-title-row .section-title-en { font-size: clamp(28px, 8vw, 48px); }
  .policy-title-row .section-title-cn { font-size: 17px; }
  .policy-title-row .section-num { font-size: 12px; }
  .service-title-row .section-title-en { font-size: clamp(24px, 7vw, 42px); }
  .service-title-script { font-size: clamp(24px, 6.5vw, 38px); }
  .card-script-title { font-size: 20px; margin-bottom: 24px; } 
  .card-script-icon { width: 42px; }
  .card-top { grid-template-columns: 1fr; gap: 24px; }
  .card-cn { border-right: none; padding-right: 0; }
  .card-side { justify-content: flex-start; }
  .dispute-icon { width: 66px; }
  .dispute-title { font-size: clamp(26px, 8vw, 40px); }
  .dispute-visual img { aspect-ratio: 4 / 3; }
  .qualify-title { font-size: clamp(24px, 7vw, 40px); white-space: normal; }
  .qualify-cols { grid-template-columns: 1fr; gap: 24px; }
  .qualify-col-cn { border-right: none; padding-right: 0; }
  .service-visual,
  .dispute-visual,
  .qualify-visual,
  .qualify-swiper { border-radius: 18px; }
  .qualify-swiper { padding: 18px; }
  /* .qualify-swiper .swiper-wrapper { gap: 12px; } */
  .qualify-item { height: 90px; padding: 12px; }
  .bottom-links { gap: 18px 32px; }
  .inews { padding: 80px 0; }
  .inews-head { align-items: flex-start; flex-direction: column; margin-bottom: 36px; }
  .inews-title .en { font-size: clamp(36px, 10vw, 48px); }
  .inews-swiper { padding-left: 20px; padding-right: 20px; }
  .swiper-drag-hint { width: 44px; height: 44px; }
  .place-content .place-col:last-child { display: none;}
  .inner-hero { min-height: 480px; }
  .hero-dots { display: none; }
  .entry-section { padding: 60px 0 90px; }
  .news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .news-grid .news-card { padding: 10px; border-radius: 6px;}
  .news-card .img-box { border-radius: 6px;}
  .news-section { padding: 50px 0 0; }
  .loc-row { flex-wrap: wrap; }
  .loc-ico { display: none; }
  .loc-cn { flex: 0 0 100%; }
  .loc-en { flex: 0 0 100%; }
  .adv-section { padding: 40px 0; }
  .adv-thumbs { grid-template-columns: 1fr; }
  .region-tab { padding: 10px 22px; font-size: 14px; }
  .pager-item { min-width: 36px; height: 36px; font-size: 14px; }
  /* 内页 hero */
  .guarantee-hero { min-height: 420px; padding: 110px 0 0; }
  .guarantee-hero .hero-inner { margin-top: 4vw; }
  .guarantee-hero .hero-title-en { font-size: clamp(24px, 8vw, 36px); white-space: normal; line-height: 1.1; }
  .guarantee-hero .hero-title-cn { font-size: clamp(16px, 4vw, 22px); }
  .guarantee-hero .hero-sign { font-size: clamp(18px, 5vw, 30px); }
  .guarantee-hero.on-photo .hero-title-en { font-size: clamp(22px, 6vw, 32px); }
  .guarantee-hero.on-photo .hero-sign { font-size: clamp(16px, 4vw, 24px); }
  .guarantee-hero.on-photo > .wrapper { padding-left: 16px; }
  /* hero-subnav */
  .hero-subnav { padding: 14px 0 18px; }
  .subnav-inner { padding: 5px 8px; gap: 2px; }
  .subnav-inner a { padding: 4px 10px; }
  .subnav-inner a p { font-size: 12px; }
  .subnav-inner a span { font-size: 10px; }
  /* footer 内页 */
  .contact-row { gap: 30px; padding-bottom: 20px; }
  .contact-side { gap: 18px; }
  .contact-service p, .contact-email p { font-size: 16px; }
  .contact-num { font-size: 16px; }
  .contact-links { gap: 20px; }
  .contact-links a { font-size: clamp(20px, 6vw, 28px); }
  .contact-links a span { font-size: 13px; }
  .footer-social { gap: 14px; margin-top: 30px; }
  .footer-social a { width: 48px; height: 48px; }
  .footer-social span { width: 18px; height: 18px; }
  .footer-bottom { flex-direction: column; gap: 12px; text-align: center; }
  .footer-copy { text-align: center; font-size: 13px; }
  .footer-icp { text-align: center; font-size: 12px; }
  .footer-sign { font-size: 28px; }
  .footer { padding: 50px 0 30px; }
  .footer::after { height: 300px; }
  /* contact-section (index 联系区) */
  .c-contact { padding: 60px 0 0; }
  .contact-title-en { font-size: clamp(36px, 12vw, 56px); }
  .contact-message { width: 100%; max-width: 300px; height: 60px; font-size: 20px; }
  /* section 间距统一缩小 */
  .seek-section { margin: 40px 0; }
  /* .weprov-section { margin-top: -40px; } */
  .apply-section { padding: 60px 0 80px; background-size: cover; }
  .find-intro { padding: 50px 0 16px; }
  .entry-section { padding: 30px 0 0; }
  /* block-head */
  .block-head { margin-bottom: 24px; }
  .block-title-en { font-size: clamp(24px, 8vw, 36px); }
  .block-title-cn { font-size: clamp(15px, 3.5vw, 20px); }
  /* intro-block */
  .intro-block { padding: 0 8px; }
  .intro-cn { font-size: 14px; line-height: 1.7; }
  .intro-en { font-size: 12px; line-height: 1.5; }
  .intro-note { font-size: 13px; }
  /* seek-media */
  .seek-media { width: 100%; border-radius: 8px 8px 8px 0; }
  .seek-text { width: 100%; }
  .seek-grid { gap: 24px; flex-direction: column-reverse; }
  .weprov-section .seek-grid { flex-direction: column; }
  /* check-list */
  .check-item { gap: 10px; }
  .check-txt { font-size: 15px; }
  .check-txt small { display: block; margin-left: 0; margin-top: 4px; font-size: 13px; }
  /* entry-card */
  .entry-card-info { left: 16px; top: 16px; }
  .entry-card-info .e-en { font-size: 18px; }
  .entry-card-info .e-cn { font-size: 15px; }
  /* location-card */
  .location-card { padding: 24px 18px; border-radius: 14px; }
  .loc-title { font-size: 17px; padding-bottom: 14px; margin-bottom: 16px; }
  .loc-title small { display: block; margin-left: 0; margin-top: 4px; font-size: 13px; }
  .loc-row { padding: 0; }
  .loc-cn-label, .loc-en-label { font-size: 13px; margin-bottom: 4px; }
  .loc-cn-text, .loc-en-text { font-size: 13px; line-height: 1.6; }
  /* region-tabs */
  .region-tabs { gap: 10px; margin: 30px 0 30px; }
  .region-tab { padding: 8px 18px; font-size: 13px; }
  /* apply-form */
  .apply-form { padding: 24px 18px; border-radius: 14px; }
  .form-grid { gap: 12px; }
  .form-bottom { gap: 12px; flex-direction: column; }
  .form-submit { height: 50px; }
  .form-submit .fs-en { font-size: 22px; }
  .form-submit .fs-cn { font-size: 16px; }
  /* news */
  .news-section { padding: 40px 0 60px; }
  .news-card { border-radius: 12px; overflow: hidden; }
  .news-card-img { aspect-ratio: 16/9; }
  .news-card-body { padding: 16px; }
  .news-card-title { font-size: 16px; }
  .news-card-meta { font-size: 12px; }
  /* advantage sections */
  .adv-section { padding: 30px 0; }
  .adv-grid { gap: 24px; }
  .adv-head { gap: 12px; margin-bottom: 12px; }
  .adv-title-en { font-size: clamp(20px, 5vw, 28px); }
  .adv-title-cn { font-size: 15px; }
  .adv-txt { font-size: 13px; line-height: 1.8; }
  .adv-quote { font-size: 13px; padding-left: 14px; margin: 14px 0; }
  .adv-bullets li { font-size: 13px; }
  .adv-media-row { gap: 12px; }
  .adv-thumbs.vert { grid-template-columns: 1fr 1fr; gap: 10px; }
  .adv-side-media .adv-sm-img { width: 80px; }
  .adv-float-thumb { width: 70px; }
  /* pager */
  .pager { gap: 6px; }
  .pager-item { min-width: 34px; height: 34px; font-size: 13px; }
  /* partner-wrap */
  .partner-wrap { padding: 30px 0 0; }
  /* guarantee-list */
  .guarantee-list { padding: 30px 0; }
  .g-list-item { padding: 16px 0; }
  .g-list-main { gap: 4px; }
  .g-list-en { font-size: 18px; }
  .g-list-cn { font-size: 13px; }
  .g-list-arrow { width: 32px; height: 32px; flex: 0 0 32px; background-size: 12px auto; }
  /* policy/service/dispute/qualify sections */
  .policy-media img { aspect-ratio: 16/10; }
  .dispute-visual img { aspect-ratio: 4/3; }
  .cluster-card { padding: 24px 20px; border-radius: 14px; }
  .card-script-title { font-size: 18px; margin-bottom: 16px; }
  .card-script-icon { width: 36px; }
  .qualify-swiper { padding: 14px; }
  .qualify-item { height: 80px; padding: 10px; }
  .bottom-links { gap: 14px 20px; font-size: 13px; }
  /* process */
  .c-process { padding: 60px 0 80px; }
  .step-card { width: 100%; max-width: 340px; }
  /* hide decorative elements */
  .page-watermark { display: none; }
  .hero-dots { display: none; }
  .g-list-float { display: none; }
  /* CTA */
  .c-cta { padding: 50px 16px; }
  /* guarantee-container */
  .guarantee-container { max-width: 100%; padding: 0 16px; }
  .cq-w2 .cq-side { flex-direction: row;}
  .cq-w2 .cq-side .cq-media { width: 100%;}

  /* ---------- 8. 内页（首页除外）手机端排版规范 ---------- */
  .guarantee-qualify::after{ display: none;}
  /* 8.1 内容栏：内页容器统一回到 16px 栅格（原 .wrap 是 90vw，390 下左右各 38px，与
         .guarantee-container 的 16px 不一致） */
  main[class^="page-"]:not(.page-index) .wrap,
  main[class^="page-"]:not(.page-index) .wrapper { width: 100%; max-width: 100%; padding-left: 16px; padding-right: 16px; }

  /* 8.2 内页 hero（1-1 / 3-x / 4-x / 6-1 统一）
         min-height/padding 故意不写：768 断点原有 420px/110px、480 断点 360px/100px 的
         分档是合理的小屏适配，本段若写上会靠特指度把它一起压掉（360 屏占 65% 视口）。
         这里只统一「字号」：桌面 36px 与 23.4px 两种 hero 标题并存（on-photo 与否），
         手机上归到同一档 clamp(22px,6.8vw,28px)。 */
  main[class^="page-"]:not(.page-index) .hero-title-en { font-size: clamp(22px, 6.8vw, 28px); line-height: 1.14; white-space: normal; }
  /* hero 副标题：768 原有 clamp(16px,4vw,22px)=16px、480 有 15px，统一 14px
     （与正文中文 14px 同档，避免 hero 副标题比正文还大） */
  main[class^="page-"]:not(.page-index) .hero-title-cn { margin-top: 6px; font-size: 14px; line-height: 1.5; letter-spacing: .04em; }
  main[class^="page-"]:not(.page-index) .hero-sign { font-size: clamp(18px, 5.4vw, 24px); }
  main[class^="page-"]:not(.page-index) .cq-hero-sub { margin-top: 12px; }
  main[class^="page-"]:not(.page-index) .cq-hero-sub .hs-cn { font-size: 14px; line-height: 1.6; }
  main[class^="page-"]:not(.page-index) .cq-hero-sub .hs-en { margin-top: 4px; font-size: 12px; line-height: 1.5; }
  /* 二级栏目胶囊：EN 13px / CN 12px 两级，去掉 360px 上限，占满可用宽度 */
  main[class^="page-"]:not(.page-index) .subnav-inner { gap: 4px; padding: 10px 8px; max-width: 100%; }
  main[class^="page-"]:not(.page-index) .subnav-inner a { padding: 6px 4px; }
  main[class^="page-"]:not(.page-index) .subnav-inner a p { font-size: 13px; line-height: 1.3; }
  main[class^="page-"]:not(.page-index) .subnav-inner a span { margin-top: 2px; font-size: 12px; line-height: 1.3; }

  /* 8.3 标题层级：EN 板块标题 22–28 / CN 15 / 眉标·Part 编号 12
         桌面并存 36 / 40 / 56px 等多种 EN 标题（block-* / section-* / dispute / qualify /
         adv-*），手机上归到同一档，允许换行。 */
  main[class^="page-"]:not(.page-index) .block-title-en,
  main[class^="page-"]:not(.page-index) .section-title-en,
  main[class^="page-"]:not(.page-index) .dispute-title,
  main[class^="page-"]:not(.page-index) .qualify-title,
  main[class^="page-"]:not(.page-index) .adv-title-en { font-size: clamp(22px, 6.8vw, 28px); line-height: 1.2; white-space: normal; }
  main[class^="page-"]:not(.page-index) .block-title-cn,
  main[class^="page-"]:not(.page-index) .section-title-cn,
  main[class^="page-"]:not(.page-index) .adv-title-cn { font-size: 15px; line-height: 1.55; }
  main[class^="page-"]:not(.page-index) .adv-title-cn p,
  main[class^="page-"]:not(.page-index) .adv-title-cn span { font-size: 14px; line-height: 1.55; }
  /* 眉标 / Part 编号：桌面 13–20px 不一，手机端统一 12px */
  main[class^="page-"]:not(.page-index) .section-num,
  main[class^="page-"]:not(.page-index) .adv-nb,
  main[class^="page-"]:not(.page-index) .g-list-num,
  main[class^="page-"]:not(.page-index) .cq-part { font-size: 12px; line-height: 1.5; }

  /* 8.4 正文规范：中文 14/1.75、英文 12/1.65（桌面 line-height:2 在手机上过于松散） */
  main[class^="page-"]:not(.page-index) .policy-text,
  main[class^="page-"]:not(.page-index) .collapse-content,
  main[class^="page-"]:not(.page-index) .card-cn p,
  main[class^="page-"]:not(.page-index) .dispute-text p,
  main[class^="page-"]:not(.page-index) .qualify-col-cn p,
  main[class^="page-"]:not(.page-index) .adv-txt,
  main[class^="page-"]:not(.page-index) .adv-txt p { font-size: 14px; line-height: 1.75; }
  main[class^="page-"]:not(.page-index) .card-en,
  main[class^="page-"]:not(.page-index) .card-en p,
  main[class^="page-"]:not(.page-index) .qualify-col-en p { font-size: 12px; line-height: 1.7; }
  main[class^="page-"]:not(.page-index) .adv-quote { font-size: 13px; line-height: 1.8; }
  main[class^="page-"]:not(.page-index) .lead { line-height: 1.85; }
  /* 行高兜底：桌面为单行写的 line-height:1，手机端一换行就顶字（3-2 实测） */
  main[class^="page-"]:not(.page-index) .check-txt { font-size: 14px; line-height: 1.5; }
  main[class^="page-"]:not(.page-index) .check-txt small { display: block; margin: 2px 0 0; font-size: 12px; line-height: 1.5; }
  main[class^="page-"]:not(.page-index) .req-en { font-size: 20px; line-height: 1.25; }
  main[class^="page-"]:not(.page-index) .req-cn { font-size: 13px; line-height: 1.6; }
  main[class^="page-"]:not(.page-index) .req-no { margin-top: 16px; font-size: 12px; line-height: 1.5; }
  main[class^="page-"]:not(.page-index) .card-script-title { font-size: 18px; line-height: 1.3; }
  main[class^="page-"]:not(.page-index) .entry-card-info .e-en { font-size: 16px; line-height: 1.2; }
  main[class^="page-"]:not(.page-index) .entry-card-info .e-cn { font-size: 13px; line-height: 1.4; }
  /* 表单：标签 14px 收紧，输入框保持 16px（低于 16px 会触发 iOS 聚焦自动放大） */
  main[class^="page-"]:not(.page-index) .form-label { margin-bottom: 4px; font-size: 14px; line-height: 1.5; }
  main[class^="page-"]:not(.page-index) .form-label b { font-size: 14px; }
  main[class^="page-"]:not(.page-index) .form-field { padding: 10px 14px; }

  /* 8.5 页脚（内页通用）：标签小字 + 数值大字，层级分开；备案号不再低于 12px。
         作用域是 `body:not(.page-index)`：<footer> 是 <main> 的兄弟节点
         （body > header.site-header / main / footer.footer），
         写成 `main[class^="page-"] .footer` 会全部落空。 */
  body:not(.page-index) .footer > .wrapper { width: 100%; max-width: 100%; padding-left: 16px; padding-right: 16px; }
  body:not(.page-index) .footer { padding: 48px 0 28px; }
  body:not(.page-index) .contact-row { gap: 28px; padding-bottom: 24px; }
  body:not(.page-index) .contact-side { align-items: flex-start; gap: 20px; }
  body:not(.page-index) .contact-service > p:first-child,
  body:not(.page-index) .contact-email > p:first-child { margin-bottom: 4px; font-size: 12px; line-height: 1.5; color: var(--text-c999); }
  body:not(.page-index) .contact-num { font-size: 16px; line-height: 1.4; }
  body:not(.page-index) .contact-email > p:last-child { font-size: 14px; line-height: 1.5; }
  body:not(.page-index) .contact-links { gap: 18px; }
  body:not(.page-index) .contact-links a { font-size: 20px; line-height: 1.25; }
  body:not(.page-index) .contact-links a span { margin-top: 2px; font-size: 12px; line-height: 1.4; }
  body:not(.page-index) .footer-social { gap: 14px; margin-top: 28px; }
  body:not(.page-index) .footer-social a { width: 44px; height: 44px; }
  body:not(.page-index) .footer-social span { width: 18px; height: 18px; }
  body:not(.page-index) .footer-bottom { gap: 8px; padding-top: 20px; }
  body:not(.page-index) .footer-copy,
  body:not(.page-index) .footer-icp { font-size: 12px; line-height: 1.6; }

  /* 8.6 锚点列表 #list（1-1 / 4-2 / 4-21 / 4-3 共用）
         桌面是「编号 + 中文标题 + 英文名」一行排（nowrap），手机上必然撑破容器
         （实测 4-2 每项 scrollWidth 571–776px）→ 改为编号/标题/英文各占一行并允许换行。
         注意 .g-list-en 挂着全局工具类 .over（nowrap+ellipsis），要覆盖得靠特指度。
         编号不写 flex-basis：992 断点的 flex:0 0 88px 在 column 下会变成固定高度。 */
  main[class^="page-"]:not(.page-index) .g-list-item { padding: 16px 0; }
  main[class^="page-"]:not(.page-index) .g-list-num { flex: 0 0 auto; }
  main[class^="page-"]:not(.page-index) .g-list-main { flex: 1 1 auto; min-width: 0; gap: 4px 12px; }
  main[class^="page-"]:not(.page-index) .g-list-title { flex: 0 0 auto; white-space: normal; font-size: 15px; line-height: 1.5; }
  main[class^="page-"]:not(.page-index) .g-list-en { flex: 0 0 auto; overflow: visible; text-overflow: clip; white-space: normal; font-size: 12px; line-height: 1.5; }
  main[class^="page-"]:not(.page-index) .g-list-arrow { flex: 0 0 32px; width: 32px; height: 32px; align-self: center; background-size: 12px auto; }

  /* 8.7 1-1 / 3-1 品牌保障体系与入口页（.page-partner） */
  .page-partner .guarantee-policy { padding: 48px 0; }
  .page-partner .guarantee-cluster { padding: 48px 0; }
  .page-partner .guarantee-qualify { padding: 48px 0; }
  .page-partner .cluster-block { margin-bottom: 40px; gap: 28px; }
  .page-partner .cluster-card { padding: 24px 18px; margin-bottom: 40px; border-radius: 14px; }
  .page-partner .card-script-icon { width: 30px; }
  .page-partner .policy-title-row { flex-wrap: wrap; align-items: baseline; gap: 2px 12px; }
  .page-partner .policy-btn { width: 100%; height: 42px; padding: 0 22px; font-size: 13px; box-sizing: border-box; }
  .page-partner .dispute-icon { width: 54px; }
  .page-partner .qualify-head { margin-bottom: 32px; }
  /* “Retract” 圆按钮：桌面 89px，手机端 42px 装不下 16px 文字（实测内容溢出 4px），
     并由绝对定位改为文档流，避免压在正文上 */
  .page-partner .card-side { position: static; justify-content: flex-start; margin-top: 16px; }
  .page-partner .collapse-toggle.card-retract { width: 60px; height: 60px; font-size: 12px; }
  .page-partner .entry-card-info { left: 12px; top: 12px; }

  /* 8.8 3-2 渠道合作（.page-partnership） */
  .page-partnership .seek-section { margin: 32px 0; }
  .page-partnership .weprov-section { margin-top: -32px; }
  .page-partnership .req-section { padding: 12px 0 40px; }
  .page-partnership .req-grid { gap: 14px; margin-top: 24px; }
  .page-partnership .req-card { padding: 22px 18px 20px; }
  .page-partnership .req-icon { right: -12px; bottom: -4px; width: 104px; }
  .page-partnership .apply-section { padding-top: 48px; }
  .page-partnership .apply-bg { padding-bottom: 64px; }

  /* 8.9 3-3 联系我们（.page-contact） */
  .page-contact .apply-section { padding: 48px 0 64px; }
  .page-contact .apply-form { padding: 22px 16px; border-radius: 14px; }
  .page-contact .form-grid { gap: 12px; }
  .page-contact .form-submit { height: 56px; }

  /* 8.10 3-4 找到我们（.page-findus）：介绍段由居中改左对齐，标签/值拉开层级 */
  .page-findus .find-intro { padding: 40px 0 8px; }
  .page-findus .intro-block { text-align: left; align-items: stretch; }
  .page-findus .intro-cn { font-size: 15px; line-height: 1.8; }
  .page-findus .intro-en { margin-top: 10px; font-size: 12px; line-height: 1.7; }
  .page-findus .intro-note { margin-top: 12px; font-size: 12px; line-height: 1.7; }
  .page-findus .region-tabs { margin: 24px 0 24px; }
  .page-findus .location-card { padding: 22px 16px; }
  .page-findus .loc-title { padding-bottom: 12px; margin-bottom: 14px; font-size: 16px; line-height: 1.4; }
  .page-findus .loc-title small { margin-top: 2px; font-size: 12px; }
  .page-findus .loc-row { margin-bottom: 12px; padding-left: 0; }
  .page-findus .loc-cn-label,
  .page-findus .loc-en-label { margin-bottom: 2px; font-size: 12px; line-height: 1.5; color: var(--text-c999); }
  .page-findus .loc-cn-text,
  .page-findus .loc-en-text { font-size: 14px; line-height: 1.65; }

  /* 8.11 4-1 特点特色（.page-features）：介绍段由居中改左对齐 */
  .page-features .entry-section { padding: 40px 0 0; }
  .page-features .intro-block { text-align: left; align-items: stretch; }
  .page-features .intro-cn { font-size: 15px; line-height: 1.8; }
  .page-features .intro-en { margin-top: 10px; font-size: 12px; line-height: 1.7; }
  .page-features .entry-cards.cols-2 { gap: 10px; }
  .page-features .entry-card { border-radius: 8px; }
  .page-features .entry-card-info { left: 12px; top: 12px; }

  /* 8.12 4-2 / 4-21 重庆的优势（.page-cq-adv）
         该页此前基本没有手机端适配：桌面 .cq-title / .cq-text / .cq-media / .cq-para
         上写死的 600 / 640 / 560 / 520 / 504 / 500px 宽度被原样带到 390px，
         实测整页横向溢出到 795px（4-2）/ 696px（4-21），内容直接被裁掉。
         这里统一解除固定宽度、重建垂直节奏（桌面 90–152px → 40px）。 */
  .page-cq-adv .cq-sec { padding: 40px 0; }
  .page-cq-adv .cq-m1 { padding-top: 8px; }
  .page-cq-adv .cq-m2 .cq-band { padding: 32px 0 36px; }
  .page-cq-adv .cq-m3 { padding: 40px 0; }
  .page-cq-adv .cq-m4 { padding: 40px 0; }
  .page-cq-adv .cq-m5 { padding: 40px 0 32px; }
  .page-cq-adv .cq-w1 { padding: 8px 0 44px; }
  .page-cq-adv .cq-w2 { padding: 40px 0 48px; }
  .page-cq-adv .cq-w3 { padding-top: 8px; }
  .page-cq-adv .cq-w4 { padding: 40px 0 36px; }
  /* 标题/文本/配图：解除桌面固定宽度，改为占满内容栏 */
  .page-cq-adv .cq-title { width: 100%; max-width: 100%; font-size: clamp(24px, 7.2vw, 32px); line-height: 1.18; letter-spacing: .02em; }
  .page-cq-adv .cq-text,
  .page-cq-adv .cq-media,
  .page-cq-adv .cq-media-pic,
  .page-cq-adv .cq-wide { width: 100%; max-width: 100%; }
  .page-cq-adv .cq-para,
  .page-cq-adv .cq-center-para { max-width: 100%; }
  .page-cq-adv .cq-subcn { margin-top: 8px; font-size: 14px; line-height: 1.6; }
  .page-cq-adv .cq-para { font-size: 13px; line-height: 1.8; }
  .page-cq-adv .cq-para .en { margin-top: 10px; font-size: 12px; line-height: 1.7; }
  .page-cq-adv .cq-part { margin-bottom: 10px; }
  .page-cq-adv .cq-part.vert { writing-mode: horizontal-tb; margin-bottom: 10px; }
  .page-cq-adv .cq-vline { height: 40px; margin: 16px 0.5em; }
  /* 标题行：桌面左右分栏，手机端纵向堆叠，Part 编号提到最前 */
  .page-cq-adv .cq-head-row { flex-direction: column; align-items: flex-start; gap: 10px; }
  .page-cq-adv .cq-head-row > .cq-part { order: -1; }
  .page-cq-adv .cq-cols { gap: 20px; }
  .page-cq-adv .cq-m1 .cq-cols,
  .page-cq-adv .cq-m5 .cq-cols { margin-top: 20px; }
  .page-cq-adv .cq-m2 .cq-imgrow { margin-top: 16px; }
  .page-cq-adv .cq-m2 .cq-head-row { gap: 8px; }
  .page-cq-adv .cq-m2 .cq-quote { width: 32px; margin-top: 0; align-self: flex-start; }
  .page-cq-adv .cq-m2 .cq-band::after { background-size: 150% auto; }
  .page-cq-adv .cq-m3 .cq-cols { align-items: start; }
  .page-cq-adv .cq-m3 .cq-para { margin-top: 14px; }
  .page-cq-adv .cq-m4 .cq-para { margin-top: 12px; }
  .page-cq-adv .cq-m4 .cq-keylist-t { margin-top: 16px; font-size: 13px; line-height: 1.6; }
  .page-cq-adv .cq-m4 .cq-keylist { margin-top: 8px; font-size: 12px; line-height: 1.7; }
  .page-cq-adv .cq-m4 .cq-wide { margin-top: 16px; }
  .page-cq-adv .cq-m5 .cq-head-row { gap: 14px; }
  .page-cq-adv .cq-m5 .cq-side-img { flex: 0 0 104px; }
  .page-cq-adv .cq-w2 .cq-head-wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
  .page-cq-adv .cq-w2 .cq-dis { flex-direction: column; align-items: flex-start; gap: 8px; }
  .page-cq-adv .cq-w2 .cq-cols { margin-top: 16px; }
  .page-cq-adv .cq-w2 .cq-side { justify-content: flex-start; margin-top: 12px; }
  /* .cq-side 里有 3 张 .cq-media（桌面是右对齐竖排 3 图，768 改成横排）。
     若给每张写 flex:0 0 128px → 3×128+2×5(gap)=394 > 358 可用宽，实测把
     `.cq-cols` 的「1fr」列撑到 394px 并溢出屏幕（grid 的 1fr = minmax(auto,1fr)，
     min 取 min-content，压不下去）。改成三等分并允许收缩。 */
  .page-cq-adv .cq-w2 .cq-side .cq-media { width: auto; flex: 1 1 0; min-width: 0; }
  .page-cq-adv .cq-w1 .cq-trio { gap: 6px; margin-top: 16px; }
  /* W3 版式（对齐 4-3 Part 05）：字号/行高按手机端正文字号收一遍 */
  .page-cq-adv .cq-w3-title-en { font-size: 24px; line-height: 1.2; }
  .page-cq-adv .cq-w3-title-en i { font-size: 30px; margin-left: 12px; }
  .page-cq-adv .cq-w3-sub-cn { margin-bottom: 16px; font-size: 15px; line-height: 1.55; }
  .page-cq-adv .cq-w3-txt { font-size: 14px; line-height: 1.75; }
  .page-cq-adv .cq-w3-nb { font-size: 12px; line-height: 1.5; }
  .page-cq-adv .cq-w3-grid { row-gap: 18px; }
  /* 装饰图：桌面 .cq-m1 .cq-bord{left:-6%} / .cq-m3 .cq-map{right:-4%} 都往屏幕外探，
     手机上会把整页撑出横向滚动（实测 4-2 因此到 429px）→ 收回容器内。 */
  .page-cq-adv .cq-m1 .cq-bord { left: 0; top: 6%; width: 74%; opacity: .5; }
  .page-cq-adv .cq-m3 .cq-map { right: 0; width: 68%; opacity: .4; }
  /* 简介块：居中大段中文改左对齐，标签不换行不溢出 */
  .page-cq-adv .adv0 .adv-watermark { top: 56px; font-size: 60px; letter-spacing: .14em; }
  .page-cq-adv .adv0 .intro-block { padding-top: 44px; text-align: left; align-items: stretch; }
  .page-cq-adv .adv0 .note-ico img { width: 44px; height: 46px; }
  .page-cq-adv .adv0 .intro-cn { margin-top: 16px; font-size: 15px; line-height: 1.8; }
  .page-cq-adv .adv0 .intro-en { margin-top: 12px; font-size: 12px; line-height: 1.7; }
  .page-cq-adv .adv0 .intro-tags { flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 22px; }
  .page-cq-adv .adv0 .intro-tag { width: 90%; padding: 6px 14px; box-sizing: border-box; }
  .page-cq-adv .adv0 .intro-tag b,
  .page-cq-adv .adv0 .intro-tag em { font-size: 12px; line-height: 1.4; }

  /* 8.13 4-3 我们的优势（.page-our-adv） */
  .page-our-adv .adv-section { padding: 40px 0; }
  .page-our-adv .adv0 { padding: 64px 0 56px; }
  .page-our-adv .adv0 .intro-block { padding: 44px 15px 0; text-align: left; align-items: stretch; }
  .page-our-adv .adv0 .intro-cn { margin-top: 16px; font-size: 15px; line-height: 1.8; }
  .page-our-adv .adv0 .intro-en { margin-top: 12px; font-size: 12px; line-height: 1.7; }
  .adv0 .adv-watermark { font-size: 60px; }
  .ouradv2 .adv-watermark { font-size: 30px; }
  .page-our-adv .adv-title-en { margin-top: 0; }
  .page-our-adv .ouradv4 .adv-title-en em { font-size: 28px; }
  .page-our-adv .adv-sm-img { width: 120px; margin-top: 12px; }
  .page-our-adv .adv-bullets li { font-size: 14px; line-height: 1.75; }
  .page-our-adv .adv-media.ratio-tall img { max-height: 460px; }
  .ouradv1 .ouradv-head-side { text-align: left; }

  /* 8.14 6-1 消息博客（.page-news） */
  .page-news .news-section { padding: 32px 0 48px; }
  .page-news .news-card { border-radius: 10px; }
  .page-news .news-card .n-title { margin-bottom: 8px; font-size: 15px; line-height: 1.45; }
  .page-news .news-card .n-desc { margin-bottom: 10px; font-size: 12px; line-height: 1.6; }
  .page-news .pager { margin-top: 24px; gap: 6px; }
  .page-news .pager-item { min-width: 34px; height: 34px; font-size: 13px; }

  /* 8.15 并排容器 → 上下堆叠（跨页面，收尾统一处理）
         窄屏下横向排不下的容器一律改为纵向堆叠。两类根因：
         ① 容器是 flex row，桌面给子项的 50% / calc(50% - 10px) 一直生效到手机，
            两栏各剩一半宽，栏内内容超出后被 overflow:hidden 裁掉；
         ② 容器是多列 grid，`1fr` 实为 `minmax(auto, 1fr)`，min 取 min-content ——
            子项里的大图会把整列撑到自身的 min-content，同排的文字列被挤到更窄。
         堆叠后宽度交给父容器（不写死 px），栏内文字靠 8.4 的 14px/1.75 自然换行。 */

  /* 8.15.1 1-1 官方资质保障：桌面「左图 + 右 Swiper」各占 50%
           实测 390 下两栏只剩 156 / 166px（容器 358），Swiper 内容 324px 被裁掉。 */
  .page-partner .qualify-body { flex-direction: column; align-items: stretch; gap: 16px; }
  .page-partner .qualify-body > .qualify-visual,
  .page-partner .qualify-body > .qualify-swiper-wrap { width: 100%; max-width: 100%; }

  /* 8.15.2 4-3 服务壁垒：桌面 .ouradv3-grid 是 1fr 1fr 两列
           实测 390 下 16:9 大图的 min-content=234px 把右列撑开，
           左列文字只剩 131px，栏内条目进一步被压到 102px 宽 / 8 行高。
           特指度说明：桌面写的是 `.ouradv3 .ouradv3-grid`(0,2,0)，
           960 断点里的 `.ouradv3-grid{display:block}`(0,1,0) 根本压不过它，
           所以这里必须带页面作用域 + .ouradv3 才生效。 */
  .page-our-adv .ouradv3 .ouradv3-grid { display: block; margin-top: 24px; }
  .page-our-adv .ouradv3 .ouradv3-grid > * { margin-top: 0; }
  .page-our-adv .ouradv3 .ouradv3-grid > * + * { margin-top: 20px; }
  .page-our-adv .ouradv3 .ouradv3-grid > .ouradv3-scope:last-child { padding: 0; }
  /* 堆叠后两张图不再相邻，桌面为「拼缝」留的直角要恢复成圆角。
     桌面那两条带 !important，这里必须同样带 !important 才能覆盖。 */
  .page-our-adv .ouradv3 .ouradv3-grid .redius-no-rt { border-top-right-radius: 10px !important; }
  .page-our-adv .ouradv3 .ouradv3-grid .redius-no-lb { border-bottom-left-radius: 10px !important; }

  /* 8.16 官方资质 swiper（1-1 .page-partner）：一屏固定「3 行 2 列」= 6 个卡片
         Swiper 的两个内部写法必须先说清楚，否则下面几条看起来像多余的 hack：
         ① Swiper 给每张 slide 写内联宽度 `(swiperWidth - gap) / slidesPerView`；
         ② Swiper 给每张 slide 写内联高度 `calc(33.3333% - 6.66667px)`（容器高/3 - gap），
            —— 是百分比，所以父级高度必须确定，否则整段失效；
         ③ 翻页步长由 JS 的 slidesPerGroup 决定，见 main.js 里 qualify 那段注释。 */

  /* ① 去掉内边距：Swiper 的 overflow:hidden 裁在 padding 盒上，
        留着 768 块给的 14px，相邻那一列就会从内边距里「露半截」，
        切换后尤其明显（看着像多出一个空列）。
        归零后 slide 宽 = (358 - 10) / 2 = 174，两列严丝合缝铺满容器。
        ② 同时去掉容器圆角：没有内边距兜着，18px 的外圆角只会把角上两张卡
        自己那 10px 圆角啃掉一块（卡片自带圆角，外层不需要再套一层）。
        ③ 给一个确定高度，让上面那条百分比高度算得出来 —— 否则三行退回内容撑开，
        每张卡高度随 logo 比例乱变，行与行对不齐。
        358 / 243 与桌面卡片同比例（桌面 295×126），高度随宽度自动缩放。 */
  .page-partner .qualify-swiper {
    padding: 0;
    border-radius: 0;
    height: auto;
    aspect-ratio: 358 / 243;
  }

  /* ④ 卡片内边距按宽度收一档（桌面 20px），保证 logo 不贴边 */
  .page-partner .qualify-swiper .swiper-slide { padding: 12px; }
}

@media (max-width: 640px) {
	.cq-m2 .cq-imgrow { grid-template-columns: 1fr; }
	.cq-w1 .cq-trio { grid-template-columns: 1fr; }
	.cq-w1 .cq-trio .cq-media img { aspect-ratio: 4 / 3; }
	.cq-m5 .cq-head-row { flex-direction: column; }
	.cq-m5 .cq-side-img { align-self: flex-end; margin-top: -40px; }
	.cq-w2 .cq-script { position: static; display: block; margin-bottom: 10px; white-space: normal; }
	.cq-hero-sub { margin-top: 18px; }
	.adv0 .intro-tags { gap: 10px; }
	.adv0 .intro-tag { padding: 6px 16px; }
}

/* 小屏手机 (480px) */
@media (max-width: 480px) {
  /* .wrapper { padding: 0 12px; } */
  .guarantee-container { padding: 0 12px; }
  /* hero */
  .guarantee-hero { min-height: 360px; padding: 100px 0 0; }
  .guarantee-hero .hero-title-en { font-size: clamp(20px, 9vw, 28px); }
  .guarantee-hero .hero-title-cn { font-size: 15px; }
  .guarantee-hero .hero-sign { font-size: 16px; }
  .guarantee-hero.on-photo .hero-title-en { font-size: clamp(18px, 7vw, 24px); }
  .guarantee-hero.on-photo .hero-sign { font-size: 14px; }
  /* subnav 横向滚动 */
  .subnav-inner { padding: 4px 6px; gap: 2px; }
  .subnav-inner a { padding: 3px 8px; }
  .subnav-inner a p { font-size: 13px; }
  .subnav-inner a span { font-size: 12px; }
  /* footer */
  .contact-links a { font-size: 18px; }
  .contact-links a span { margin-top: 2px; font-size: 12px; }
  .footer-social a { width: 42px; height: 42px; }
  .footer-social span { width: 16px; height: 16px; }
  .footer-copy { font-size: 12px; }
  .footer-icp { font-size: 11px; }
  .footer-sign { font-size: 22px; }
  /* entry-card */
  .entry-card-info .e-en { font-size: 16px; }
  .entry-card-info .e-cn { font-size: 13px; }
  /* location-card */
  .location-card { padding: 20px 14px; }
  .loc-title { font-size: 15px; }
  .loc-title small { font-size: 12px; }
  /* form */
  .apply-form { padding: 20px 14px; }
  .form-submit { flex: 0 0 auto; }
  .form-submit .fs-en { font-size: 18px; }
  .form-submit .fs-cn { font-size: 14px; }
  /* news */
  .news-card-body { padding: 14px; }
  .news-card-title { font-size: 15px; }
  /* advantage */
  .adv-title-en { font-size: 18px; }
  .adv-txt { font-size: 12px; }
  .adv-thumbs.vert { grid-template-columns: 1fr; }
  /* cluster-card */
  .cluster-card { padding: 20px 16px; }
  /* pager */
  .pager-item { min-width: 30px; height: 30px; font-size: 12px; }
  /* region-tab */
  .region-tab { padding: 6px 14px; font-size: 12px; }
  /* step-card */
  .step-card { padding: 20px; }
  /* CTA */
  .c-cta { padding: 40px 12px; }
  
  .cluster-card { padding: 28px 22px; }
  .card-float-btn { width: 52px; height: 52px; }
  .collapse-toggle { width: 60px; height: auto; }
  .qualify-item { height: 76px; }
  .qualify-nav button { width: 42px; height: 42px; }
}


@media (max-width: 420px) {
  .page-index .ban-title { font-size: 22px; }
  .page-index .place-name { font-size: 32px; }
  .page-index .feature-title-en { font-size: 22px; }
  .page-index .contact-message { width: 100%; }
  .page-index .inews-swiper { padding-left: 14px; padding-right: 14px; }
  .page-index .bantxt { padding-left: 16px; padding-right: 16px; }
  .page-index .place-content { padding-left: 14px; padding-right: 14px; }
}
/* ======================= 首页手机端适配 END ======================= */

/* ========================================================================
   第9段  5-1 产品与服务 / 5-2 治愈之旅（2026-10-10 新增）
   ======================================================================== */

/* ---------- 5-1 / 5-2 页面基底 ---------- */
.page-products,
.page-heal {
  --container-width: 1282px;
  --container-pad: 40px;
  --ps-gold: #bfa874;
  color: var(--text-c222);
}

/* ---------- 5-1 ① 引导简介：合规前置说明 ---------- */
.page-products .ps-intro { position: relative; padding: 72px 0 0; text-align: center; overflow: hidden; }
/* 灰色 logo 水印（ts-logo 已是灰色字标） */
.page-products .ps-ghost { width: 300px; max-width: 62vw; margin: 0 auto; }
.page-products .ps-ghost img { display: block; width: 100%; opacity: 0.55; }
.page-products .ps-intro .intro-block { max-width: 900px; margin: 6px auto 0; }
.page-products .ps-intro .intro-tt { font-family: var(--font-sy-b); font-size: clamp(13px, 1.3vw, 20px); font-weight: 400; color: var(--text-c222); }
.page-products .ps-intro .intro-cn { margin-top: 12px; font-family: var(--font-sy-r); font-size: clamp(13px, 1.3vw, 20px); line-height: 2.15; color: var(--text-c333); }
.page-products .ps-intro .intro-tt--en { margin-top: 28px; font-family: var(--font-fn-r); font-size: clamp(12px, 1vw, 16px); font-weight: 600; }
.page-products .ps-intro .intro-en { max-width: 780px; margin: 12px auto 0; font-size: 13px; line-height: 1.85; color: var(--text-c666); }

/* ---------- 5-1 ② 板块通用 ---------- */
.page-products .ps-section { position: relative; z-index: 2; padding: 96px 0 0; }
.page-products .ps-section .psbg2{ content: ''; position: absolute; bottom: 0; left: 0; z-index: -1; width: 100%; aspect-ratio: 1920/1011; background: url(../img/serv5-bg21.jpg) no-repeat center / 100% auto;}
.page-products .ps-section .adv-nb { display: block; margin-top: 26px; color: var(--ps-gold); }

/* Part 01 服务分工（左标题逐字渐隐 + 右整体拼图底图 serv5-11.png 782x590 原始 1:1） */
.page-products .ps-division-grid { display: grid; grid-template-columns: 1fr minmax(0, 782px); gap: 0; align-items: center; }
.page-products .ps-fade-title { font-family: var(--font-fn-r); font-weight: 500; font-size: clamp(40px, 5.5vw, 80px); line-height: 1.14; background: linear-gradient(135deg, #222 20%, transparent 70%); -webkit-text-stroke: 1px #222; -webkit-background-clip: text; background-clip: text; color: transparent;}
/* .page-products .ps-fade-title span { display: inline-block; color: var(--text-c222); } */
.page-products .ps-division-head .block-title-cn { margin-top: 12px; font-family: var(--font-sy-r); font-size: clamp(16px, 4vw, 30px); font-weight: 400; color: var(--text-c222); }
.page-products .ps-division-line { display: block; width: 1px; height: 84px; margin: 34px 0 34px 15px; background: rgba(34, 34, 34, 0.32); }
.page-products .ps-division-head .adv-nb { margin-top: 0; font-size: clamp(13px, 1.3vw, 20px); font-family: var(--font-fn-r); color: var(--text-c222); }

/* 拼图区：整张 serv5-11.png 作底图（782x590 原始尺寸 1:1，窄屏按比例缩放），文字绝对定位覆盖两块拼图 */
.page-products .ps-puzzle { position: relative; width: 782px; max-width: 100%; aspect-ratio: 782 / 590; }
.page-products .puzzle-img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: contain; }
.page-products .puzzle-item { position: absolute; top: 17%; height: 67.5%; z-index: 1; display: flex; flex-direction: column; justify-content: center; text-align: center; padding: 0 5% 32px;}
.page-products .puzzle-item--l { left: 0; width: 38%; }
.page-products .puzzle-item--r { right: 0; flex: 1; }
.page-products .puzzle-txt { margin-top: 24px; font-family: var(--font-sy-l); font-size: clamp(12px, 1vw, 16px); line-height: 22px; color: var(--text-c666); max-width: 256px; margin-left: auto; margin-right: auto; }
.page-products .puzzle-txt-en { margin-top: 6px; font-family: var(--font-sy-l); font-size: clamp(12px, 1vw, 16x); line-height: 21px; color: var(--text-c999); max-width: 256px; margin-left: auto; margin-right: auto; hyphens: auto; }
.page-products .puzzle-item--r .puzzle-txt,
.page-products .puzzle-item--r .puzzle-txt-en { max-width: 192px; } /* 右块文本框比左块窄（实测 192px），与设计稿换行一致 */
.page-products .puzzle-en { font-family: var(--font-fn-r); font-size: 29px; line-height: 1.1; font-weight: 500; color: #17181a; }
.page-products .puzzle-cn { margin-top: 0; font-size: clamp(14px, 1.5vw, 24px);  font-weight: 400; color: var(--text-c222); }

/* Part 02 计费规则（左标题 + 右白卡叠压容器内大图，整段浅色纹理底） */
.page-products .ps-bill { z-index: 1; padding: 96px 0; background: url(../img/cqys-bg22.png) center/cover;}
.page-products .ps-bill-container { position: relative; }
.page-products .ps-bill-head .block-title-cn { margin-top: 10px; font-size: clamp(16px, 4vw, 30px); }
.page-products .ps-bill-head .block-title-en { font-size: clamp(40px, 5.5vw, 80px); }
.page-products .ps-bill-head .adv-nb { margin-top: 34px; font-size: clamp(13px, 1.3vw, 20px); font-family: var(--font-fn-r); color: var(--text-c222); }
.page-products .ps-bill-media {
  margin-top: 45px; border-radius: 14px; overflow: hidden;
  box-shadow: 0 22px 56px rgba(21, 20, 21, 0.12);
}
.page-products .ps-bill-media img { width: 100%; display: block; aspect-ratio: 1204 / 421; object-fit: cover; }
.page-products .ps-bill-card { position: absolute; top: 0; right: 92px; z-index: 2; width: clamp(200px, 100%, 695px); background: #fff; border-radius: 14px; padding: 45px 55px; box-shadow: 0 26px 70px rgba(21, 20, 21, 0.08); box-sizing: border-box;}
.page-products .bill-list { list-style: none; font-size: clamp(12px, 1vw, 16px); line-height: 1.75; color: var(--text-c333); }
.page-products .bill-list li::before { content: '•'; position: absolute; left: 2px; top: 0; }
.page-products .bill-list--en { margin-top: 30px; color: var(--text-c666); font-family: var(--font-sy-l); }

/* Part 03–05 三段旅程（三列白卡，产品简介/服务包含/价格费用三段式） */
.page-products .ps-journey .block-head { position: relative; }
.page-products .ps-journey .block-head .adv-nb { position: absolute; right: 0; bottom: 6px; margin: 0; font-size: clamp(13px, 1.3vw, 20px); font-family: var(--font-fn-r); color: var(--text-c222); }
.page-products .ps-journey .block-title-en { font-size: clamp(40px, 5.5vw, 80px); }
.page-products .ps-journey .block-title-cn { margin-top: 4px; font-size: clamp(18px, 1.8vw, 30px); }
/* 三段旅程轮播（Swiper），.ps-cards 仅作外层定位容器 */
.page-products .ps-cards { position: relative; }
.page-products .ps-swiper { overflow: hidden; padding: 50px 10px; }
.page-products .ps-swiper .swiper-slide { height: auto; }
.page-products .ps-swiper .swiper-slide:hover .ps-card { box-shadow: 0 0 10px rgba(0, 0, 0, 0.26);}
.page-products .ps-swiper .ps-card { height: 100%; border: 1px solid #e2e2e2; box-sizing: border-box; }
.page-products .ps-card { position: relative; border-radius: 10px; padding: 32px 30px 36px; font-size: clamp(12px, 1vw, 16px); background: rgba(255, 255, 255, 0.78);}
.page-products .ps-card-num { font-family: var(--font-fn-r); color: var(--text-c333); }
.page-products .ps-card-title { margin-top: 16px; font-family: var(--font-sy-l); font-size: clamp(14px, 1.5vw, 24px); line-height: 1.45; font-weight: 400; color: var(--text-c222); text-align: justify; }
.page-products .ps-card-en-t { margin-top: 8px; font-size: clamp(13px, 1.3vw, 20px); line-height: 1.3; font-family: var(--font-fn-r); color: var(--text-c222); }
.page-products .ps-card-div { margin-top: 18px; height: 1px; background: rgba(34, 34, 34, 0.14); }
.page-products .ps-card-label { margin-top: 22px; font-family: var(--font-sy-b); color: var(--text-c222); }
.page-products .ps-card-label span { margin-left: 10px; }
.page-products .ps-card-cn { margin-top: 10px; line-height: 1.85; color: var(--text-c666); }
.page-products .ps-card-en { margin-top: 8px; line-height: 1.8; color: var(--text-c666); }
.page-products .ps-card-fee { margin-top: 10px; font-family: var(--font-sy-b); color: var(--text-c666); }
.page-products .ps-card-fee span { margin-left: 10px; }
.page-products .ps-card-price { margin-top: 6px; color: var(--text-c666); }
/* 交换圆章：悬浮在轮播范围内时跟随鼠标（参考首页 inews-swiper-wrap 拖拽提示） */
.page-products .ps-card-badge { position: absolute; left: 0; top: 0; width: 114px; height: 114px; z-index: 5; pointer-events: none; opacity: 0; transform: translate(-50%, -50%); transition: opacity .3s ease; will-change: left, top; }
.page-products .ps-swiper.swiper-hover .ps-card-badge { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.page-products .ps-card-badge img { width: 100%; height: 100%; object-fit: contain; }

/* Part 06 增值服务（2×2 镶拼：宽窄交错，浅灰底通栏） */
.page-products .ps-value { background: #f7f7f7; padding-top: 120px; padding-bottom: 0; }
.page-products .ps-value .block-head { position: relative; }
.page-products .ps-value .block-title-en { font-size: clamp(40px, 5.5vw, 80px); }
.page-products .ps-value .block-title-cn { margin-top: 4px; font-size: clamp(18px, 1.8vw, 30px); }
.page-products .ps-value .adv-nb--v { position: absolute; right: 0; bottom: 0px; margin: 0; writing-mode: vertical-rl; white-space: nowrap; font-family: var(--font-fn-r); color: var(--text-c222);}
.page-products .ps-mosaic { display: flex; flex-direction: column; gap: 8px; margin-top: 38px; }
.page-products .ps-mosaic-row { display: flex; gap: 8px; }
.page-products .ps-tile { position: relative; display: flex; flex-direction: column; justify-content: flex-end; flex: 1 1 0; min-width: 0; min-height: 426px; padding: 40px 35px; background: #fff; border-radius: 12px; overflow: hidden; box-sizing: border-box;}
.page-products .ps-tile-ico { position: relative; z-index: 1; width: 62px; max-height: 50px; margin-bottom: 30px; color: #1c1c1c; }
.page-products .ps-tile-ico img { width: 100%; height: 100%; object-fit: contain; }
.page-products .ps-tile-en { position: relative; z-index: 1; font-family: var(--font-fn-r); font-size: clamp(22px, 1.8vw, 30px); line-height: 28px; font-weight: 400; color: var(--text-c222); }
.page-products .ps-tile-cn { position: relative; z-index: 1; margin-top: 6px; font-size: clamp(14px, 1.5vw, 24px); font-family: var(--font-sy-l); line-height: 1.4; color: var(--text-c222); }
.page-products .ps-tile--wide { flex: 780 1 0; }
.page-products .ps-tile--narrow { flex: 410 1 0; }
.page-products .ps-tile--sky::before { content: ''; position: absolute; inset: 0; background: url(../img/serv5-bg41.jpg) center/cover;}
.page-products .ps-tile--dark::before { content: ''; position: absolute; inset: 0; background: url(../img/serv5-bg43.jpg) center / cover no-repeat;}
.page-products .ps-tile--herb::before { content: ''; position: absolute; inset: 0; background: url(../img/serv5-bg44.jpg) right center / cover no-repeat;}
.page-products .ps-tile--dark .ps-tile-ico { color: #fff; }
.page-products .ps-tile--dark .ps-tile-en { color: #fff; }
.page-products .ps-tile--dark .ps-tile-cn { color: #fff; }

/* Part 07 服务说明（左文右图，上接增值服务浅灰底） */
.page-products .ps-desc { background: linear-gradient(180deg, #f7f7f7, transparent);}
.page-products .ps-desc .adv-nb { font-family: var(--font-fn-r); color: var(--text-c222); }
.page-products .ps-desc .block-title-en { margin-top: 22px; font-size: clamp(40px, 5vw, 80px); font-family: var(--font-fn-r); }
.page-products .ps-desc .block-title-cn { margin-top: 4px; font-size: clamp(22px, 1.8vw, 30px); }
.page-products .ps-desc-grid { display: grid; grid-template-columns: 0.95fr 0.78fr; gap: 90px; align-items: start; margin-top: 2.5vw; }
.page-products .ps-desc-lead { margin-top: 2.5vw; font-family: var(--font-sy-b); font-size: clamp(13px, 1.3vw, 20px); font-weight: 400; color: var(--text-c222); }
.page-products .ps-desc-cn { margin-top: 10px; font-size: clamp(13px, 1.3vw, 20px); line-height: 1.8; color: var(--text-c333); }
.page-products .ps-desc-en-t { margin-top: 28px; font-family: var(--font-sy-b); font-size: 14px; font-weight: 400; color: var(--text-c222); }
.page-products .ps-desc-en { margin-top: 8px; font-size: clamp(12px, 1vw, 16px); line-height: 1.8; color: var(--text-c666); }
.page-products .ps-desc-media { border-radius: 14px; overflow: hidden; box-shadow: 0 22px 56px rgba(21, 20, 21, 0.12); }
.page-products .ps-desc-media img { width: 100%; display: block; aspect-ratio: 507 / 628; object-fit: cover; }

/* ---------- 5-2 治愈之旅 ---------- */
.page-heal .heal-layout { display: grid; grid-template-columns: 1fr 420px; gap: 75px; align-items: start; padding: 90px 0 40px; }
.page-heal .heal-title { font-size: clamp(22px, 1.8vw, 30px); line-height: 1.5; font-weight: 400; }
.page-heal .heal-title-en { margin-top: 12px; font-family: var(--font-fn-r); font-size: clamp(13px, 1.3vw, 20px); line-height: 1.7; color: var(--text-c222); }
.page-heal .heal-sec { margin-top: 3vw; line-height: 1.5; font-size: clamp(12px, 1vw, 16px); color: var(--text-c666); font-family: var(--font-sy-l); }
.page-heal .heal-h3 { margin-bottom: 10px; font-family: var(--font-sy-b); color: var(--text-c222); }
.page-heal .heal-h3 span { margin-left: 10px; }

/* 合作医院侧栏 */
.page-heal .heal-side { position: sticky; top: 110px; background: #f7f6f2; border-radius: 16px; padding: 26px 20px 20px; }
.page-heal .heal-side-head { display: flex; align-items: baseline; gap: 8px; padding: 0 4px; }
.page-heal .heal-side-ico { align-self: center; flex: 0 0 20px; width: 20px; height: 20px; color: var(--text-c222); }
.page-heal .heal-side-ico svg { width: 100%; height: 100%; }
.page-heal .heal-side-head b { font-family: var(--font-sy-b); font-size: 15px; font-weight: 400; }
.page-heal .heal-side-head span { font-size: 13px; color: var(--text-c666); }
.page-heal .heal-hosps { margin-top: 16px; display: flex; flex-direction: column; gap: 14px; max-height: 620px; overflow-y: auto; scrollbar-width: none; }
.page-heal .heal-hosps::-webkit-scrollbar { display: none; }
.page-heal .heal-hosp { background: #fff; border-radius: 12px; padding: 15px 20px; font-size: clamp(12px, 1.1vw, 16px); box-shadow: 0 10px 30px rgba(21, 20, 21, 0.05); }
.page-heal .heal-hosp-cn { font-family: var(--font-sy-b); font-size: clamp(13px, 1.3vw, 20px); font-weight: 400; }
.page-heal .heal-hosp-en { margin-top: 4px; padding-bottom: 8px; font-size: 12px; color: var(--text-c666); border-bottom: 1px solid #e2e2e2; }
.page-heal .heal-hosp dt { margin-top: 16px; font-family: var(--font-sy-m); font-size: 14px; }
.page-heal .heal-hosp dt span { margin-left: 8px; font-family: var(--font-sy-l); font-size: 12px; font-weight: 400; color: var(--text-c999); }
.page-heal .heal-hosp dd { margin-top: 6px; font-size: 13px; line-height: 1.7; color: var(--text-c333); }
.page-heal .heal-hosp .heal-dd-en { margin-top: 2px; font-size: 12px; line-height: 1.7; color: var(--text-c999); }
.page-heal .heal-side-nav { margin-top: 16px; display: flex; justify-content: center; gap: 12px; }
.page-heal .heal-nav-btn {
  width: 42px; height: 42px; border-radius: 50%; border: 1px solid rgba(34, 34, 34, 0.3);
  background: #fff; color: var(--text-c222); cursor: pointer; display: flex; align-items: center; justify-content: center;
  transition: border-color .3s ease, color .3s ease, background .3s ease;
}
.page-heal .heal-nav-btn svg { width: 18px; height: 18px; }
.page-heal .heal-nav-btn:hover { border-color: var(--ps-gold); color: var(--ps-gold); }
.page-heal .heal-nav-btn.is-next { background: #f3ecd9; border-color: rgba(191, 168, 116, 0.6); }

/* 底部大水印 */
.page-heal .heal-watermark {
  font-family: var(--font-ast); font-weight: bold; line-height: 1; text-align: center;
  font-size: clamp(100px, 14vw, 280px); color: rgba(191, 168, 116, 0.13);
  white-space: nowrap; pointer-events: none; user-select: none; margin-bottom: -0.12em;
}

/* ---------- ⑧ 窄屏降级：1200 ---------- */
@media (max-width: 1200px) {
  .page-products .ps-division-grid { grid-template-columns: 1fr minmax(0, 640px); }
  .page-products .puzzle-en { font-size: 17px; }
  .page-products .puzzle-cn { font-size: 15px; }
  .page-products .puzzle-txt { margin-top: 20px; font-size: 12px; }
  .page-products .puzzle-txt-en { margin-top: 10px; font-size: 11px; }
  .page-products .ps-bill-card { width: 600px; right: 40px; padding: 42px 44px; }
  .page-products .ps-bill-media { margin-top: 44px; }
  .page-products .ps-bill-media img { aspect-ratio: 16 / 7; }
  .page-products .ps-tile { min-height: 380px; padding: 32px 32px 42px; }
  .page-products .ps-tile-ico { width: 42px; height: 42px; margin-bottom: 24px; }
  .page-products .ps-tile-en { font-size: 23px; line-height: 24px; }
  .page-products .ps-tile-cn { font-size: 20px; }
  .page-products .ps-desc-grid { grid-template-columns: 1fr 420px; gap: 60px; }
  .page-heal .heal-layout { grid-template-columns: 1fr 330px; gap: 40px; }
}

/* ---------- ⑨ 窄屏降级：992 ---------- */
@media (max-width: 992px) {
  .page-products .ps-division-grid { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .page-products .ps-puzzle { margin: 0 auto; }
  .page-products .ps-division-line { height: 56px; margin: 22px 0 18px 4px; }
  .page-products .ps-division-head .adv-nb { margin-top: 0; }
  .page-products .ps-bill-media { margin-top: 36px; }
  .page-products .ps-bill-media img { aspect-ratio: 16 / 9; }
  .page-products .ps-bill-card { position: static; width: auto; margin-top: 26px; padding: 36px 28px; }
  .page-products .ps-mosaic-row { flex-direction: column; }
  .page-products .ps-tile { min-height: 320px; }
  .page-products .ps-value .adv-nb--v { display: none; }
  .page-products .ps-desc-grid { grid-template-columns: 1fr; gap: 32px; }
  .page-products .ps-desc-media { max-width: 507px; }
  .page-heal .heal-layout { grid-template-columns: 1fr; padding-top: 64px; }
  .page-heal .heal-side { position: static; max-width: 560px; }
}

/* ---------- ⑩ 手机端：768（版式归并，字号交给第 8 段统一规范） ---------- */
@media (max-width: 768px) {
  .page-products .ps-intro { padding-top: 56px; }
  .page-products .ps-section { padding-top: 30px; }
  .page-products .ps-ghost { width: 210px; }
  .page-products .ps-intro .intro-tt { font-size: 15px; }
  .page-products .ps-intro .intro-cn { font-size: 14px; line-height: 1.9; }
  .page-products .ps-intro .intro-tt--en { margin-top: 20px; font-size: 14px; }
  .page-products .ps-intro .intro-en { font-size: 12px; line-height: 1.7; }
  .page-products .ps-fade-title { font-size: 34px; }
  .page-products .ps-division-head .block-title-cn { font-size: 16px; }
  /* 拼图卡手机端：去背景图，左右改上下、宽 100% */
  .page-products .ps-puzzle { margin: 0 auto; width: 100%; aspect-ratio: auto; }
  .page-products .puzzle-img { display: none; }
  .page-products .puzzle-item { position: static; height: auto; padding: 0 4%; box-sizing: border-box; }
  .page-products .ps-division-head,.ps-bill-head { text-align: center;}
  .page-products .ps-division-line { display: none;}
  .page-products .puzzle-txt { max-width: 100%; }
  .page-products .puzzle-txt-en { max-width: 100%; }
  .page-products .puzzle-item--l,
  .page-products .puzzle-item--r { width: 100%; }
  .page-products .puzzle-item--r .puzzle-txt,
  .page-products .puzzle-item--r .puzzle-txt-en { max-width: none; }
  .page-products .puzzle-item--r { margin-top: 26px; }
  .page-products .puzzle-en { font-size: 15px; }
  .page-products .puzzle-cn { font-size: 14px; }
  .page-products .puzzle-txt { margin-top: 12px; font-size: 12px; line-height: 1.7; }
  .page-products .puzzle-txt-en { margin-top: 8px; font-size: 11px; line-height: 1.6; }
  .page-products .ps-bill-head .adv-nb { margin-top: 0;}
  .page-products .ps-bill { padding-bottom: 30px;}
  .page-products .ps-bill-media { margin-top: 30px; border-radius: 12px; }
  .page-products .ps-bill-media img { aspect-ratio: 4 / 3; }
  .page-products .ps-bill-card { padding: 30px 22px; border-radius: 14px; }
  .page-products .bill-list li { font-size: 14px; line-height: 1.85; }
  .page-products .bill-list--en { margin-top: 20px; }
  .page-products .bill-list--en li { font-size: 12px; line-height: 1.75; }
  .page-products .ps-card { padding: 28px 22px; }
  .page-products .ps-card-badge { width: 76px; height: 76px; display: none; } /* 触屏无鼠标悬浮 */
  .page-products .ps-tile { min-height: 240px; padding: 28px 24px 34px; }
  .page-products .ps-tile-en { font-size: 21px; line-height: 22px; }
  .page-products .ps-tile-cn { font-size: 18px; }
  .page-products .ps-swiper { padding: 20px 0;}

  /* 锚点列表：单列窄行（对照 4-3 手机端处理） */
  .page-products .guarantee-list { padding: 36px 0 0; }
  .page-products .g-list-item { padding: 14px 0; }
  .page-products .g-list-main { flex-wrap: wrap; gap: 4px 14px; }
  .page-products .g-list-num { flex: 0 0 auto; }
  .page-products .g-list-title { white-space: normal; }
  .page-products .g-list-float { display: none; }

  .page-heal .heal-title { font-size: 19px; }
  .page-heal .heal-title-en { font-size: 12px; }
  .page-heal .heal-h3 { font-size: 15px; line-height: 1.6; }
  .page-heal .heal-h3 span { display: block; margin: 2px 0 0; font-size: 12px; }
  .page-heal .heal-sec { margin-top: 34px; }
  .page-heal .heal-ol { padding-left: 18px; }
  .page-heal .heal-ol li { font-size: 14px; line-height: 1.75; }
  .page-heal .heal-ol-en li { font-size: 12px; line-height: 1.65; }
  .page-heal .heal-p { font-size: 14px; line-height: 1.75; }
  .page-heal .heal-p-en { font-size: 12px; line-height: 1.65; }
  .page-heal .heal-fee b { font-size: 22px; }
  .page-heal .heal-side { padding: 20px 14px 16px; }
  .page-heal .heal-hosps { max-height: none; overflow: visible; } /* 手机端全部展开 */
  .page-heal .heal-side-nav { display: none; }
  .page-heal .heal-watermark { font-size: 88px; margin-bottom: -0.08em; }
}
/* 5-2 治愈之旅：subnav 选中态与设计稿一致用金色胶囊（页面非暖底，不能挂 theme-warm） */
.page-heal .subnav-inner a.active { background: linear-gradient(45deg, #e8e1ce, #e3dcbc); color: #3a3425; }
/* ======================= 第9段 5-1 / 5-2 END ======================= */