/* 内页共用 v3（DESIGN-v3 §5.1）：页头 = 文案 + 本页队形 + 本页导航对象；
   与首页共用 c-head / c-card / c-tile / c-plate / c-tabs / c-steps。 */

/* ---------- 页头 ---------- */
.c-pagehead { position: relative; padding-block: clamp(32px, 5vw, 72px) clamp(48px, 6vw, 88px); overflow: clip; background: var(--s0); }
.c-pagehead__grid { position: relative; z-index: 1; display: grid; gap: var(--sp-7); align-items: center; }
.c-pagehead__copy { display: grid; gap: var(--sp-4); align-content: center; }
.c-pagehead__crumb { display: flex; align-items: center; gap: 8px; font-size: var(--fs-micro); color: var(--t3); }
.c-pagehead__crumb a { color: var(--t3); }
.c-pagehead__crumb a:hover { color: var(--t1); }
.c-pagehead__title { font-size: var(--fs-h1); max-width: 20ch; }
.c-pagehead__lead { font-size: var(--fs-lead); color: var(--t2); max-width: 46ch; }
.c-pagehead__actions { display: flex; flex-wrap: wrap; gap: var(--sp-3); }
.c-pagehead__figure { display: grid; place-items: center; min-width: 0; }
.c-pagehead__svg { width: 100%; max-width: 460px; }
.c-pagehead__nav { display: flex; flex-wrap: wrap; gap: var(--sp-2); margin-top: var(--sp-7); padding-top: var(--sp-5); border-top: 1px solid var(--line-1); }
@media (min-width: 1024px) {
  .c-pagehead__grid { grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: var(--sp-8); }
}
@media (max-width: 1023px) { .c-pagehead__figure { order: -1; } .c-pagehead__svg { max-width: 320px; } }

/* ---------- 吸顶子导航 ---------- */
.c-anchors { position: sticky; top: var(--header-h); z-index: 40; background: rgba(5, 7, 12, .92); border-bottom: 1px solid var(--line-1); }
.c-anchors__list { display: flex; gap: 4px; overflow-x: auto; padding-block: 8px; scrollbar-width: none; }
.c-anchors__list::-webkit-scrollbar { display: none; }
.c-anchors a { flex: none; padding: 6px 12px; border-radius: var(--r-pill); font: 500 var(--fs-micro) / 1.2 var(--font-text); color: var(--t3); white-space: nowrap; }
.c-anchors a:hover { color: var(--t1); background: var(--s2); }
.c-anchors a.is-current { color: var(--t1); background: var(--s3); }

/* ---------- 通用内容块 ---------- */
.p-block { display: grid; gap: var(--sp-5); }
.p-cols { display: grid; gap: var(--gap); }
.p-split { display: grid; gap: var(--sp-7); }
.p-lead { font-size: var(--fs-lead); color: var(--t2); max-width: 48ch; }
.p-body { color: var(--t2); max-width: 62ch; }
.p-list { display: grid; gap: var(--sp-3); }
.p-list li { display: grid; gap: 4px; padding-top: var(--sp-3); border-top: 1px solid var(--line-1); }
.p-k { font: 600 var(--fs-small) / 1.4 var(--font-display); color: var(--t1); }
.p-v { font-size: var(--fs-small); color: var(--t2); }
.p-grid-2, .p-grid-3, .p-grid-4 { display: grid; gap: var(--gap); }
.p-facts { display: grid; gap: 0; border-top: 1px solid var(--line-1); }
.p-fact { display: grid; grid-template-columns: minmax(96px, 30%) minmax(0, 1fr); gap: var(--sp-4); padding-block: 12px; border-bottom: 1px solid var(--line-1); font-size: var(--fs-small); }
.p-fact dt { color: var(--t3); }
.p-fact dd { color: var(--t1); }
.p-note { font-size: var(--fs-micro); color: var(--t4); line-height: 1.7; max-width: 76ch; }
.p-more { margin-top: var(--sp-6); display: flex; flex-wrap: wrap; gap: var(--sp-5); align-items: center; }

@media (min-width: 768px) { .p-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .p-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .p-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .p-split { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; } }
@media (max-width: 1023px) { .p-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 559px) { .p-grid-3, .p-grid-4 { grid-template-columns: 1fr; } .p-fact { grid-template-columns: 1fr; gap: 2px; } }

/* ---------- 能力页 ---------- */
.p-cap-nav { display: grid; gap: var(--gap); }
.p-cap-nav .c-card { display: grid; gap: 6px; align-content: start; }
.p-cap-nav__num { font: 500 var(--fs-micro) / 1 var(--font-mono); color: var(--t4); }
.p-cap-nav__title { font-size: var(--fs-h4); }
.p-cap-nav__line { font-size: var(--fs-small); color: var(--t2); }
.p-tabpanel { display: grid; gap: var(--sp-6); }
.p-tabpanel__left { display: grid; gap: var(--sp-5); align-content: start; }
.p-tabpanel__right { display: grid; gap: var(--gap); }
.p-specs { display: grid; gap: 0; }
.p-specs div { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 12px; padding-block: 9px; border-top: 1px solid var(--line-1); font-size: var(--fs-small); }
.p-specs dt, .p-specs b { color: var(--t3); font-weight: 500; }
.p-specs dd, .p-specs span { color: var(--t1); }
@media (min-width: 1024px) { .p-cap-nav { grid-template-columns: repeat(4, minmax(0, 1fr)); } .p-tabpanel { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); } }
@media (max-width: 1023px) { .p-tabpanel__right { order: -1; } }

/* 漫画四格 + 分镜说明 */
.p-comic { display: grid; gap: var(--gap); }
.p-comic__panel { display: grid; gap: 8px; }
.p-comic__cap { font-size: var(--fs-small); color: var(--t2); }
.p-comic__line { font-size: var(--fs-small); color: var(--t1); }
.p-comic__line b { color: var(--t3); font-weight: 500; }
@media (min-width: 768px) { .p-comic { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* 分镜表 */
.p-shots { display: grid; gap: 0; }
.p-shot { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 12px; padding-block: 10px; border-top: 1px solid var(--line-1); font-size: var(--fs-small); }
.p-shot__t { font-family: var(--font-mono); color: var(--t4); font-size: var(--fs-micro); }
.p-shot__k { color: var(--t3); }
@media (min-width: 768px) { .p-shot { grid-template-columns: 96px 140px minmax(0, 1fr) minmax(0, 1fr); } }

/* ---------- 方案页 ---------- */
.p-ind { display: grid; gap: var(--gap); }
.p-ind__card { display: grid; gap: 6px; align-content: start; }
.p-ind__num { font: 500 var(--fs-micro) / 1 var(--font-mono); color: var(--t4); }
.p-ind__title { font-size: var(--fs-h4); }
.p-ind__desc { font-size: var(--fs-small); color: var(--t2); }
.p-ind__tags { font-size: var(--fs-micro); color: var(--t3); }
@media (min-width: 768px) { .p-ind { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .p-ind { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* ---------- 合作伙伴页 ---------- */
.p-cat { display: grid; gap: var(--sp-5); }
.p-cat__head { display: grid; gap: 6px; }
.p-cat__grid { display: grid; gap: var(--gap); grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 768px) { .p-cat__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .p-cat__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
.p-partner-stats { display: flex; flex-wrap: wrap; gap: var(--sp-3) var(--sp-6); font-size: var(--fs-small); color: var(--t3); }
.p-partner-stats b { color: var(--t1); font-size: var(--fs-h4); font-family: var(--font-display); }

/* ---------- 关于页 ---------- */
.p-presence-pano { margin-block: var(--sp-6); }
.p-city { display: grid; gap: 8px; }
.p-city__name { font: 600 var(--fs-h4) / 1.3 var(--font-display); }
.p-city__role { font-size: var(--fs-micro); color: var(--t3); }
.p-city__addr { font-size: var(--fs-micro); color: var(--t4); }
.p-mission { display: grid; gap: var(--gap); }
.p-mission__step { display: grid; gap: 4px; padding-top: var(--sp-3); border-top: 1px solid var(--line-1); }
@media (min-width: 768px) { .p-mission { grid-template-columns: repeat(5, minmax(0, 1fr)); } }

/* ---------- 联系页 ---------- */
.p-channels { display: grid; gap: 0; border-top: 1px solid var(--line-1); margin-top: var(--sp-5); max-width: 40rem; }
.p-channel { display: grid; grid-template-columns: minmax(96px, 30%) minmax(0, 1fr); gap: var(--sp-4); padding-block: 12px; border-bottom: 1px solid var(--line-1); font-size: var(--fs-small); }
.p-channel dt { color: var(--t3); }
.p-channel dd { color: var(--t1); }
.p-channel[data-pending] dd { color: var(--t4); border-bottom: 1px dashed var(--line-3); justify-self: start; }
@media (max-width: 559px) { .p-channel { grid-template-columns: 1fr; gap: 2px; } }