:root { --a:#b91c1c; --ink:#241f1b; --muted:#6f655c; --surface:#fffdf9; --line:rgba(146,64,14,.14); --soft:#fff3e8; }
*{box-sizing:border-box} body{margin:0;background:linear-gradient(180deg,#fff9f2 0%, #fff 100%);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif}
a{color:inherit;text-decoration:none} .wrap{width:min(1080px,calc(100% - 32px));margin:0 auto}
.hero{padding:88px 0 52px;background:linear-gradient(135deg,#b91c1c,#26170c);color:#fff} .tag{display:inline-flex;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.14);font-size:13px;letter-spacing:.08em}
h1{margin:18px 0 14px;font-size:clamp(36px,5vw,66px);line-height:1.02;max-width:10em} .lead{margin:0;max-width:780px;color:rgba(255,255,255,.9);line-height:1.8;font-size:18px}
.panel,.quote,.scene article,.item{background:var(--surface);border:1px solid var(--line);box-shadow:0 16px 36px rgba(36,31,27,.06)}
.panel{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;padding:28px;border-radius:30px;margin-top:-22px;position:relative;margin-bottom:24px}
.panel span,.h span{color:var(--a);font-size:13px;letter-spacing:.16em;text-transform:uppercase} .panel h2,.h h2{margin:10px 0 10px;font-size:clamp(28px,4vw,42px);line-height:1.16}
.panel p,.meta p,.scene p,.item p{margin:0;color:var(--muted);line-height:1.78}
.meta{display:grid;gap:10px;align-content:start}
.slist{margin:0;padding:0;list-style:none;display:grid;gap:16px} .slist li{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;padding:18px 0;border-bottom:1px dashed var(--line)} .slist li:last-child{border-bottom:0} .slist strong{color:var(--ink)}
.quote{padding:30px;border-radius:34px 10px 34px 10px;margin:14px 0 24px;background:linear-gradient(135deg,var(--soft),#fff)} blockquote{margin:0;font-size:28px;line-height:1.38;color:#3b2f27}
.scene{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px} .scene article{padding:22px;border-radius:24px} .scene h3,.item h3{margin:0 0 10px;font-size:22px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:26px} .list{display:grid;gap:16px} .item{padding:22px;border-radius:24px} .item span{color:var(--a);font-size:13px} .arrow{display:inline-flex;margin-top:14px;color:var(--a);font-weight:700}
@media (max-width: 900px) { .panel,.scene,.two,.slist li { grid-template-columns:1fr; } }