/* T3 · 硬边构成 Brutalist — 粗边框 / 实色块 / 无圆角 */
body.arch-t3 { --font-display: "Arial Black", "Helvetica Neue", var(--font-body); }
.arch-t3 .site-head { border-bottom: 3px solid var(--ink); background: var(--bg); }
.arch-t3 .head-cta { border: 2px solid var(--ink); background: var(--ink); color: var(--bg); }
.arch-t3 .head-cta:hover { background: var(--accent); border-color: var(--accent); color: var(--on-accent); }
.arch-t3 .hero { padding-bottom: clamp(30px, 4vw, 48px); }
.arch-t3 .hero-grid { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(22px, 3vw, 44px); }
.arch-t3 .display { font-weight: 900; letter-spacing: -.035em; line-height: 1.02; text-transform: none; }
.arch-t3 .display em { background: var(--accent); color: var(--on-accent); padding: 0 .12em; display: inline-block; }
.arch-t3 .kicker { font-family: var(--font-mono); background: var(--ink); color: var(--bg); display: inline-flex; padding: 5px 10px; letter-spacing: .12em; }
.arch-t3 .kicker::before { display: none; }
.arch-t3 .hero-art { border: 3px solid var(--ink); background: var(--surface); }
.arch-t3 .hero-art img { border-bottom: 3px solid var(--ink); }
.arch-t3 .hero-art figcaption { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .1em; padding: 8px 10px; color: var(--ink-2); text-transform: uppercase; }
.arch-t3 .btn { border-width: 2px; box-shadow: 5px 5px 0 var(--ink); }
.arch-t3 .btn:hover { transform: translate(-2px, -2px); box-shadow: 7px 7px 0 var(--ink); }
.arch-t3 .btn-ghost { box-shadow: 5px 5px 0 var(--line-2); }
.arch-t3 .statband { background: var(--ink); color: var(--bg); border: 0; }
.arch-t3 .stat { border-left: 1px solid color-mix(in srgb, var(--bg) 20%, transparent); }
.arch-t3 .stat span { color: color-mix(in srgb, var(--bg) 65%, transparent); }
.arch-t3 .stat b i { color: var(--accent); }
.arch-t3 .sec-head { grid-template-columns: 1fr; }
.arch-t3 .sec-head h2 { font-weight: 900; letter-spacing: -.02em; }
.arch-t3 .sec-idx { display: inline-block; border: 1.5px solid var(--ink); padding: 2px 8px; color: var(--ink); font-size: 11px; width: fit-content; }
.arch-t3 .card { border: 2px solid var(--ink); background: var(--surface); }
.arch-t3 .card:hover { background: var(--tone); transform: none; box-shadow: 4px 4px 0 var(--ink); }
.arch-t3 table.tbl { border: 2px solid var(--ink); }
.arch-t3 table.tbl th { background: var(--ink); color: var(--bg); border-bottom: 2px solid var(--ink); }
.arch-t3 .chips li { border: 1.5px solid var(--ink); background: var(--surface); }
.arch-t3 .cta { background: var(--accent); color: var(--on-accent); border-top: 3px solid var(--ink); }
.arch-t3 .cta p { color: color-mix(in srgb, var(--on-accent) 82%, transparent); }
.arch-t3 .cta .btn { background: var(--ink); border-color: var(--ink); color: var(--bg); box-shadow: 5px 5px 0 color-mix(in srgb, var(--ink) 35%, transparent); }
.arch-t3 .cta .btn-ghost { background: transparent; color: var(--on-accent); border-color: var(--on-accent); box-shadow: none; }