:root { --accent:#5b3df5; --line:rgba(124,58,237,.12); --paper:#fcfbff; --ink:#231a3c; --muted:#6d6482; --surface:#fff; }
* { box-sizing:border-box; } body { margin:0; background:linear-gradient(180deg,#f9f5ff 0%, #fff 100%); color:var(--ink); font-family:"Microsoft YaHei","PingFang SC",sans-serif; }
a { color:inherit; text-decoration:none; } .wrap { width:min(1140px, calc(100% - 32px)); margin:0 auto; }
.masthead { padding:54px 0 34px; background:linear-gradient(135deg,#ffffff 0%, #f4ecff 52%, #eadcff 100%); border-bottom:1px solid var(--line); }
.masthead-inner { display:grid; grid-template-columns:1.1fr .9fr; gap:24px; align-items:end; } .eyebrow { margin:0; color:var(--accent); letter-spacing:.18em; text-transform:uppercase; font-size:13px; }
h1 { margin:14px 0 16px; font-size:clamp(34px,5vw,60px); line-height:1.06; max-width:12em; } .intro { margin:0; max-width:680px; color:var(--muted); line-height:1.82; font-size:17px; }
.hero-card { padding:24px; border-radius:30px 30px 10px 30px; background:#201238; color:#fff; box-shadow:0 28px 60px rgba(32,18,56,.18); } .hero-card small { color:#d9cfff; } .hero-card strong { display:block; margin:10px 0 12px; font-size:28px; } .hero-card p { color:#ece7ff; line-height:1.76; } .hero-card a { display:inline-flex; margin-top:8px; padding:12px 18px; border-radius:14px; background:#fff; color:#201238; font-weight:700; }
.editorial-grid { display:grid; grid-template-columns:1.2fr .8fr .8fr; gap:18px; padding:36px 0; } .lead-story,.mini-story,.feature-row article,.mag-grid article,.news-item,.contact-frame { background:var(--surface); border:1px solid var(--line); box-shadow:0 16px 34px rgba(32,18,56,.06); }
.lead-story { padding:30px; border-radius:34px; background:linear-gradient(180deg,#ffffff, var(--paper)); } .lead-story span,.mini-story span,.section-head span { color:var(--accent); font-size:13px; letter-spacing:.16em; text-transform:uppercase; }
.lead-story h2 { margin:12px 0 14px; font-size:36px; line-height:1.14; } .lead-story p,.mini-story p,.feature-row p,.mag-grid p,.news-item p,.contact-frame p,.contact-frame li { color:var(--muted); line-height:1.76; }
.mini-story { padding:24px; border-radius:24px; align-self:start; } .mini-story h3,.feature-row h3,.mag-grid h3,.news-item h3 { margin:10px 0 10px; font-size:22px; }
.feature-row { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; padding-bottom:24px; } .feature-row article { padding:22px; border-radius:24px; } .feature-row small { color:var(--accent); }
.layout-block { padding:24px 0 18px; } .section-head h2 { margin:10px 0 0; font-size:clamp(28px,4vw,42px); line-height:1.16; }
.mag-grid { display:grid; grid-template-columns:1.1fr .9fr .9fr; gap:18px; margin-top:22px; } .mag-grid article { padding:24px; border-radius:26px; } .cover { grid-row:span 2; background:linear-gradient(135deg,#23143b,#5b3df5); color:#fff; } .cover p { color:#ece7ff; }
.double-news { display:grid; grid-template-columns:1fr 1fr; gap:24px; padding:26px 0 40px; } .stack-list { display:grid; gap:16px; }
.news-item { padding:22px; border-radius:22px; } .news-item span { color:var(--accent); font-size:13px; } .arrow { display:inline-flex; margin-top:14px; color:var(--accent); font-weight:700; }
.contact-frame { display:grid; grid-template-columns:1.1fr .9fr; gap:24px; padding:28px; border-radius:34px 10px 34px 10px; margin-bottom:48px; background:linear-gradient(180deg,#fff,var(--paper)); } .contact-frame ul { margin:0; padding-left:18px; }
@media (max-width: 900px) { .masthead-inner,.editorial-grid,.feature-row,.mag-grid,.double-news,.contact-frame { grid-template-columns:1fr; } }