/* 产品主题：黑色为主，血红强调，白色文字，深蓝仅作辅助。 */
:root {
  --ink:#07090a;
  --blood:#b32035;
  --blood-rgb:179,32,53;
  --acid:var(--blood);
  --paper:#fff;
  --muted:rgba(255,255,255,.6);
  --navy:#071426;
  --panel:var(--navy);
  --line:rgba(255,255,255,.14);
  --steam-gradient:linear-gradient(to bottom,#2a475e 5%,#1b2838 95%);
  --steam-hover:linear-gradient(to bottom,#3a6b91 5%,#22445e 95%);
}

#productTopbar .product-brand-mark {
  display:block; width:27px; height:27px; object-fit:contain; flex-shrink:0;
}

/* 不改游戏图片、视频和官方平台标志，只覆盖界面配色。 */
.btn.primary { background:var(--blood); border-color:var(--blood); color:var(--paper); }
.btn.primary:hover { background:#c52b40; border-color:#c52b40; color:var(--paper); }
.nav-cta,.icon,.release-chip { border-color:rgba(var(--blood-rgb),.55); }
.icon,.release-chip,.req h3,.platform-summary-link,
.platform-summary-item.available .platform-summary-state,
.platform-card.available .support-chip,.wrap-method.active,
.steam-detail-source a,.platform-variant.available .platform-variant-icon { color:var(--paper); }
.feature:hover { background:linear-gradient(145deg,rgba(var(--blood-rgb),.08),transparent 55%); }
.hero::after { background:radial-gradient(circle 210px at var(--mx,72%) var(--my,46%),rgba(var(--blood-rgb),.14),transparent 72%); }
.quote em { color:var(--blood); }
.eyebrow,.sub,.lede,.story,.feature p,.detail-card p,.trailer-note p { color:rgba(255,255,255,.74); }
.quote,.detail-card h3,.platform-name,.platform-summary-name,.platform-family-head h3 { color:var(--paper); }

.radio { background:linear-gradient(145deg,var(--navy),var(--ink) 72%); border-color:rgba(255,255,255,.2); }
.freq { color:var(--paper); }
.bar { background:rgba(255,255,255,.2); }
@keyframes wave {
  0% { height:12%; background:rgba(255,255,255,.2); }
  100% { height:var(--h); background:var(--blood); }
}
.dial { border-color:rgba(255,255,255,.4); }
.dial:after { background:var(--blood); }
.pulse-dot { box-shadow:0 0 0 0 rgba(var(--blood-rgb),.7); }
@keyframes pulse {
  70% { box-shadow:0 0 0 10px rgba(var(--blood-rgb),0); }
  100% { box-shadow:0 0 0 0 rgba(var(--blood-rgb),0); }
}

.auth-trigger:hover,.account-pill:hover,.auth-field input:focus,
.lang-select:hover,.lang-select:focus { border-color:rgba(var(--blood-rgb),.65); }
.account-dot { box-shadow:0 0 10px rgba(var(--blood-rgb),.5); }
.auth-tab.active,.auth-message.success,.ea-banner,.download-access,
.platform-summary-item.available,.wrap-method.active { background:rgba(var(--blood-rgb),.07); }
.auth-tab.active,.auth-message.success { color:var(--paper); }
.auth-message.success,.download-access,.platform-summary-item.available,
.platform-card.available .platform-icon,.platform-card.available .support-chip,
.platform-variant.available .platform-variant-icon { border-color:rgba(var(--blood-rgb),.45); }
.download-note,.steam-detail-source { border-left-color:rgba(var(--blood-rgb),.5); }
.platform-card.available { border-color:rgba(var(--blood-rgb),.4); background:linear-gradient(145deg,rgba(var(--blood-rgb),.06),#0c1011 58%); }
.platform-variant.available { background:linear-gradient(90deg,rgba(var(--blood-rgb),.08),transparent 55%); }
#downloads .support-chip {
  display:inline-flex; align-items:center; justify-content:center;
  box-sizing:border-box; width:128px; height:32px; flex:0 0 128px;
  padding:3px 6px; font-size:9px; font-weight:700; line-height:12px;
  text-align:center; white-space:normal;
}
#downloads .support-chip[data-dl-status="available"] {
  background:var(--blood); color:var(--paper); border-color:var(--blood);
}
.wrap-purchase { border-color:rgba(var(--blood-rgb),.4); background:linear-gradient(120deg,rgba(var(--blood-rgb),.07),rgba(255,255,255,.018)); }
.wrap-method.active { border-color:rgba(var(--blood-rgb),.7); }
.wrap-cart-count { color:var(--paper); }
.social-link.enabled .social-icon { border-color:rgba(var(--blood-rgb),.65); box-shadow:0 0 0 1px rgba(var(--blood-rgb),.08),inset 0 0 20px rgba(var(--blood-rgb),.04); }

.lang-select,.media-controls button,.platform-family-head { background-color:var(--navy); }
.lang-select,.media-controls button { color:var(--paper); }
.chapter-nav-links a { color:rgba(255,255,255,.75); }
.chapter-nav-links a:hover,.chapter-nav-links a:focus-visible { color:var(--paper); }

.back-to-top { background:var(--ink); border-color:rgba(var(--blood-rgb),.75); color:var(--paper); }
.back-to-top:hover { background:var(--navy); }

/* 首卡对齐逻辑起边、末卡对齐逻辑末边、中间卡片居中；侧箭头固定于图框中心，说明与指示器置于图下。 */
.media-stage {
  --media-before-w:min(82vw,920px);
  --media-card-h:calc(var(--media-before-w) * 7 / 16);
  --media-card-w:calc(var(--media-card-h) * 16 / 9);
  --media-track-top:48px;
  --media-indicator-slot:20px;
  position:relative; display:flow-root;
  padding-block-start:0; padding-block-end:var(--media-indicator-slot);
}
.media-stage:is([data-gallery="concept"],[data-gallery="render"]) { margin-block-start:48px; }
.media-track { display:flex; gap:18px; scroll-snap-type:none; overscroll-behavior-x:contain; }
.media-track::after { content:none; }
.media-stage > :is(#mediaTrack,#conceptTrack,#renderTrack) {
  align-items:flex-start;
  margin-block-start:var(--media-track-top); margin-block-end:0;
  padding-block-start:0; padding-block-end:12px;
}
.media-stage > :is(#mediaTrack,#conceptTrack,#renderTrack) > figure.media-card {
  box-sizing:border-box; margin:0; padding:0;
  flex:0 0 var(--media-card-w); width:var(--media-card-w);
  min-width:0; max-width:none; height:auto; aspect-ratio:auto;
  display:flex; flex-direction:column; border:0; overflow:visible; background:transparent;
  scroll-snap-align:center;
}
.media-stage > :is(#mediaTrack,#conceptTrack,#renderTrack) > figure.media-card:first-child {
  margin-inline-start:0;
  scroll-snap-align:start;
}
.media-stage > :is(#mediaTrack,#conceptTrack,#renderTrack) > figure.media-card:last-child {
  margin-inline-end:0;
  scroll-snap-align:end;
}
.media-stage > :is(#mediaTrack,#conceptTrack,#renderTrack) > figure.media-card > img {
  box-sizing:border-box; display:block; flex:0 0 auto;
  width:var(--media-card-w); height:var(--media-card-h); max-width:none;
  border:1px solid var(--line); background:#0c0f10;
  object-fit:contain; transform:none;
}
.media-stage > :is(#mediaTrack,#conceptTrack,#renderTrack) > figure.media-card:hover > img { transform:none; }
.media-stage > :is(#mediaTrack,#conceptTrack,#renderTrack) > figure.media-card > figcaption.media-caption {
  box-sizing:border-box; position:static; inset:auto; flex:0 0 auto;
  width:100%; min-width:0; padding:10px 12px 0;
  background:none; align-items:flex-start; line-height:1.5;
}
.media-stage > :is(#mediaTrack,#conceptTrack,#renderTrack) > figure.media-card > figcaption.media-caption > b {
  flex:1 1 auto; min-width:0; overflow-wrap:anywhere;
}
.media-stage > :is(#mediaTrack,#conceptTrack,#renderTrack) > figure.media-card > figcaption.media-caption > span {
  flex:0 0 auto; white-space:nowrap;
}
.media-track .media-card,.media-track .media-card img { cursor:grab; }
.media-track.is-dragging { user-select:none; }
.media-track.is-dragging,.media-track.is-dragging .media-card img { cursor:grabbing; }
.media-stage > .media-controls {
  display:flex; justify-content:space-between; position:absolute; inset-inline:0;
  box-sizing:border-box; height:44px; margin-block:0; padding-block:0;
  top:calc(var(--media-track-top) + var(--media-card-h) / 2); bottom:auto;
  transform:translateY(-50%); pointer-events:none; z-index:3; gap:0;
}
.media-stage .media-controls button {
  pointer-events:auto; width:44px; height:44px; position:relative;
  background:none; border:0; box-shadow:none; font-size:0; line-height:0; color:var(--paper);
}
.media-stage .media-controls button:hover { background:none; border:0; box-shadow:none; color:#fff; }
.media-stage .media-controls button::before {
  content:""; position:absolute; left:50%; top:50%; width:14px; height:26px;
  transform:translate(-50%,-50%); background:currentColor;
}
:is(#mediaPrev,#conceptPrev,#renderPrev)::before { clip-path:polygon(100% 0,0 50%,100% 100%,100% 78%,40% 50%,100% 22%); }
:is(#mediaNext,#conceptNext,#renderNext)::before { clip-path:polygon(0 0,100% 50%,0 100%,0 78%,60% 50%,0 22%); }
.media-controls button:focus-visible { outline:2px solid #67c1f5; outline-offset:3px; }
.media-controls button:disabled,.media-controls button:disabled:hover {
  opacity:.35; cursor:default; color:var(--paper); background:none; border:0; box-shadow:none;
}
html[dir="rtl"] .media-controls button { transform:scaleX(-1); }
.media-indicator {
  position:absolute; width:0; height:0;
  inset-inline-start:50%; pointer-events:none; z-index:2;
  opacity:0; transition:opacity .3s ease;
}
.media-stage > :is(#mediaIndicator,#conceptIndicator,#renderIndicator) { top:auto; bottom:calc(var(--media-indicator-slot) / 2); }
.media-stage.is-ready .media-indicator { opacity:1; }
.media-progress {
  position:absolute; left:-36px; top:-2px; width:72px; height:4px;
  border-radius:999px; overflow:hidden; background:rgba(255,255,255,.28);
}
.media-progress-fill {
  display:block; height:100%; background:var(--blood); transform:scaleX(0);
  transform-origin:left center; transition:transform .2s ease;
}
html[dir="rtl"] .media-progress-fill { transform-origin:right center; }
.media-stage.is-counting .media-progress-fill { transform:scaleX(1); transition:transform 5000ms linear; }
.media-stage.no-auto .media-progress { display:none; }
.media-dots { position:absolute; top:-3px; display:flex; gap:6px; }
.media-dots-before { inset-inline-end:44px; flex-direction:row-reverse; }
.media-dots-after { inset-inline-start:44px; }
.media-dot {
  display:block; flex-shrink:0; width:6px; height:6px; border-radius:50%;
  background:rgba(255,255,255,.75);
  transition:width .26s ease,margin .26s ease,opacity .26s ease,transform .26s ease;
}
.media-dot:not(.is-on) { width:0; margin-inline:-3px; opacity:0; transform:scale(.2); }
@media(max-width:600px) {
  .media-stage { --media-before-w:91vw; --media-track-top:34px; }
}
@media(pointer:coarse) {
  .media-track { scroll-snap-type:x mandatory; }
  .media-card { scroll-snap-stop:always; }
}
/* 必须在粗指针规则之后覆盖，程序移动与拖拽不受原生吸附干扰。 */
.media-track.is-dragging,.media-track.is-moving { scroll-snap-type:none; }
@media(prefers-reduced-motion:reduce) {
  .media-dot,.media-indicator { transition:none; }
}

/* Steam 入口保留独立的蓝色渐变，不继承产品血红按钮色。 */
a.steam-button,a.btn.steam-button {
  display:inline-flex; align-items:center; gap:10px;
  background:var(--steam-gradient); color:#fff;
  border:1px solid rgba(103,193,245,.4); border-radius:2px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
  transition:background .15s,border-color .15s,box-shadow .15s;
}
a.steam-button:hover,a.btn.steam-button:hover,
a.steam-button:focus-visible,a.btn.steam-button:focus-visible {
  background:var(--steam-hover); border-color:#67c1f5; color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 12px rgba(103,193,245,.12);
}
a.steam-button:focus-visible { outline:2px solid #67c1f5; outline-offset:3px; }
a.steam-button:not(.btn):not(.social-link) { padding:8px 12px; min-height:44px; vertical-align:middle; }
a.steam-button:not(.social-link)::before,.steam-symbol {
  content:""; display:inline-block; width:22px; height:22px; flex:0 0 22px;
  background-color:#fff;
  -webkit-mask:url('/assets/steam.svg') center / contain no-repeat;
  mask:url('/assets/steam.svg') center / contain no-repeat;
}
/* 社区入口沿用原来的圆形图标，蓝色购买样式不应用到社区链接。 */

/* 首屏文字组靠近固定标题栏，保留发布日期与 Logo 的紧凑间距。 */
.hero-in { margin-block:0; align-self:stretch; padding-top:calc(var(--product-title-height) + 18px); }
.hero-in > .hero-copy { align-self:start; }
/* 首屏统计标题与标签各用统一行高，避免混合字体的 normal 行框差异。 */
.hero-side .stat b { line-height:32px; }
.hero-side .stat span { display:block; line-height:14px; }
/* 第四格拉丁标题 EA 按光学高度匹配第三格中文标题「潜行」：仅调字号，行高保持 32px，不位移不裁切。 */
.hero-side .status .stat:nth-child(4) > b { font-size:30px; }
/* 宽屏左右列共用内容高度，不把右栏推到整个首屏的底部。 */
@media(min-width:901px) {
  .hero { min-height:0; }
  .hero-in { align-content:start; }
}

/* 原 Logo 是方形透明画布；裁掉显示区域的空白，不修改图形或缩小文字。 */
.hero-logo-frame {
  width:min(590px,82vw); max-width:100%; aspect-ratio:2.8;
  overflow:hidden; margin:12px 0 16px;
}
.hero-logo-frame .hero-logo {
  display:block; width:100%; height:auto; margin:0;
  transform:translateY(-40%);
}
.steam-detail-head,.download-head { grid-template-columns:1fr; }

/* 最低与推荐分别列平台，保留已知参数，缺失内容只标记 N/A。 */
#requirements .req dl.req-specs {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-flow:row;
  gap:0;
  min-width:0;
}
#requirements .req dl.req-specs > .req-row {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:6px;
  align-content:start;
  min-width:0;
}
#requirements .req dl.req-specs > .req-row > dt,
#requirements .req dl.req-specs > .req-row > dd {
  min-width:0;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
}
.req-platform-name {
  margin:0; padding:14px 20px; border-bottom:1px solid var(--line);
  background:rgba(255,255,255,.025); color:var(--paper); font-size:11px;
}
.req-platform-empty {
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:14px 20px; border-top:1px solid var(--line); font-size:11px;
}
.req-platform-empty strong { color:var(--paper); font-weight:600; }
.req-platform-empty span { color:var(--muted); }

/* 配置框主体还原原近黑；仅“最低/推荐配置”标题保留此前深蓝叠层实际配色。 */
.req.req-detailed { background:#0a0d0e; }
.req.req-detailed h3 { background:linear-gradient(rgba(255,255,255,.04),rgba(255,255,255,.04)),var(--navy); }

/* 深蓝点缀：预告说明面板与抢先体验事实卡，主体仍黑、强调仍血红。 */
.trailer-note { background:linear-gradient(145deg,var(--navy),var(--ink) 72%); }
.ea-fact { background:var(--navy); }

/* 使用原生 disabled，并停止本页购买事件绑定；不是只把可点击控件染灰。 */
.download-access button { font-family:inherit; }
#wrapPurchase button:disabled,
#wrapPurchase button:disabled:hover,
.download-access button:disabled,
.download-access button:disabled:hover {
  background:#202326; border-color:#41464b; color:#858b90;
  box-shadow:none; transform:none; cursor:not-allowed; opacity:1;
}
.wrap-buy-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
.wrap-buy-actions .btn { min-width:0; font-size:11px; letter-spacing:.03em; }
@media(max-width:600px) {
  .hero-logo-frame { width:88vw; }
}
@media(max-width:560px) {
  .wrap-buy-actions { grid-template-columns:1fr; }
}
/* 窄屏单列时预告说明与 Steam 按钮：留固定间距，按钮按内容宽度，不整行拉伸。 */
@media(max-width:900px) {
  .trailer-note { gap:24px; }
  .trailer-note a.btn.steam-button {
    align-self:flex-start; width:auto; max-width:100%;
    min-height:44px; padding:11px 16px; gap:8px;
    font-size:12px; white-space:normal; overflow-wrap:anywhere;
  }
  .trailer-note a.btn.steam-button > span:not(.arrow) { min-width:0; }
  .trailer-note a.btn.steam-button .arrow { flex:0 0 auto; }
}
@media (prefers-reduced-motion:reduce) {
  a.steam-button,a.btn.steam-button { transition:none; }
}

/* 视频即时换片：独立侧栏，不覆盖原生控件，不参与截图图库。 */
#productVideoStage { display:block; min-width:0; }
#productVideoStage.is-video-ready {
  display:grid; grid-template-columns:44px minmax(0,1fr) 44px;
  gap:8px; align-items:center;
}
#productVideoStage > .trailer-box { min-width:0; }
#productVideoStage > .trailer-box > #productVideo {
  display:block; width:100%; height:100%; object-fit:contain;
}
#productVideoStage > .video-arrow {
  box-sizing:border-box; display:flex; align-items:center; justify-content:center;
  position:relative; width:44px; height:44px; padding:0;
  background:none; border:0; box-shadow:none; color:var(--paper);
  font-size:0; line-height:0; cursor:pointer;
}
#productVideoStage > .video-arrow[hidden] { display:none; }
#productVideoStage > .video-arrow:hover {
  background:none; border:0; box-shadow:none; color:#fff;
}
#productVideoStage > .video-arrow::before {
  content:""; position:absolute; left:50%; top:50%; width:14px; height:26px;
  transform:translate(-50%,-50%); background:currentColor;
}
#productVideoStage > #videoPrev::before {
  clip-path:polygon(100% 0,0 50%,100% 100%,100% 78%,40% 50%,100% 22%);
}
#productVideoStage > #videoNext::before {
  clip-path:polygon(0 0,100% 50%,0 100%,0 78%,60% 50%,0 22%);
}
#productVideoStage > .video-arrow:focus-visible {
  outline:2px solid #67c1f5; outline-offset:3px;
}
#productVideoStage > .video-arrow:disabled,
#productVideoStage > .video-arrow:disabled:hover {
  opacity:.35; cursor:default; color:var(--paper);
  background:none; border:0; box-shadow:none;
}
html[dir="rtl"] #productVideoStage > .video-arrow { transform:scaleX(-1); }
/* == APPEARANCE-LAYER 20261011 BEGIN（仅颜色/阴影，可整体删除）== */
#productTopbar { border-bottom-color:rgba(179,32,53,.28); box-shadow:0 1px 0 rgba(0,0,0,.6); }
.chapter-nav { border-top-color:rgba(255,255,255,.08); border-bottom-color:rgba(179,32,53,.32); background-image:linear-gradient(180deg,#0b1018,#07090a); box-shadow:inset 0 1px 0 rgba(255,255,255,.035); }
.chapter-nav-links a { text-shadow:0 1px 0 rgba(0,0,0,.8); }
.chapter-nav-links a:hover, .chapter-nav-links a:focus-visible { text-shadow:0 0 10px rgba(179,32,53,.45); }
.hero-side { border-left-color:rgba(179,32,53,.35); }
.hero-side .stat b { text-shadow:0 1px 0 rgba(0,0,0,.7); }
.hero-side .stat span { color:#8c969d; }
.warning { border-top-color:rgba(255,255,255,.12); color:#a3aaa6; }
.kicker { color:#8a939a; }
.h2 { text-shadow:0 1px 0 rgba(0,0,0,.65),0 0 24px rgba(7,20,38,.55); }
.intro { border-top-color:rgba(179,32,53,.22); background-image:linear-gradient(180deg,#07090a,#0a0e13); }
.media-section { border-top-color:rgba(179,32,53,.22); }
#productVideoStage > .trailer-box { border-color:rgba(255,255,255,.12); box-shadow:0 18px 40px rgba(0,0,0,.45); }
.trailer-note { border-color:rgba(255,255,255,.12); box-shadow:inset 0 1px 0 rgba(255,255,255,.04); }
.media-stage > :is(#mediaTrack,#conceptTrack,#renderTrack) > figure.media-card > figcaption.media-caption > span { color:#9aa3a9; }
.steam-detail { background-image:linear-gradient(180deg,#080b0c,#0a0f15); }
.detail-grid { border-top-color:rgba(255,255,255,.1); border-left-color:rgba(255,255,255,.1); }
.detail-card { border-right-color:rgba(255,255,255,.1); border-bottom-color:rgba(255,255,255,.1); background-color:#0a0d10; box-shadow:inset 0 1px 0 rgba(255,255,255,.03); }
.detail-card .detail-no { color:#5a6470; }
.loop-step { background-color:#0a0d10; }
.loop-step b { color:#5b6570; }
.ea-fact { border-color:rgba(255,255,255,.1); box-shadow:inset 0 1px 0 rgba(255,255,255,.04); }
.ea-fact h4 { color:#e6e9ec; }
.features { background-image:linear-gradient(180deg,#0a0d0e,#0b1016 70%,#0a0d0e); }
.feature-grid { border-top-color:rgba(255,255,255,.1); border-left-color:rgba(255,255,255,.1); }
.feature { border-right-color:rgba(255,255,255,.1); border-bottom-color:rgba(255,255,255,.1); box-shadow:inset 0 1px 0 rgba(255,255,255,.025); }
.feature::before { color:rgba(255,255,255,.045); }
.feature h3 { color:#f2f2f2; }
.icon { background-color:rgba(7,20,38,.55); box-shadow:inset 0 1px 0 rgba(255,255,255,.06); }
.signal { background-image:radial-gradient(circle at 16% 30%,rgba(179,32,53,.17),transparent 32%),linear-gradient(180deg,#07090a,#091019); }
.radio { box-shadow:0 35px 100px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.05),inset 0 0 0 1px rgba(179,32,53,.08); }
.sys { border-color:rgba(255,255,255,.1); }
.sys .n { color:#4c5560; }
.platform-family { box-shadow:inset 0 1px 0 rgba(255,255,255,.03); }
.family-brand { border-color:rgba(255,255,255,.16); }
.req-grid { border-color:rgba(255,255,255,.12); }
.req.req-detailed { box-shadow:inset 0 1px 0 rgba(255,255,255,.03); }
.req-row dt { color:#7d8790; }
.cta { background-image:radial-gradient(circle at 50% 100%,rgba(179,32,53,.22),transparent 45%),linear-gradient(180deg,#080a0b,#0a0e14); }
.footer { border-top-color:rgba(179,32,53,.2); color:#6f7880; }
/* == APPEARANCE-LAYER 20261011 END == */
/* TapTap图标：绿盘映白、黑TT保持 */
#productSocialLinks .social-link[data-social="taptap"] .social-icon img{filter:grayscale(1) brightness(2.2) contrast(1.15)}
/* == ARCHIVE-ART-LAYER 20261013 BEGIN == */
#archive .archive-card[data-code="01"] {
  background-color: #090c0d;
  background-image: linear-gradient(180deg,rgba(7,9,10,.16) 0%,rgba(7,9,10,.24) 24%,rgba(7,9,10,.86) 46%,rgba(7,9,10,.96) 72%,#090c0d 100%),url('/assets/render-art/display/render-01.png');
  background-size: 100% 100%,contain;
  background-position: center center,center top;
  background-repeat: no-repeat,no-repeat;
}
#archive .archive-card[data-code="02"] {
  background-color: #090c0d;
  background-image: linear-gradient(180deg,rgba(7,9,10,.16) 0%,rgba(7,9,10,.24) 24%,rgba(7,9,10,.86) 46%,rgba(7,9,10,.96) 72%,#090c0d 100%),url('/assets/render-art/display/render-04.png');
  background-size: 100% 100%,contain;
  background-position: center center,center top;
  background-repeat: no-repeat,no-repeat;
}
#archive .archive-card[data-code="03"] {
  background-color: #090c0d;
  background-image: linear-gradient(180deg,rgba(7,9,10,.24) 0%,rgba(7,9,10,.32) 24%,rgba(7,9,10,.88) 46%,rgba(7,9,10,.97) 72%,#090c0d 100%),url('/assets/reference-art/display/reference-03.jpg');
  background-size: 100% 100%,auto 58%;
  background-position: center center,center top;
  background-repeat: no-repeat,no-repeat;
}
#archive .archive-card[data-code="04"] {
  background-color: #090c0d;
  background-image: linear-gradient(180deg,rgba(7,9,10,.24) 0%,rgba(7,9,10,.32) 24%,rgba(7,9,10,.88) 46%,rgba(7,9,10,.97) 72%,#090c0d 100%),url('/assets/concept-art/display/concept-01.jpg');
  background-size: 100% 100%,auto 58%;
  background-position: center center,center top;
  background-repeat: no-repeat,no-repeat;
}
#story.intro {
  background-color: #07090a;
  background-image: linear-gradient(90deg,rgba(7,9,10,.96) 0%,rgba(7,9,10,.92) 42%,rgba(7,9,10,.68) 76%,rgba(7,9,10,.82) 100%),linear-gradient(180deg,rgba(7,9,10,.16) 0%,rgba(9,12,13,.28) 65%,#090c0d 100%),url('/assets/reference-art/display/reference-01.png');
  background-size: 100% 100%,100% 100%,auto 88%;
  background-position: center center,center center,right center;
  background-repeat: no-repeat,no-repeat,no-repeat;
}
#features.features {
  background-color: #0a0d0e;
  background-image: linear-gradient(90deg,rgba(10,13,14,.96) 0%,rgba(10,13,14,.92) 45%,rgba(10,13,14,.70) 78%,rgba(10,13,14,.84) 100%),url('/assets/reference-art/display/reference-02.jpg'),linear-gradient(180deg,#0a0d0e,#0b1016 70%,#0a0d0e);
  background-size: 100% 100%,auto 62%,100% 100%;
  background-position: center center,right center,center center;
  background-repeat: no-repeat,no-repeat,no-repeat;
}
/* == ARCHIVE-ART-LAYER 20261013 END == */

/* 四卡正文和状态均参与正常流，长翻译自然增高且保留底部对齐。 */
#archive .archive-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
#archive .archive-card > .type,
#archive .archive-card > h3,
#archive .archive-card > p,
#archive .archive-card > .status-line {
  flex-shrink: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}
#archive .archive-card > p {
  margin-block-start: 0;
  margin-block-end: 24px;
}
#archive .archive-card > .status-line {
  position: static;
  inset: auto;
  margin-block-start: auto;
}