/* 咨询屏使用左侧邀请、右侧准备清单、底部联系渠道；独立限定在本屏，不覆盖公共页脚或联系表单。 */
html[data-theme="navy"] #site-viewport #page-content #home-contact.closing-composition.home-contact{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  grid-template-areas:"copy preparation" "actions preparation" "rail rail";
  grid-template-rows:auto auto auto;
  column-gap:clamp(56px,6cqw,104px);
  row-gap:28px;
  align-content:center;
  align-items:start;
  justify-content:normal;
  text-align:left;
  padding:56px max(var(--space),calc((100% - 1280px) / 2)) 40px;
  height:auto;
  min-height:calc(100svh - var(--home-header,88px));
  /* 标题侧集中宝蓝环境光，外缘保留深阴影，建立深浅层次而不改变正文与按钮的颜色。 */
  position:relative;
  isolation:isolate;
  background:radial-gradient(ellipse at 24% 43%,#1a4698a6,transparent 63%),radial-gradient(ellipse at 77% 74%,#16458b52,transparent 62%),linear-gradient(135deg,#06142e,#0a2450 56%,#031027);
}
/* 右侧斜切面只承担背景：半透明蓝面与上缘银蓝受光呼应应用拼贴，位于文字下方且不接收点击。 */
#site-viewport #page-content #home-contact::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  clip-path:polygon(68% -12%,112% -12%,94% 112%,48% 112%);
  background:linear-gradient(113deg,#c7e1ff24,transparent 64%),linear-gradient(155deg,#a7ccf51c,#316cc02e 48%,#0b2c6110 88%);
}
/* 底部反光带将三种联系渠道连在同一空间中，中心轻亮、两端渐隐；全部为静态渐层，不增加动画或图像请求。 */
#site-viewport #page-content #home-contact::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,#a8ccff30,transparent) center 81% / 74% 1px no-repeat,radial-gradient(ellipse 58% 11% at 50% 84%,#78acf22b,transparent 78%),linear-gradient(0deg,#03102770,transparent 44%);
}
/* 电脑逐屏模式沿用原画布高度；较矮窗口回到自然阅读后，内容可以按真实高度展开。 */
html[data-theme="navy"] #site-viewport[data-home-scroll="steps"] #page-content #home-contact.closing-composition.home-contact{height:var(--home-screen-height);min-height:var(--home-screen-height)}
#site-viewport #page-content #home-contact .contact-copy{grid-area:copy;max-width:none;min-width:0}
#site-viewport #page-content #home-contact .finish-kicker{margin-bottom:22px;font-size:15px;line-height:1.5;letter-spacing:.04em}
#site-viewport #page-content #home-contact .finish-title{font-size:clamp(48px,4.4cqw,76px);line-height:1.16;font-weight:500;letter-spacing:-.035em;text-wrap:initial;max-width:100%}
/* 中文标题保留正常字距；英文按原有两行组织，过长时自然换行，不使用固定宽度裁切。 */
html[data-language="zh-CN"] #site-viewport #page-content #home-contact .finish-title{letter-spacing:0}
#site-viewport #page-content #home-contact .finish-lead{font-size:20px;line-height:1.8;margin:24px 0 0;max-width:28em;text-wrap:initial}
#site-viewport #page-content #home-contact .contact-actions{grid-area:actions;justify-content:flex-start;align-items:center;gap:16px 26px;margin:0}
#site-viewport #page-content #home-contact .finish-primary{min-height:52px;padding:13px 24px;font-size:17px;line-height:1.5}
#site-viewport #page-content #home-contact .finish-secondary{font-size:17px;line-height:1.5}
/* 准备信息独立成列，以编号和细分隔线建立阅读节奏，完整原文仍保留在列表节点中。 */
#site-viewport #page-content #home-contact .contact-preparation{grid-area:preparation;align-self:center;min-width:0;width:100%;max-width:none;padding-top:24px}
#site-viewport #page-content #home-contact .contact-preparation .finish-caption{font-size:16px;line-height:1.6;color:#abc0db;margin:0 0 18px}
#site-viewport #page-content #home-contact .contact-inputs{display:block;counter-reset:contact-requirement;margin:0;padding:0;border-top:1px solid #a3bfe833}
#site-viewport #page-content #home-contact .contact-input{counter-increment:contact-requirement;display:flex;align-items:baseline;gap:20px;padding:18px 0;border-bottom:1px solid #a3bfe826;font-size:18px;line-height:1.6;color:#d0dded}
#site-viewport #page-content #home-contact .contact-input::before{content:counter(contact-requirement,decimal-leading-zero);width:28px;height:auto;flex:none;background:none;border-radius:0;color:#88a9d2;font-family:"Carbon Sora",sans-serif;font-size:13px;line-height:1.6;font-variant-numeric:tabular-nums}
/* 三种联系渠道共用上方两栏的左右边界；等宽排列，次级名称与可点击联系值形成清楚的阅读层级。 */
#site-viewport #page-content #home-contact .contact-rail{grid-area:rail;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;max-width:none;margin-top:28px;padding-top:26px;border-top:1px solid #a3bfe83b}
#site-viewport #page-content #home-contact .finish-channel{min-width:0;padding:0 30px 0 0;gap:10px}
#site-viewport #page-content #home-contact .finish-channel+.finish-channel{border-left:1px solid #a3bfe826;padding-left:28px}
#site-viewport #page-content #home-contact .finish-channel-label{font-size:14px;line-height:1.5;color:#91afd6}
#site-viewport #page-content #home-contact .finish-channel-value{font-size:clamp(17px,1.2cqw,21px);line-height:1.5;letter-spacing:-.02em;font-weight:400;overflow-wrap:anywhere}
#site-viewport #page-content #home-contact .finish-channel-arrow{right:10px;top:29px;font-size:18px}
/* 中等电脑收紧留白，保留正文字号和所有入口；原有矮窗口回退仍由首页统一控制。 */
@container website (min-width:901px) and (max-width:1200px){
  html[data-theme="navy"] #site-viewport #page-content #home-contact.closing-composition.home-contact{column-gap:48px;padding-top:40px;padding-bottom:32px;row-gap:24px}
  #site-viewport #page-content #home-contact .finish-title{font-size:48px}
  #site-viewport #page-content #home-contact .finish-lead{font-size:18px}
  #site-viewport #page-content #home-contact .contact-input{font-size:17px;padding:15px 0;gap:14px}
  #site-viewport #page-content #home-contact .finish-channel+.finish-channel{padding-left:18px}
}
/* 窄屏按真实节点顺序完整阅读：邀请、按钮、准备清单、联系方式；无需固定高度或横向滚动。 */
@container website (max-width:900px){
  html[data-theme="navy"] #site-viewport #page-content #home-contact.closing-composition.home-contact{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:28px;padding:44px 24px 36px;height:auto;min-height:0;background:radial-gradient(ellipse at 24% 19%,#1a46988c,transparent 57%),linear-gradient(145deg,#06142e,#0a2450 56%,#031027)}
  /* 手机几何面只出现在上部，不沿长页拉伸；底部柔光减弱，清单与联系信息继续完整阅读。 */
  #site-viewport #page-content #home-contact::before{height:640px;bottom:auto;opacity:.65;clip-path:polygon(78% -12%,132% -12%,82% 112%,12% 112%);mask-image:linear-gradient(180deg,#000 0%,#000 65%,transparent 100%)}
  #site-viewport #page-content #home-contact::after{background:radial-gradient(ellipse 90% 7% at 50% 94%,#78acf21f,transparent 80%),linear-gradient(0deg,#03102766,transparent 36%)}
  #site-viewport #page-content #home-contact .finish-kicker{font-size:14px;margin-bottom:18px}
  #site-viewport #page-content #home-contact .finish-title{font-size:clamp(34px,6cqw,44px);line-height:1.2}
  #site-viewport #page-content #home-contact .finish-lead{font-size:17px;line-height:1.8;margin-top:22px;max-width:34em}
  #site-viewport #page-content #home-contact .contact-actions{gap:14px 24px}
  #site-viewport #page-content #home-contact .finish-primary{font-size:16px;padding:12px 20px;min-height:48px}
  #site-viewport #page-content #home-contact .finish-secondary{font-size:16px}
  #site-viewport #page-content #home-contact .contact-preparation{padding-top:10px;align-self:stretch}
  #site-viewport #page-content #home-contact .contact-input{font-size:16px;line-height:1.7;padding:16px 0;gap:16px}
  #site-viewport #page-content #home-contact .contact-rail{grid-template-columns:1fr;margin-top:4px;padding-top:24px;gap:22px}
  #site-viewport #page-content #home-contact .finish-channel,
  #site-viewport #page-content #home-contact .finish-channel+.finish-channel{border-left:0;padding:0 28px 0 0;gap:7px}
  #site-viewport #page-content #home-contact .finish-channel-value{font-size:19px;line-height:1.5;letter-spacing:-.02em}
  #site-viewport #page-content #home-contact .finish-channel-arrow{right:0;top:27px}
}