/* T4 · 柔光卡片 Soft Card — 大圆角 / 浮动阴影 / 居中英雄 */
body.arch-t4 { --r: 20px; }
.arch-t4 .site-head { border-bottom: 1px solid transparent; box-shadow: 0 1px 0 var(--line), 0 12px 30px -26px rgba(0,0,0,.5); }
.arch-t4 .head-cta { border-radius: 999px; padding: 10px 20px; }
.arch-t4 .hero { text-align: center; padding-top: clamp(40px, 6vw, 76px); }
.arch-t4 .hero-grid { grid-template-columns: 1fr; gap: clamp(26px, 4vw, 44px); justify-items: center; }
.arch-t4 .hero-copy { max-width: 800px; }
.arch-t4 .kicker { justify-content: center; }
.arch-t4 .lead { margin: 0 auto; }
.arch-t4 .btn-row { justify-content: center; }
.arch-t4 .btn { border-radius: 999px; padding: 14px 28px; }
.arch-t4 .hero-art { width: min(100%, 620px); }
.arch-t4 .hero-art img { border-radius: 26px; box-shadow: 0 30px 70px -40px color-mix(in srgb, var(--accent) 50%, #000); border: 1px solid var(--line); }
.arch-t4 .crumbs { justify-content: center; }
.arch-t4 .statband { background: transparent; border: 0; }
.arch-t4 .stats { gap: 14px; }
.arch-t4 .stat { background: var(--surface); border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 18px 40px -34px rgba(0,0,0,.55); }
.arch-t4 .stat:first-child { border-left: 1px solid var(--line); }
.arch-t4 .sec-head { grid-template-columns: 1fr; text-align: left; }
.arch-t4 .sec-idx { padding: 0 0 6px; }
.arch-t4 .card { border-radius: 18px; box-shadow: 0 16px 34px -32px rgba(0,0,0,.5); }
.arch-t4 .card:hover { transform: translateY(-5px); box-shadow: 0 26px 50px -32px color-mix(in srgb, var(--accent) 55%, #000); }
.arch-t4 .tbl-wrap { border-radius: 18px; }
.arch-t4 .subs { border-top: 0; }
.arch-t4 .sub-row { border: 1px solid var(--line); border-radius: 14px; margin-bottom: 8px; padding: 15px 18px; background: var(--surface); }
.arch-t4 .chips li { border-radius: 999px; padding: 7px 14px; }
.arch-t4 .rel a { border-radius: 999px; }
.arch-t4 .faq details { border: 1px solid var(--line); border-radius: 14px; margin-bottom: 10px; padding: 2px 18px; background: var(--surface); }
.arch-t4 .faq { border-top: 0; }
.arch-t4 .cta { background: var(--tone); border: 0; }
.arch-t4 .cta-in { text-align: left; }