:root{--bg:#050714;--panel:#0c1226;--panel2:#111a34;--line:#23345f;--text:#eef7ff;--muted:#9fb2c7;--cyan:#42f5ff;--purple:#9c5cff;--soft:#17213d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0%,rgba(66,245,255,.12),transparent 34%),radial-gradient(circle at 85% 15%,rgba(156,92,255,.16),transparent 36%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(18px,4vw,58px);background:rgba(5,7,20,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(66,245,255,.15)}.brand{display:flex;gap:10px;align-items:center;font-weight:800;font-size:20px}.logo-mark{width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,var(--cyan),var(--purple));box-shadow:0 0 24px rgba(66,245,255,.45)}.site-nav{display:flex;gap:8px;align-items:center}.site-nav a{padding:9px 13px;border-radius:999px;color:#c7d7e8;font-size:14px}.site-nav a:hover,.site-nav a.active{background:rgba(66,245,255,.12);color:#fff}.nav-toggle{display:none;background:transparent;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:6px 10px}.hero,.page-hero,.section{width:min(1180px,calc(100% - 36px));margin:0 auto}.hero{display:grid;grid-template-columns:1.04fr .96fr;gap:34px;align-items:center;min-height:720px;padding:56px 0}.hero-copy h1,.page-hero h1{font-size:clamp(38px,6vw,72px);line-height:1.08;margin:10px 0 20px}.hero-copy p,.page-hero p{font-size:18px;color:#c4d2e4;max-width:780px}.eyebrow{color:var(--cyan);letter-spacing:.16em;font-size:12px;font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:13px 20px;margin-right:12px;font-weight:700}.btn.primary{background:linear-gradient(135deg,var(--cyan),#3d8dff);color:#06101d}.btn.ghost{border:1px solid rgba(66,245,255,.4);color:#dffcff}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0 0;padding:0;list-style:none}.metrics li{padding:16px;border:1px solid rgba(66,245,255,.18);border-radius:16px;background:rgba(12,18,38,.72)}.metrics b{display:block;font-size:22px}.metrics span{color:var(--muted);font-size:13px}.hero-panel,.post-ui{position:relative}.hero-panel{border:1px solid rgba(66,245,255,.22);background:linear-gradient(180deg,rgba(17,26,52,.88),rgba(8,12,28,.96));padding:18px;border-radius:26px;box-shadow:0 20px 80px rgba(0,0,0,.34)}.timeline-strip{display:grid;grid-template-columns:1.5fr .8fr 1.2fr .6fr;gap:8px;margin-top:14px}.timeline-strip i{height:18px;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--purple))}.section{padding:78px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.section h2,.page-hero h2{font-size:clamp(28px,4vw,46px);line-height:1.15;margin:0 0 14px}.video-grid,.feature-grid,.service-grid,.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.video-card,.feature-grid article,.service-grid article,.case-grid article,.timeline-cards article,.param-card,.post-list article,.solution-list article{background:linear-gradient(180deg,rgba(17,26,52,.92),rgba(8,12,28,.96));border:1px solid rgba(66,245,255,.16);border-radius:22px;padding:20px;box-shadow:0 14px 44px rgba(0,0,0,.22)}.video-card img{border-radius:16px;margin-bottom:14px;background:#080d1c}.video-card span,.post-list span{display:inline-flex;color:var(--cyan);font-size:13px;font-weight:800;margin-bottom:6px}.video-card h3,.video-card h2,.feature-grid h3,.service-grid h2,.case-grid h3,.case-grid h2{margin:4px 0 8px}.video-card p,.feature-grid p,.service-grid p,.case-grid p,.param-card p,.solution-list p,.post-list p,.faq p{color:var(--muted)}.timeline-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:item}.timeline-cards article{position:relative;overflow:hidden}.timeline-cards b{color:var(--cyan);font-size:30px}.compare-layout,.node-layout,.split,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.param-card dl{display:grid;grid-template-columns:110px 1fr;gap:8px;color:#cbd9e8}.param-card dt{color:var(--cyan);font-weight:800}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:0;list-style:none}.steps li{padding:18px;border-radius:18px;border:1px solid rgba(156,92,255,.25);background:rgba(156,92,255,.08)}.steps b{display:block;color:var(--cyan);font-size:18px}.steps span{display:block;color:var(--muted);font-size:14px;margin-top:8px}.article-list{display:grid;gap:12px}.article-list a{padding:18px 20px;border-radius:16px;background:rgba(66,245,255,.08);border:1px solid rgba(66,245,255,.15)}.faq details{margin-bottom:12px;padding:18px 20px;border-radius:16px;background:rgba(17,26,52,.78);border:1px solid rgba(66,245,255,.16)}.faq summary{cursor:pointer;font-weight:800}.cta{text-align:center;padding:38px;border:1px solid rgba(66,245,255,.2);border-radius:28px;background:linear-gradient(135deg,rgba(66,245,255,.12),rgba(156,92,255,.12))}.page-hero{padding:86px 0 28px}.solution-list,.post-list{display:grid;gap:16px}.gallery{grid-template-columns:repeat(4,1fr)}.rich{grid-template-columns:repeat(3,1fr)}.contact-form{display:grid;gap:14px}.contact-form label{display:grid;gap:8px;color:#dcefff}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(66,245,255,.2);border-radius:14px;background:#091124;color:#fff;padding:13px;font:inherit}.contact-form textarea{min-height:140px}.site-footer{margin-top:60px;padding:42px clamp(18px,4vw,58px);border-top:1px solid rgba(66,245,255,.14);background:#050816}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px;width:min(1180px,100%);margin:auto}.site-footer p{color:var(--muted);margin:8px 0 0}@media (max-width:880px){.nav-toggle{display:block}.site-nav{display:none;position:absolute;left:18px;right:18px;top:65px;flex-direction:column;align-items:stretch;background:#071020;border:1px solid var(--line);border-radius:18px;padding:12px}.site-nav.open{display:flex}.hero,.compare-layout,.node-layout,.split,.contact-grid{grid-template-columns:1fr}.hero{min-height:auto;padding-top:44px}.video-grid,.feature-grid,.service-grid,.case-grid,.timeline-cards,.steps,.gallery,.rich,.footer-grid{grid-template-columns:1fr}.section{padding:52px 0}.metrics{grid-template-columns:1fr}.section-head{display:block}}