:root{--bg:#111217;--primary:#D7A9FF;--secondary:#6E8BFF;--text:#F5F2FF;--muted:rgba(245,242,255,.72);--card:rgba(255,255,255,.075);--line:rgba(255,255,255,.15);--shadow:0 24px 80px rgba(0,0,0,.34)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;background:radial-gradient(circle at 20% 0%,rgba(215,169,255,.22),transparent 32%),radial-gradient(circle at 90% 12%,rgba(110,139,255,.18),transparent 35%),var(--bg);color:var(--text);line-height:1.8;font-size:16px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block;object-fit:cover}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(18px,4vw,56px);background:rgba(17,18,23,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.logo{display:flex;flex-direction:column;line-height:1.1}.logo span{font-size:22px;font-weight:800}.logo em{font-size:11px;color:var(--muted);font-style:normal;letter-spacing:.18em;text-transform:uppercase}.nav{display:flex;gap:18px;align-items:center}.nav a{font-size:14px;color:var(--muted);padding:8px 0}.nav a.active,.nav a:hover{color:#fff}.menu-btn{display:none;background:var(--card);color:#fff;border:1px solid var(--line);border-radius:14px;padding:8px 12px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;padding:clamp(48px,8vw,110px) clamp(18px,5vw,72px)}.eyebrow,.tag{color:var(--primary);letter-spacing:.12em;font-size:13px}.hero h1{font-size:clamp(36px,7vw,78px);line-height:1.05;margin:12px 0 22px}.hero p{color:var(--muted);font-size:18px}.hero-img img{height:min(78vh,760px);width:100%;border-radius:36px;box-shadow:var(--shadow)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#111217;font-weight:700;box-shadow:0 10px 30px rgba(110,139,255,.25)}.btn.ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid var(--line)}.btn.soft{background:rgba(215,169,255,.14);color:#fff;border:1px solid rgba(215,169,255,.35)}.section{padding:44px clamp(18px,5vw,72px);max-width:1280px;margin:auto}.section h2{font-size:clamp(26px,4vw,46px);line-height:1.2;margin:0 0 16px}.section-lead,.section>p,.article p{color:var(--muted)}.breadcrumb{font-size:14px;color:var(--muted);margin-bottom:18px}.grid{display:grid;gap:20px}.cards{grid-template-columns:repeat(4,1fr)}.card,.story,.timeline div,.related{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:18px;box-shadow:0 18px 50px rgba(0,0,0,.18)}.card img{height:210px;width:100%;border-radius:22px;margin-bottom:14px}.card h3{margin:8px 0 6px}.card p,.story p,.timeline p{color:var(--muted)}.link{color:var(--primary);font-weight:700}.works .masonry{columns:3 260px;column-gap:18px}.masonry img{width:100%;border-radius:28px;margin:0 0 18px;break-inside:avoid;box-shadow:var(--shadow)}.split{display:grid;grid-template-columns:1fr .8fr;gap:30px;align-items:center}.split.reverse{grid-template-columns:.8fr 1fr}.split.reverse div{order:2}.split img{border-radius:34px;box-shadow:var(--shadow);min-height:360px;width:100%}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.story-grid{grid-template-columns:repeat(4,1fr)}.story div{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.story span,.story small{color:var(--muted)}.story em{color:var(--primary);font-style:normal}.faq{display:grid;gap:12px}.faq details{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px}.faq summary{cursor:pointer;font-weight:700}.page-hero{padding:64px clamp(18px,5vw,72px) 20px;max-width:1060px}.page-hero h1{font-size:clamp(38px,6vw,72px);line-height:1.1}.page-hero p{color:var(--muted)}.article{max-width:980px}.article-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:28px}.article-gallery img{height:310px;width:100%;border-radius:28px;box-shadow:var(--shadow)}.related{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.related h2{width:100%;font-size:24px}.related a{border:1px solid var(--line);padding:8px 14px;border-radius:999px;color:var(--muted)}.footer{margin-top:60px;padding:36px clamp(18px,5vw,72px);border-top:1px solid var(--line);background:rgba(0,0,0,.2);display:grid;gap:20px}.footer strong{font-size:24px}.footer p,.copy{color:var(--muted)}.footer-links{display:flex;flex-wrap:wrap;gap:14px}.footer-links a{color:var(--muted)}.to-top{position:fixed;right:18px;bottom:18px;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.1);color:#fff;opacity:0;pointer-events:none;transition:.25s}.to-top.show{opacity:1;pointer-events:auto}@media (max-width:920px){.menu-btn{display:block}.nav{position:absolute;left:18px;right:18px;top:64px;background:rgba(17,18,23,.96);border:1px solid var(--line);border-radius:22px;padding:16px;display:none;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.hero,.split,.split.reverse{grid-template-columns:1fr}.split.reverse div{order:0}.cards{grid-template-columns:repeat(2,1fr)}.timeline,.story-grid{grid-template-columns:1fr 1fr}.hero-img img{height:440px}}@media (max-width:640px){body{font-size:15px}.hero{padding-top:42px}.hero h1{font-size:40px}.cards,.timeline,.story-grid,.article-gallery{grid-template-columns:1fr}.card img,.article-gallery img{height:250px}.section{padding-top:34px;padding-bottom:34px}.hero-actions .btn{width:100%}}