/* 深蓝试版以用户提供图片的暗部为基础，冰白文字和银灰层次共同提高阅读清晰度。 */
:root{color-scheme:dark;--ink:#f3f7ff;--muted:#a9b8cc;--line:#233953;--paper:#050a18;--surface:#0b1528;--blue:#6b9bff}
body{background:#020714;color:#f3f7ff}
.review-bar{background:#071225}
.review-controls select,.review-controls button{background:#0e1e34;border-color:#455a74;color:#dce8f5}
.review-controls button[aria-pressed="true"]{background:#edf4ff;color:#08162b}
.review-context{background:#091527;color:#a9b8cc;border-color:#263c56}
.review-context strong{color:#e9f2ff}
.review-layout{background:#020714}
.canvas-label{color:#a9b8cc}
.site-viewport{background:#050a18}
.review-notes{background:#0b1528;border-color:#29405b;color:#f3f7ff}
.review-notes p,.review-notes li{color:#b8c6d8}
.review-notes h3{color:#f3f7ff}
.note-state{background:#17304d;color:#c6dcff}
.site-header{background:#050a18eF;border-color:#1c3049}
.brand,.site-nav a,.product-menu summary,.mobile-nav summary{color:#f3f7ff}
.site-nav a:hover,.menu-panel a:hover{color:#9cbbff}
/* 导航主按钮使用深色字，明确覆盖普通导航白字，避免冰白按钮中的文字消失。 */
.site-nav a.button,.site-nav a.button:hover{color:#071429}
.menu-panel{background:#0b1528;border-color:#2b435f;box-shadow:0 18px 36px #00000055}
.menu-panel h3{color:#eef5ff}
.menu-panel p{color:#a9b8cc}
.menu-panel .menu-all{border-color:#29415b}
.mobile-nav div{background:#091527;border-color:#29415b}
.button{background:#f3f7ff;color:#071429;border-color:#f3f7ff;font-weight:400}
.button:hover{background:#dceaff;border-color:#dceaff;color:#071429}
.button.secondary{background:transparent;color:#e3edfa;border-color:#71859e}
.button.secondary:hover{background:#142941;border-color:#a5b9d0;color:#fff}
.text-link{color:#92b5ff;border-color:#53749d}
.text-link:hover{color:#c5d8ff}
.slot-label,.tiny,.breadcrumb{color:#a9b8cc}
.breadcrumb a{color:#c2d4e8}

/* 桌面按原图的二比一比例呈现，保留左侧空位，避免整屏强裁切把产品挤入文字区。 */
.composition-hero{background:#050a18;min-height:0;height:50cqw;max-height:880px}
.full-picture{position:absolute;inset:0;background:#050a18}
.dark-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.full-picture::after{background:linear-gradient(90deg,#01041366 0,#01041322 32%,transparent 52%)}
.hero-photo-guide{display:none}
.hero-copy{position:absolute;left:0;top:0;bottom:0;width:38%;height:auto;min-height:0;padding:50px 0 50px var(--space);justify-content:center;align-items:start}
.hero-copy h1{font-size:clamp(38px,4.5cqw,72px);font-weight:400;color:#f3f7ff}
.hero-copy p{color:#d5e2f4;font-size:17px;line-height:1.8;max-width:370px;margin-top:25px}
.hero-copy .slot-label{color:#c0d0e7;font-size:12px;margin-bottom:23px}
.hero-copy .buttons{gap:12px;margin-top:28px}
.hero-copy .button.secondary{color:#e8f0fd;border-color:#8096b5}
.hero-copy .button.secondary:hover{background:#152d49}
.composition-hero>.picture-tag{display:none}
.scroll-cue{color:#a9bdd7;bottom:23px;font-size:11px}
.scroll-cue::before{background:#8ca5c7}

/* 展示段保留阅读节奏，通过三个深蓝明度分区，不连续铺纯黑，也不使用突兀白色面板。 */
.brand-statement{background:#050a18}
.brand-statement h2{color:#f1f6ff}
.brand-statement p{color:#a9b8cc}
.business-composition{background:#050a18}
.business-composition h2,.business-article h3{color:#edf4ff}
.business-article p,.business-article .english{color:#a9b8cc}
.business-visual{background:#0b1528;border:1px solid #1f354e}
.business-visual.semi{background:#10213a}
.business-visual .subject-zone{border-color:#34516f;color:#b4c8df}
.business-visual .picture-tag{background:#0a172bdf;color:#b6cde7}
.story-track{background:#071326}
.story-stage{background:#0b1a2f}
.story-stage::before{background:linear-gradient(90deg,#030915c4 0,#0b1c3355 55%,transparent)}
.story-copy .slot-label{color:#b3c9e2}
.story-copy h2,.story-tab{color:#f3f7ff}
.story-tab{border-color:#304864}
.story-tab .tab-title::after{color:#b3c9e2}
.story-tab p{color:#c5d5e7}
.story-picture-zone{border-color:#345472;color:#dcecff}
.story-picture-zone p{color:#b7cde3}
.story-picture-zone .scene-status{color:#a9c2dc}
.story-progress span{background:#486582}
.story-progress span.active{background:#d7e8ff}
.focus-product-section{background:#050a18}
.focus-product-section h2,.product-focus .copy h3{color:#f0f6ff}
.product-focus .copy p{color:#a9b8cc}
.focus-picture{background:#0d1c31;color:#b8cee7;border:1px solid #223b56}
.focus-picture.dark{background:#101f35;color:#dbeaff}
.focus-picture .picture-tag{background:#071529df;color:#bed2e8}
.process-composition{background:#0b1528}
.process-composition h2,.simple-process h3{color:#edf5ff}
.process-composition>p,.simple-process p{color:#a9b8cc}
.simple-process article{border-color:#2a405b}
.simple-process span{color:#b0c5dc}
.application-composition{background:#050a18}
.application-composition h2{color:#edf5ff}
.application-button{color:#a9bfd6;border-color:#253c56}
.application-button[aria-pressed="true"]{color:#91b6ff}
.application-picture{background:#0f2038;color:#dceaff;border:1px solid #263e5b}
.application-picture p{color:#aec4dc}
.application-picture .picture-tag{background:#071529dc;color:#c0d6eb}
.partner-composition{background:#0b1528;border-color:#233953}
.partner-composition h2{color:#edf5ff}
.partner-composition p{color:#a9b8cc}
.knowledge-composition{background:#050a18}
.knowledge-composition h2,.knowledge-item h3{color:#edf5ff}
.knowledge-item p{color:#a9b8cc}
.knowledge-cover{background:#10213a;color:#b7cee8;border:1px solid #29405d}
.closing-composition{background:#0b172a}
.closing-composition h2{color:#f3f7ff}
.closing-composition p{color:#a9b8cc}

/* 目录、产品详情与资料表同步深色语义，原有业务层级和查询入口保持可用。 */
.page-intro{background:#0b1528}
.page-intro h1,.page-intro p{color:#e5eefc}
.catalogue-layout{background:#050a18}
.category-rail h2,.catalogue-main h2{color:#edf5ff}
.category-rail button{background:transparent;color:#b6c9dd;border-color:#223951}
.category-rail button[aria-current="true"]{background:#142a47;border-left-color:#86adff;color:#dbe9ff}
.category-rail button:hover{background:#10223a}
.category-mobile select{background:#0c1b30;color:#e4effe;border:1px solid #3b526e;border-radius:5px}
.chip{background:#0b1528;color:#b8c9dd;border-color:#35506e}
.chip[aria-pressed="true"]{background:#91b6ff;border-color:#91b6ff;color:#050a18}
.chip:hover{border-color:#87a7d1}
.result-line{color:#a9b8cc}
.product-card h3,.catalogue-help h3{color:#edf5ff}
.product-card p{color:#a9b8cc}
.catalogue-help{border-color:#29405a}
.product-hero.detail-stage{background:#0b172a}
.detail-image-plan{background:#17324e}
.detail-image-plan::after{background:linear-gradient(90deg,#050a18ef 0,#0b1c346f 58%,transparent)}
.detail-subject-zone{border-color:#4c6b8b;color:#d6e7fa}
.detail-stage h1,.detail-stage .intro{color:#eef5ff}
.detail-stage .copy>p,.detail-stage .slot-label{color:#b3c8df}
.detail-stage .picture-tag{background:#0a182cdc;color:#c4d8ee}
.section-nav{background:#081426;border-color:#29405a}
.section-nav a{color:#c5d5e7}
.section-nav a:hover{color:#9cbbff}
.wire-section{background:#050a18;border-color:#223951}
.wire-section.tint{background:#0b1528}
.section-heading h2,.section-heading p{color:#e8f1ff}
.section-heading p{color:#b3c4d8}
.media-box{background:#10213a;color:#b7cee7;border:1px solid #29435f}
.media-box>*{background:none;color:inherit}
.spec-table{color:#dce8f7}
.spec-table th{background:#102139;color:#d8e6f7}
.spec-table td{background:#070f20;color:#b9cce2}
.spec-table th,.spec-table td{border-color:#2a415b}
.config-box{background:#102039;border-color:#314a68}
.config-box h3{color:#edf5ff}
.config-box p{color:#a9b8cc}
.faq details{border-color:#304762}
.faq summary{color:#e4eefb}
.faq p{color:#adbed3}
.sequence span{background:#122540;color:#d4e4f7;border-color:#36506e}
.sequence i{color:#9fb6d0}
.line-list{border-color:#29405b}
.line-list li{border-color:#29405b;color:#b8cce2}

/* 表单和公共页脚使用略浅深蓝面板，白字、辅助文字和焦点都与背景保持清楚区别。 */
.inquiry-layout{background:#050a18}
.inquiry-layout h2{color:#edf5ff}
.inquiry-layout p{color:#a9b8cc}
.source-card{background:#10213a;border-color:#34506e}
.source-card strong{color:#dcecff}
.source-card p{color:#b3c8df}
.contact-slot{border-color:#304862}
.field{color:#d7e6f9}
.field input,.field select,.field textarea{background:#0b172a;color:#edf5ff;border-color:#45617e}
.field input[readonly]{background:#10223b;color:#c1d4ea}
.field small{color:#a9b8cc}
.field input::placeholder,.field textarea::placeholder{color:#a0b3c9}
.consent{color:#b8cbe1}
.consent input{accent-color:#91b6ff}
.demo-feedback{background:#142d4b;color:#e0efff;border-color:#51759d}
.outline-block{background:#10213a;border-color:#34506e}
.outline-block h3{color:#edf5ff}
.outline-block p{color:#b0c4db}
.outline-step .order{color:#a9bfd7}
.site-footer{background:#071225;border-color:#213751}
.footer-top h3{color:#e3eefc}
.footer-top a,.footer-top p{color:#a9bed5}
.footer-top a:hover{color:#dae7ff}
.footer-bottom{color:#9fb4cd;border-color:#2a405b}
.skip:focus{background:#f3f7ff;color:#050a18}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#91b6ff}

/* 中等宽度先将文案与原横图上下组织，保留整组产品，不强行缩窄文字安全区。 */
@container website (max-width:1100px){
  .composition-hero{height:auto;max-height:none;min-height:0;display:flex;flex-direction:column}
  .hero-copy{position:relative;inset:auto;width:100%;height:auto;min-height:0;order:1;padding:55px var(--space) 35px;align-items:center;text-align:center}
  .hero-copy h1{font-size:clamp(40px,5.1cqw,58px)}
  .hero-copy p{max-width:580px;font-size:17px}
  .hero-copy .buttons{justify-content:center}
  .full-picture{position:relative;inset:auto;order:2;width:100%;height:auto;aspect-ratio:2/1}
  .full-picture::after{background:linear-gradient(180deg,#050a18d9 0,transparent 24%,transparent 84%,#050a1833)}
  .scroll-cue{display:none}
}

/* 手机临时裁切围绕中央白色设备，正式手机版应由图片聊天提供独立构图。 */
@container website (max-width:700px){
  .hero-copy{padding:48px 24px 28px;align-items:center;text-align:center}
  .hero-copy h1{font-size:clamp(35px,9.8cqw,40px);line-height:1.16}
  .hero-copy .slot-label{font-size:11px;line-height:1.7;max-width:330px;margin-bottom:22px}
  .hero-copy p{font-size:16px;line-height:1.8;max-width:330px;margin-top:22px}
  .hero-copy .buttons{margin-top:26px}
  .full-picture{aspect-ratio:4/3}
  .dark-hero-image{object-position:70% 50%}
  .full-picture::after{background:linear-gradient(180deg,#050a18bf 0,transparent 24%,transparent 85%,#050a182e)}
  .button{font-size:14px;min-height:48px;padding:12px 23px}
  .page-intro,.wire-section.tint{background:#0b1528}
}