@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap");
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--surface);font-family:Manrope,"PingFang SC","Microsoft YaHei",sans-serif}.dyn-nav{position:fixed;z-index:30;top:0;left:0;right:0;height:72px;padding:0 clamp(22px,5vw,82px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--text) 10%,transparent);background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(18px)}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.14em}.brand i{width:22px;height:22px;border:2px solid var(--primary);border-radius:50%;box-shadow:inset 0 0 12px var(--accent),0 0 18px color-mix(in srgb,var(--primary) 40%,transparent)}.dyn-nav nav{display:flex;gap:30px;color:var(--muted);font-size:13px}.dyn-nav nav a{transition:.25s}.dyn-nav nav a:hover,.dyn-nav nav .active{color:var(--text)}.nav-cta,.dyn-cta>a{padding:11px 17px;border:1px solid color-mix(in srgb,var(--primary) 62%,transparent);border-radius:99px;background:color-mix(in srgb,var(--primary) 12%,transparent);font-size:13px}.preview-bar{position:fixed;z-index:50;left:50%;top:82px;transform:translateX(-50%);display:flex;gap:12px;padding:10px 18px;border:1px solid #f7c95c;border-radius:99px;color:#15100a;background:#ffe8a3;box-shadow:0 12px 34px #0006;font-size:12px}.preview-bar+ .dyn-nav{top:0}.dyn-hero,.detail-hero{position:relative;overflow:hidden;min-height:660px;padding:160px clamp(22px,8vw,130px) 90px;display:flex;align-items:center;background:radial-gradient(circle at 75% 30%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 31%),linear-gradient(145deg,color-mix(in srgb,var(--surface) 92%,#000),var(--surface))}.grid-plane{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(color-mix(in srgb,var(--primary) 25%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--primary) 25%,transparent) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}.hero-minimal .grid-plane{opacity:.07}.hero-grid .grid-plane{opacity:.38}.glow{position:absolute;border-radius:50%;filter:blur(2px)}.glow.one{right:14%;top:24%;width:340px;height:340px;border:1px solid color-mix(in srgb,var(--primary) 50%,transparent);box-shadow:inset 0 0 85px color-mix(in srgb,var(--accent) 22%,transparent),0 0 90px color-mix(in srgb,var(--primary) 13%,transparent)}.glow.two{right:4%;top:48%;width:140px;height:140px;background:color-mix(in srgb,var(--accent) 14%,transparent)}.hero-orb .glow.one{background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--primary) 45%,transparent),transparent 65%);border-radius:42% 58% 48% 52%}.hero-inner{position:relative;z-index:2;max-width:850px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--primary);font:600 11px ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase}.eyebrow i{width:25px;height:1px;background:var(--primary)}h1{margin:23px 0 20px;font-size:clamp(43px,6.1vw,88px);line-height:1.04;letter-spacing:-.055em}h1 em{color:transparent;background:linear-gradient(90deg,var(--primary),var(--accent));background-clip:text;font-style:normal}.hero-inner>p{max-width:680px;color:var(--muted);font-size:17px;line-height:1.85}.hero-stats{display:flex;gap:1px;margin-top:43px;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:var(--radius);overflow:hidden;width:max-content}.hero-stats div{min-width:130px;padding:16px 23px;background:color-mix(in srgb,var(--text) 4%,transparent)}.hero-stats strong,.hero-stats small{display:block}.hero-stats strong{font-size:20px}.hero-stats small{margin-top:4px;color:var(--muted);font-size:11px}.dyn-content{padding:100px clamp(22px,7vw,110px)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:35px}.section-head small,.dyn-cta small,.related header small{color:var(--primary);font:600 11px ui-monospace,monospace;letter-spacing:.18em}.section-head h2,.related h2{margin:8px 0 0;font-size:clamp(30px,4vw,52px);letter-spacing:-.04em}.section-head p{max-width:430px;margin:0;color:var(--muted);line-height:1.7}.filters{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs a{padding:9px 15px;border:1px solid color-mix(in srgb,var(--text) 11%,transparent);border-radius:99px;color:var(--muted);font-size:12px}.tabs a.active,.tabs a:hover{color:var(--text);border-color:var(--primary);background:color-mix(in srgb,var(--primary) 11%,transparent)}.filters label{display:flex}.filters input{width:220px;padding:11px 14px;color:var(--text);border:1px solid color-mix(in srgb,var(--text) 13%,transparent);border-radius:99px 0 0 99px;outline:none;background:transparent}.filters button{padding:0 17px;color:#fff;border:0;border-radius:0 99px 99px 0;background:linear-gradient(135deg,var(--primary),var(--accent))}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.layout-editorial{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-editorial .content-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr}.layout-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-compact .content-card{display:grid;grid-template-columns:180px 1fr}.content-card{overflow:hidden;border-radius:var(--radius);transition:transform .35s,border-color .35s}.card-glass{border:1px solid color-mix(in srgb,var(--text) 11%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--text) 7%,transparent),color-mix(in srgb,var(--accent) 5%,transparent));backdrop-filter:blur(15px)}.card-solid{border:1px solid transparent;background:color-mix(in srgb,var(--text) 8%,var(--surface))}.card-outline{border:1px solid color-mix(in srgb,var(--primary) 37%,transparent);background:transparent}.content-card:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--primary) 65%,transparent)}.card-visual{position:relative;height:230px;overflow:hidden;background:radial-gradient(circle at 65% 35%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 45%),linear-gradient(145deg,color-mix(in srgb,var(--primary) 13%,#080d19),#080b13)}.card-visual img,.detail-art img{width:100%;height:100%;object-fit:cover}.card-visual>span,.card-visual>small{position:absolute;z-index:2;top:17px;font:600 10px ui-monospace,monospace;letter-spacing:.11em}.card-visual>span{left:17px;padding:6px 9px;border:1px solid color-mix(in srgb,var(--text) 18%,transparent);border-radius:99px;background:#0005}.card-visual>small{right:17px;color:var(--muted)}.digital-orb{position:absolute;left:50%;top:50%;width:110px;height:110px;transform:translate(-50%,-50%);border:1px solid var(--primary);border-radius:50%;box-shadow:inset 0 0 34px color-mix(in srgb,var(--accent) 35%,transparent),0 0 50px color-mix(in srgb,var(--primary) 20%,transparent)}.digital-orb:before,.digital-orb:after,.digital-orb i{content:"";position:absolute;inset:15%;border:1px solid color-mix(in srgb,var(--text) 25%,transparent);border-radius:50%;transform:rotate(45deg)}.digital-orb:after{inset:-17%;border-color:color-mix(in srgb,var(--accent) 25%,transparent)}.card-copy{padding:23px}.meta{display:flex;justify-content:space-between;color:var(--primary);font:600 10px ui-monospace,monospace;letter-spacing:.1em}.card-copy h3{margin:13px 0 10px;font-size:22px;letter-spacing:-.025em}.card-copy p{min-height:46px;margin:0;color:var(--muted);font-size:13px;line-height:1.75}.card-copy>b{display:block;margin-top:20px;font-size:12px}.card-copy>b i{color:var(--primary);font-style:normal}.empty{grid-column:1/-1;padding:80px;text-align:center;border:1px dashed color-mix(in srgb,var(--text) 18%,transparent);border-radius:var(--radius)}.empty span{color:var(--primary);font:11px ui-monospace,monospace}.empty p{color:var(--muted)}.dyn-cta{margin:20px clamp(22px,7vw,110px) 100px;padding:75px clamp(25px,7vw,90px);text-align:center;border:1px solid color-mix(in srgb,var(--primary) 28%,transparent);border-radius:calc(var(--radius) + 8px);background:radial-gradient(circle at 50% 120%,color-mix(in srgb,var(--accent) 34%,transparent),transparent 55%),color-mix(in srgb,var(--text) 4%,transparent)}.dyn-cta h2{margin:13px 0;font-size:clamp(32px,5vw,62px);line-height:1.1;letter-spacing:-.045em}.dyn-cta p{color:var(--muted)}.dyn-cta>a{display:inline-block;margin-top:18px;padding:14px 23px;background:linear-gradient(135deg,var(--primary),var(--accent))}footer{padding:30px clamp(22px,7vw,110px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid color-mix(in srgb,var(--text) 10%,transparent);color:var(--muted);font-size:12px}.detail-hero{min-height:700px}.detail-inner{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.back{position:absolute;top:-70px;color:var(--muted);font-size:12px}.detail-title h1{font-size:clamp(43px,5.5vw,78px)}.detail-title>p{max-width:650px;color:var(--muted);font-size:17px;line-height:1.8}.detail-art{height:390px;border:1px solid color-mix(in srgb,var(--primary) 35%,transparent);border-radius:var(--radius);overflow:hidden;background:color-mix(in srgb,var(--text) 5%,transparent)}.digital-orb.large{width:190px;height:190px}.facts{display:grid;grid-template-columns:repeat(4,1fr);margin:-35px clamp(22px,6vw,95px) 0;position:relative;z-index:3;border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:var(--radius);overflow:hidden;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(18px)}.facts div{padding:28px;border-right:1px solid color-mix(in srgb,var(--text) 10%,transparent)}.facts div:last-child{border:0}.facts small{color:var(--primary);font:600 10px ui-monospace,monospace}.facts p{margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.7}.article-wrap{padding:110px clamp(22px,9vw,150px);display:grid;grid-template-columns:260px minmax(0,800px);gap:85px;justify-content:center}.article-wrap aside{position:sticky;top:110px;height:max-content}.article-wrap aside small{color:var(--primary);font:10px ui-monospace,monospace;letter-spacing:.13em}.article-wrap aside h2{font-size:28px}.article-wrap aside p{color:var(--muted);font-size:13px}.article-wrap aside a{display:inline-block;margin-top:18px;color:var(--primary);font-size:12px}.article-body{font-size:16px;line-height:1.9;color:color-mix(in srgb,var(--text) 88%,var(--muted))}.article-body h2,.article-body h3{color:var(--text)}.article-body img{max-width:100%;border-radius:var(--radius)}.related{padding:80px clamp(22px,7vw,110px);background:color-mix(in srgb,var(--text) 3%,transparent)}.related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.related a{padding:25px;border:1px solid color-mix(in srgb,var(--text) 11%,transparent);border-radius:var(--radius)}.related a span,.related a b{color:var(--primary);font-size:11px}.related a p{color:var(--muted);font-size:13px;line-height:1.7}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.visible,[data-motion=none] .reveal{opacity:1;transform:none}[data-motion=dynamic] .digital-orb{animation:pulse 3s ease-in-out infinite}@keyframes pulse{50%{transform:translate(-50%,-50%) scale(1.08);box-shadow:inset 0 0 50px var(--accent),0 0 70px color-mix(in srgb,var(--primary) 35%,transparent)}}[data-mode=light]{--surface:#f5f7fb;--text:#111827;--muted:#657087}
@media(max-width:950px){.dyn-nav nav{display:none}.content-grid,.layout-editorial,.layout-compact{grid-template-columns:1fr 1fr}.layout-editorial .content-card:first-child,.layout-compact .content-card{display:block;grid-column:auto}.detail-inner{grid-template-columns:1fr}.detail-art{height:300px}.facts{grid-template-columns:1fr 1fr}.article-wrap{grid-template-columns:1fr;gap:35px}.article-wrap aside{position:static}.related>div{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.dyn-nav{height:64px}.nav-cta{display:none}.dyn-hero,.detail-hero{min-height:620px;padding-top:125px}.hero-stats{width:100%}.hero-stats div{min-width:0;flex:1;padding:13px}.filters{align-items:stretch;flex-direction:column}.filters label,.filters input{width:100%}.content-grid,.layout-editorial,.layout-compact{grid-template-columns:1fr}.facts{margin-top:-18px;grid-template-columns:1fr}.facts div{border-right:0;border-bottom:1px solid color-mix(in srgb,var(--text) 10%,transparent)}footer{align-items:flex-start;flex-direction:column;gap:12px}.preview-bar{width:calc(100% - 30px);justify-content:center}.detail-art{height:240px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}