/* ==========================================================================
   ZClawAIOS 正式站皮肤 · 深空科技（复刻智星人官网参考设计）
   设计值来自参考站：深海蓝 #060d24/#0a1633、青蓝紫渐变 #22d3ee→#1d6ff2→#8b5cf6、
   玻璃拟态卡片、44px 数字网格。颜色仍从站点设计令牌派生，深色部分按
   参考设计固定为深海蓝体系（企业级官网的标准做法）。
   ========================================================================== */
:root{--zc-cyan:#22d3ee;--zc-blue:#1d6ff2;--zc-violet:#8b5cf6;--zc-deep:#060d24;--zc-deep-2:#0a1633}
body{font-family:var(--font-body,"PingFang SC","Microsoft YaHei",sans-serif);background:var(--bg,#f6f8fc);color:var(--text,#0b1736);text-rendering:optimizeLegibility}
h1,h2,h3,.page-section>header small{font-family:var(--font-heading,var(--font-body,"PingFang SC",sans-serif))}

/* 顶部导航：深色玻璃 */
.dyn-nav{height:72px;padding-inline:clamp(20px,4vw,80px);border-bottom:1px solid rgba(148,197,255,.1);background:rgba(6,13,36,.82);backdrop-filter:blur(16px)}
.dyn-nav .brand{font-size:15px;letter-spacing:.02em;color:#fff}
.dyn-nav .brand i{width:28px;height:28px;border:0;border-radius:8px;background:radial-gradient(circle at 35% 30%,#fff 0 8%,var(--zc-cyan) 16%,var(--zc-blue) 58%,var(--zc-violet));box-shadow:0 6px 20px rgba(29,111,242,.4)}
.dyn-nav nav{gap:clamp(16px,1.8vw,30px);font-size:14px;font-weight:500;color:#a8b8d8}
.dyn-nav nav a{position:relative;padding:24px 0;color:inherit}
.dyn-nav nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:16px;height:2px;border-radius:9px;background:linear-gradient(90deg,var(--zc-cyan),var(--zc-violet));transition:.25s}
.dyn-nav nav a:hover{color:#fff}.dyn-nav nav a:hover:after{left:0;right:0}
.nav-cta{padding:11px 18px!important;color:#fff!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,var(--zc-cyan),var(--zc-blue))!important;box-shadow:0 10px 26px rgba(29,111,242,.4)}

/* 首屏：深海蓝 + 网格 + 青紫光斑 */
.ai-safe-page{overflow:hidden}
.page-hero{position:relative;min-height:min(760px,86vh);padding-top:150px;padding-bottom:80px;color:#fff;background:
  radial-gradient(ellipse 80% 60% at 70% -10%,rgba(29,111,242,.25),transparent),
  radial-gradient(ellipse 60% 50% at 10% 110%,rgba(139,92,246,.18),transparent),
  linear-gradient(180deg,var(--zc-deep) 0%,var(--zc-deep-2) 100%)}
.page-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(96,165,250,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.07) 1px,transparent 1px);background-size:44px 44px;pointer-events:none}
.page-hero:after{content:"";position:absolute;inset:auto -10% -50% 25%;height:70%;background:radial-gradient(ellipse,rgba(34,211,238,.14),transparent 68%);pointer-events:none}
.page-hero .grid-plane{opacity:.2}
.page-hero-inner{position:relative;z-index:1;width:min(var(--container,1280px),calc(100% - 48px));margin:auto;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:clamp(40px,5vw,88px)}
.page-hero .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid rgba(34,211,238,.28);border-radius:999px;background:rgba(34,211,238,.08);color:#67e8f9;font-size:12px;font-weight:700;letter-spacing:.08em}
.page-hero .eyebrow i{display:none}
.page-hero h1{max-width:860px;margin-top:22px;font-size:clamp(40px,5vw,72px);line-height:1.12;letter-spacing:-.03em;font-weight:800}
.page-hero p{max-width:640px;color:#b8c6e2;font-size:clamp(16px,1.25vw,19px);line-height:1.9}
.primary-action{display:inline-block;margin-top:14px;padding:15px 26px!important;border-radius:12px!important;background:linear-gradient(135deg,var(--zc-cyan),var(--zc-blue))!important;color:#fff!important;font-weight:700;box-shadow:0 16px 38px rgba(29,111,242,.45);transition:transform .25s}
.primary-action:hover{transform:translateY(-2px)}
.hero-media{border-radius:24px!important;box-shadow:0 30px 80px rgba(0,0,0,.45);transform:perspective(1200px) rotateY(-3deg)}
.hero-media img{aspect-ratio:16/10;object-fit:cover}

/* 数据带：深色玻璃 */
.metrics-band{width:100%;padding-block:calc(var(--section-space,96px)*.75);padding-inline:max(28px,calc((100% - var(--container,1280px))/2));background:linear-gradient(180deg,var(--zc-deep-2),var(--zc-deep));color:#fff;border-top:1px solid rgba(148,197,255,.08)}
.metrics-band header p{color:#9fb1d1}.metrics-band header small{color:#67e8f9}
.metrics-band h2{color:#fff}
.metrics-grid{gap:1px!important;border:1px solid rgba(148,197,255,.14);border-radius:20px;overflow:hidden;background:rgba(148,197,255,.1)}
.metrics-grid article{background:rgba(255,255,255,.04)!important;backdrop-filter:blur(12px)}
.metrics-grid strong{font-size:clamp(32px,3.6vw,52px)!important;background:linear-gradient(120deg,#67e8f9,#60a5fa 50%,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}
.metrics-grid span,.metrics-grid small{color:#8ea2c4!important}

/* 浅色内容区块 */
.page-section,.process-story,.trust-cloud,.contact-stage,.employee-outcomes{width:min(var(--container,1280px),calc(100% - 48px));margin-inline:auto;padding-block:var(--section-space,96px)}
.page-section>header,.process-story>header,.trust-cloud>header{max-width:820px;margin-bottom:44px}
.page-section>header small,.process-story>header small,.trust-cloud>header small{color:var(--zc-blue);font-weight:700;letter-spacing:.24em}
.page-section h2,.process-story h2,.trust-cloud h2,.contact-stage h2,.metrics-band h2{font-size:clamp(30px,3.6vw,52px);line-height:1.2;letter-spacing:-.025em;color:var(--text,#0b1736)}
.page-section header p,.process-story header p,.trust-cloud header p{color:var(--muted,#5b6b8c);font-size:16px;line-height:1.85}

/* 卡片：浅色玻璃 + 悬浮 */
.page-items{gap:20px!important}
.page-items>a,.page-items>article{overflow:hidden;min-height:100%;border:1px solid rgba(29,111,242,.1)!important;border-radius:20px!important;background:rgba(255,255,255,.78)!important;backdrop-filter:blur(8px);box-shadow:0 10px 34px rgba(15,40,90,.06)!important;transition:transform .3s,border-color .3s,box-shadow .3s}
.page-items>a:hover,.page-items>article:hover{transform:translateY(-6px);border-color:rgba(29,111,242,.32)!important;box-shadow:0 22px 54px rgba(29,111,242,.14)!important}
.page-items figure{margin:-1px -1px 20px!important}
.page-items figure img{width:100%;aspect-ratio:16/10;object-fit:cover}
.page-items h3{font-size:19px!important;line-height:1.5;color:var(--text,#0b1736)}
.page-items p{color:var(--muted,#5b6b8c)!important;line-height:1.8!important}
.page-items span{color:var(--zc-blue)!important;font-weight:700;font-size:12px;letter-spacing:.06em}

/* 流程区块 */
.process-track article{border:1px solid rgba(29,111,242,.1)!important;border-radius:18px!important;background:rgba(255,255,255,.78)!important}
.process-track article span{background:linear-gradient(120deg,var(--zc-cyan),var(--zc-blue),var(--zc-violet));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}
.process-track article i{background:linear-gradient(135deg,var(--zc-cyan),var(--zc-blue))!important}

/* FAQ */
.faq-section{max-width:920px}
.faq-list details{border:1px solid rgba(29,111,242,.1)!important;border-radius:16px!important;background:rgba(255,255,255,.78)!important;box-shadow:0 8px 26px rgba(15,40,90,.05)}
.faq-list summary{font-size:16px!important;font-weight:700;color:var(--text,#0b1736)}
.faq-list p{color:var(--muted,#5b6b8c)!important;line-height:1.9!important}

/* 转化横幅：深海蓝 + 青光 */
.dyn-cta{margin:40px auto 100px;width:min(var(--container,1280px),calc(100% - 48px));padding:80px 40px;color:#fff;border:0;border-radius:26px;background:
  radial-gradient(circle at 82% 8%,rgba(34,211,238,.22),transparent 38%),
  linear-gradient(135deg,var(--zc-deep),var(--zc-deep-2) 60%,#12245c);
  box-shadow:0 30px 80px rgba(6,13,36,.4)}
.dyn-cta p{color:#a8b8d8}
.dyn-cta .primary-action{box-shadow:0 14px 34px rgba(34,211,238,.3)}

/* 页脚：深海蓝 */
footer{padding:48px max(28px,calc((100% - var(--container,1280px))/2));color:#8ea2c4;background:var(--zc-deep);border-top:1px solid rgba(148,197,255,.08)}
footer .brand{color:#fff}
footer .footer-contact{display:flex;flex-wrap:wrap;gap:6px 22px;margin:10px 0 0;font-size:13px}
footer .footer-filing{margin:10px 0 0;font-size:13px;display:flex;flex-wrap:wrap;gap:6px 18px}
footer .footer-filing a{color:#8ea2c4;text-decoration:none;transition:color .2s}
footer .footer-filing a:hover{color:#67e8f9}

/* 响应式 */
@media(max-width:980px){.page-hero-inner{grid-template-columns:1fr}.hero-media{transform:none}.page-hero{min-height:auto;padding-block:120px 64px}.page-section,.metrics-band,.process-story,.trust-cloud,.contact-stage,.employee-outcomes{width:min(100% - 36px,var(--container,1280px))}.dyn-cta{width:calc(100% - 36px)}}
@media(max-width:640px){.dyn-nav{height:64px;padding-inline:16px}.page-hero-inner{width:calc(100% - 32px)}.page-hero h1{font-size:38px}.page-hero p{font-size:15px}.page-section,.metrics-band,.process-story,.trust-cloud,.contact-stage,.employee-outcomes{padding-block:calc(var(--section-space,96px)*.62)}.page-section h2,.metrics-band h2,.process-story h2,.trust-cloud h2,.contact-stage h2{font-size:30px}.page-items{grid-template-columns:1fr!important}.dyn-cta{padding:56px 22px}footer{padding:34px 18px}.mobile-conversion{display:flex!important}}