/* T10 · 海报块 Poster — 满幅色块开场 / 反白大字 / 斜切卡 */
body.arch-t10 { --wrap: 1200px; }
.arch-t10 .site-head { background: var(--bg); border-bottom: 1px solid var(--line); }
.arch-t10 .hero { background: var(--ink); color: var(--bg); padding: clamp(54px, 8vw, 104px) 0 clamp(40px, 5vw, 64px); }
.arch-t10 .hero .lead { color: color-mix(in srgb, var(--bg) 76%, transparent); }
.arch-t10 .hero .kicker { color: var(--accent); }
.arch-t10 .hero .btn { background: var(--accent); border-color: var(--accent); color: var(--on-accent); }
.arch-t10 .hero .btn-ghost { background: transparent; color: var(--bg); border-color: color-mix(in srgb, var(--bg) 35%, transparent); }
.arch-t10 .hero-grid { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); }
.arch-t10 .display { font-size: clamp(34px, 5.6vw, 68px); font-weight: 800; letter-spacing: -.03em; }
.arch-t10 .display em { color: var(--accent); font-style: italic; }
.arch-t10 .hero-art img { mix-blend-mode: screen; opacity: .92; }
.arch-t10 .crumbs { color: color-mix(in srgb, var(--bg) 60%, transparent); }
.arch-t10 .crumbs a:hover { color: var(--accent); }
.arch-t10 .statband { background: var(--accent); color: var(--on-accent); border: 0; }
.arch-t10 .stat { border-left: 1px solid color-mix(in srgb, var(--on-accent) 25%, transparent); }
.arch-t10 .stat span { color: color-mix(in srgb, var(--on-accent) 80%, transparent); }
.arch-t10 .stat b i { color: var(--on-accent); }
.arch-t10 .sec { padding: clamp(40px, 5vw, 72px) 0; }
.arch-t10 .sec:nth-of-type(even) { background: var(--bg2); }
.arch-t10 .sec-head { grid-template-columns: 1fr; }
.arch-t10 .sec-idx { font-size: 34px; font-weight: 800; letter-spacing: -.04em; color: var(--tone); -webkit-text-stroke: 1px var(--accent); padding: 0; line-height: 1; }
.arch-t10 .sec-head h2 { font-size: clamp(23px, 2.8vw, 34px); font-weight: 800; }
.arch-t10 .card { border: 0; border-top: 3px solid var(--ink); background: var(--surface); }
.arch-t10 .card:hover { transform: translateY(-4px); border-top-color: var(--accent); }
.arch-t10 .sub-row:hover { background: var(--tone); }
.arch-t10 .chips li { border-width: 1px; }
.arch-t10 .cta { background: var(--ink); color: var(--bg); border: 0; }
.arch-t10 .cta p { color: color-mix(in srgb, var(--bg) 70%, transparent); }
.arch-t10 .cta .btn { background: var(--accent); border-color: var(--accent); color: var(--on-accent); }
.arch-t10 .cta .btn-ghost { background: transparent; color: var(--bg); border-color: color-mix(in srgb, var(--bg) 35%, transparent); }