:root { --accent:#0891b2; --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; }
.story-hero { padding:88px 0 52px; background:linear-gradient(135deg,#0891b2,#26170c); color:#fff; }
.story-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; }
.story-panel,.story-strip,.scene-grid article,.story-news-item { background:var(--surface); border:1px solid var(--line); box-shadow:0 16px 36px rgba(36,31,27,.06); }
.story-panel { display:grid; grid-template-columns:1.2fr .8fr; gap:24px; padding:28px; border-radius:30px; margin-top:-22px; position:relative; margin-bottom:24px; }
.story-panel span,.section-head span { color:var(--accent); font-size:13px; letter-spacing:.16em; text-transform:uppercase; } .story-panel h2,.section-head h2 { margin:10px 0 10px; font-size:clamp(28px,4vw,42px); line-height:1.16; } .story-panel p,.aside-info p,.scene-grid p,.story-news-item p { margin:0; color:var(--muted); line-height:1.78; }
.aside-info { display:grid; gap:10px; align-content:start; }
.service-list { margin:0; padding:0; list-style:none; display:grid; gap:16px; } .service-list li { display:grid; grid-template-columns:.9fr 1.1fr; gap:18px; padding:18px 0; border-bottom:1px dashed var(--line); } .service-list li:last-child { border-bottom:0; } .service-list strong { color:var(--ink); }
.story-strip { 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-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-bottom:28px; } .scene-grid article { padding:22px; border-radius:24px; } .scene-grid h3,.story-news-item h3 { margin:0 0 10px; font-size:22px; }
.news-stage { display:grid; grid-template-columns:1fr 1fr; gap:24px; padding-bottom:26px; } .story-news { display:grid; gap:16px; } .story-news-item { padding:22px; border-radius:24px; } .story-news-item span { color:var(--accent); font-size:13px; } .arrow { display:inline-flex; margin-top:14px; color:var(--accent); font-weight:700; }
@media (max-width: 900px) { .story-panel,.scene-grid,.news-stage,.service-list li { grid-template-columns:1fr; } }