/* 与浮生云后台统一的官网视觉层：浅色、品牌蓝、柔和圆角 */
:root{
  --ink:#262b33;
  --ink-2:#303741;
  --ink-3:#3d4652;
  --lime:#1677ff;
  --lime-2:#4096ff;
  --paper:#f5f7fa;
  --paper-2:#ffffff;
  --line:#e4e7ed;
  --muted:#6b7280;
  --white:#ffffff;
  --success:#22b573;
  --shadow:0 12px 34px rgba(35,55,80,.08);
}

body{background:#f5f7fa;color:#30343b}
.section-dark{background:#f6f9ff;color:#30343b}
.section-index{color:#8a94a3}
.section-dark .section-index{color:#7c8ba1}
.button{border-radius:10px;gap:20px;box-shadow:none}
.button-accent{background:#1677ff;color:#fff;box-shadow:0 8px 20px rgba(22,119,255,.18)}
.button-accent:hover{background:#4096ff;box-shadow:0 10px 24px rgba(22,119,255,.24)}
.button-ghost{background:#fff;color:#3f4a59;border:1px solid #dfe4ec}
.button-ghost:hover{background:#f4f7fb;border-color:#b8c6da}
.button-text-light{color:#1677ff}
.arrow-link{color:#1677ff}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#1677ff}

.site-header{background:rgba(255,255,255,.92);color:#30343b;border-bottom:1px solid #e4e7ed;box-shadow:0 2px 14px rgba(37,54,74,.04)}
.brand-mark{color:#111}.brand-mark img,.dash-logo img,.map-center img{filter:none}
.brand-sub{color:#8d96a3;border-color:#dfe3e9}
.site-nav a{color:#5d6571}.site-nav a:hover{color:#1677ff}
.text-action{color:#4e5866}

.hero{background:linear-gradient(150deg,#fff 0%,#f4f8ff 55%,#edf4ff 100%);color:#2c3139}
.hero-grid,.security-grid,.cta-grid{background-image:linear-gradient(rgba(83,125,184,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(83,125,184,.055) 1px,transparent 1px);mask-image:linear-gradient(to bottom,black,transparent 90%)}
.hero-orbit{border-color:rgba(22,119,255,.09)}
.eyebrow{color:#64748b}.status-dot,.live-dot{background:#1677ff;box-shadow:0 0 0 5px rgba(22,119,255,.1)}
.hero-layout{grid-template-columns:minmax(430px,.9fr) minmax(0,1.1fr);gap:clamp(42px,4vw,66px)}
.hero-copy,.hero-console{min-width:0}
.hero h1{font-size:clamp(54px,4.7vw,68px);line-height:1.08;letter-spacing:-.055em;font-weight:620;color:#2c3139}
.hero h1 span,.hero h1 em{display:block;white-space:nowrap}
.hero h1 em{color:#1677ff}
.hero-lead{color:#667085}.hero-proof{border-color:#e0e6ef}.hero-proof span{color:#768192}.hero-proof i{color:#9aa5b3}
.console-frame{background:#fff;color:#30343b;border:1px solid #e3e8f0;border-radius:20px;box-shadow:0 28px 70px rgba(53,82,120,.14);overflow:hidden}
.ai-product-shot{display:block;width:100%;height:auto;background:#fff;border:1px solid #e3e8f0;box-shadow:0 28px 70px rgba(53,82,120,.14);object-fit:cover}
.ai-room-shot{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:20px}
.hero-console>.console-frame{display:none}
.console-topbar{border-color:#edf0f4;color:#778291;background:#fafbfc}
.live-dot{box-shadow:none;background:#22b573}.console-body{background:#fff}.stream-panel{border-color:#edf0f4}
.stream-visual{border-radius:14px;background:linear-gradient(145deg,#ddebff,#eef5ff 62%,#d8e9ff)}
.stream-noise{background:radial-gradient(circle at 65% 40%,rgba(22,119,255,.18),transparent 25%),linear-gradient(115deg,transparent 45%,rgba(255,255,255,.55) 46%,transparent 47%)}
.stream-tag{color:#3972ba;border-color:#a6c9f5;background:rgba(255,255,255,.72);border-radius:7px}
.stream-center{color:#3b5779}.play-pulse{background:#fff;border-color:#86b9f7;color:#1677ff;box-shadow:0 10px 28px rgba(22,119,255,.14)}
.stream-footer{color:#647d9e}.signal-strip{border-color:#edf0f4;border-radius:10px;overflow:hidden}.signal-strip>div{border-color:#edf0f4}.signal-strip span{color:#8a94a3}.signal-strip .success{color:#22b573}
.console-side{background:#fbfcfe}.side-title{color:#7d8794}.side-title em{color:#1677ff}.metric-main{border-color:#e8ecf1}.mini-bars i{background:#69a8ff;border-radius:5px 5px 2px 2px}.flow-list{border-color:#edf0f4}.flow-list>div{border-color:#edf0f4}.flow-icon{border-radius:8px;background:#eaf3ff;color:#1677ff}.flow-list p{color:#7d8794}.flow-list strong{color:#30343b}
.console-badge{border-radius:12px;background:#1677ff;color:#fff;box-shadow:0 14px 34px rgba(22,119,255,.2)}.console-badge.badge-two{background:#fff;color:#30343b;border:1px solid #e1e6ed}
.hero-bottom{border-color:#e3e8ef;background:rgba(255,255,255,.7)}.trust-row p{color:#7a8492}.industry-ticker{color:#505b68}
.metrics-band{background:#fff;color:#30343b;border-top:1px solid #e7ebf0;border-bottom:1px solid #e7ebf0}.metric{border-color:#e7ebf0}.metric p{color:#7a8491}.metric strong{color:#1677ff}

.light-section,.solutions-section,.service-section{background:#f5f7fa}.section-head p,.product-copy>p,.technology-title p,.service-intro p{color:#727c89}
.lifecycle{gap:18px}.phase{background:#fff;border:1px solid #e5e9ef;border-radius:18px;box-shadow:0 10px 30px rgba(36,54,76,.055)}.phase-wide{background:linear-gradient(160deg,#fff,#f0f6ff)}.phase-dark{background:linear-gradient(150deg,#edf5ff,#fff);color:#30343b}.phase-dark .phase-num{color:#7b8797}.phase p,.phase-dark p{color:#717c89}.funnel-visual path{stroke:#91b8ea}.funnel-visual circle{fill:#7daeea}.funnel-visual circle:last-child{fill:#1677ff;stroke:#fff}.interaction-stack span{border-radius:10px;border:1px solid #e4e9f0;box-shadow:0 8px 24px rgba(48,73,104,.07)}.interaction-stack b{color:#1677ff}.data-rings i{border-color:#a9c7ed}.data-rings i:nth-child(3){background:rgba(22,119,255,.07);border-color:#1677ff}.data-rings span{color:#1677ff}

.product-section,.technology-section{background:#eef2f6}.check-list li{border-color:#d8dee7}.check-list p{color:#727c89}.dashboard{background:#fff;color:#30343b;border:1px solid #e2e7ee;border-radius:18px;box-shadow:0 22px 60px rgba(45,66,92,.12);overflow:hidden}
.ai-dashboard-shot{aspect-ratio:1.68/1;border-radius:18px}
.dashboard-wrap>.dashboard{display:none}
.dash-sidebar{border-color:#e8ecf2;background:#fafbfc}.dash-logo{border-radius:9px;background:#e8f2ff}.dash-sidebar i{border-color:#b7c0cd;border-radius:5px}.dash-sidebar i.on{border-color:#1677ff}.dash-sidebar i.on:after{background:#1677ff;border-radius:2px}
.dash-head{color:#7d8794}.dash-head>div span{color:#30343b}.dash-head small{color:#8a94a3}.dash-cards>div,.dash-chart,.dash-source{background:#f8fafc;border-color:#e7ebf0;border-radius:11px}.dash-cards small,.chart-title span{color:#7d8794}.dash-cards em{color:#1677ff}.dash-chart .line{stroke:#1677ff}.donut{background:conic-gradient(#1677ff 0 68%,#72adf5 68% 89%,#d8e6f7 89%)}.donut:before{background:#f8fafc}.dash-source li i{background:#1677ff}.dash-source li:nth-child(2) i{background:#72adf5}.dash-source li:nth-child(3) i{background:#d8e6f7}.dash-source b{color:#4e5866}

.security-section{background:linear-gradient(160deg,#f7faff,#eaf2ff);color:#30343b}
.security-head h2{color:#2d3440}.security-head p{color:#6e7b8d}.deployment-map{border-color:#dce6f2;background:rgba(255,255,255,.78);border-radius:22px;box-shadow:0 18px 48px rgba(46,78,119,.08)}
.map-label{color:#8090a4}.map-center{background:#fff;border-color:#86b8f6;box-shadow:0 0 0 18px rgba(22,119,255,.04),0 15px 35px rgba(52,89,137,.12)}.map-center img{width:42px}.map-center small{color:#778596}.map-lines path{stroke:#8cb3e2}.deploy-node{border-color:#dce5ef;background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(46,72,106,.07)}.deploy-node i{color:#1677ff}.deploy-node span{color:#788495}
.security-list article{border-color:#d6e0ec}.security-code{color:#1677ff}.security-list p{color:#6f7c8c}.security-cert-row{border-color:#d7e1ec;background:rgba(255,255,255,.7);border-radius:14px;overflow:hidden}.security-cert-row span{border-color:#d7e1ec;color:#667386}

.solution-shell{border:1px solid #e1e6ed;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(38,58,83,.055)}.solution-tabs{background:#fff;border-color:#e4e8ef}.solution-tabs button{border-color:#e4e8ef;color:#737e8c}.solution-tabs button[aria-selected=true]{color:#1677ff;background:#f1f6ff}.solution-tabs button[aria-selected=true]:after{background:#1677ff}.solution-content{background:#fff}.solution-tags span{border-color:#dce3ec;border-radius:8px;background:#f8fafc}.solution-visual{background:linear-gradient(145deg,#dceaff,#f1f6ff)}.solution-visual:before{border-color:#b7d2f3}.phone{background:#303844;border-color:#303844;border-radius:38px;box-shadow:0 28px 60px rgba(46,74,109,.2)}.phone-screen{background:linear-gradient(155deg,#b8d5f9,#6fa6e8 60%);border-radius:28px}.phone-live{background:#1677ff;color:#fff;border-radius:6px}.host-shape{background:linear-gradient(#e5f0ff,#8fb8ea);border-radius:90px 90px 16px 16px}.product-float{border-radius:12px}.customer-card{background:#1677ff;color:#fff;border-radius:12px;box-shadow:0 18px 38px rgba(22,119,255,.24)}
.phone{width:clamp(240px,48%,300px);height:auto;aspect-ratio:941/1672;transform:rotate(1.5deg)}
.phone-screen{height:100%;border-radius:29px}
.ai-mobile-shot{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .22s ease-out}
.ai-mobile-shot.is-changing{opacity:.25}

.tech-specs article{border-color:#d7dee7}.tech-specs p{color:#727c89}.tech-specs article>strong{color:#1677ff;background:#e8f2ff;padding:8px 10px;border-radius:8px}.integration-rail{border-color:#d7dee7;border-radius:14px;background:#fff}.integration-rail span{border-color:#e1e6ed;color:#596575}
.service-timeline:before{background:#cdd7e3}.service-timeline i{background:#fff;border-color:#bdc8d6}.service-timeline article:nth-child(4) i{background:#1677ff;border-color:#1677ff;color:#fff}.service-timeline p{color:#74808d}
.faq-section{background:#eef2f6}.faq-list details{border-color:#d5dce5;background:#fff;padding-inline:22px}.faq-list details:first-child{border-radius:14px 14px 0 0}.faq-list details:last-child{border-radius:0 0 14px 14px}.faq-list details p{color:#6d7886}
.final-cta{background:linear-gradient(135deg,#edf5ff,#fff);color:#30343b}.final-cta p{color:#6c7888}.site-footer{background:#fff;color:#77808d;border-top:1px solid #e3e8ef}.footer-top{border-color:#e3e8ef}.brand-footer{color:#30343b}.footer-links strong{color:#30343b}.footer-links a,.footer-links button{color:#747e8b}.wechat-float{background:#1677ff;color:#fff;border-radius:16px;box-shadow:0 14px 34px rgba(22,119,255,.25)}

.modal-backdrop{background:rgba(35,45,60,.48)}.modal-panel{border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 32px 90px rgba(37,55,79,.2)}.modal-close{border-radius:10px}.qr-code{border-radius:14px;border-color:#dce3eb;overflow:hidden}.qr-code img{display:block;width:100%;height:100%;object-fit:cover;border-radius:9px}.form-side{background:linear-gradient(145deg,#1677ff,#4d9dff)}.lead-form input,.lead-form select{background:#f8fafc;border-color:#dce2ea;border-radius:9px}.success-mark{background:#e7f7ef;color:#22a966}.modal-kicker{color:#7b8797}

@media(max-width:820px){
  .site-header{background:#fff}.menu-toggle span{background:#30343b}.site-nav{background:#fff;border-color:#e4e7ed;box-shadow:0 18px 35px rgba(45,61,82,.1)}.site-nav a{border-color:#edf0f4;color:#4f5966}
  .hero-layout{padding-top:52px}.console-frame{border-radius:16px}.phase{border-radius:15px}.solution-tabs button:nth-child(3){border-color:#e4e8ef}.solution-content{border-radius:0}.solution-visual{min-height:620px}.phone{width:min(68vw,280px)}
}

@media(max-width:540px){
  .button{border-radius:10px}.hero h1{font-size:clamp(38px,10.8vw,44px);line-height:1.1;letter-spacing:-.05em}.deployment-map{border-radius:16px}.deploy-node{border-radius:10px}.security-cert-row{border-radius:12px}.modal-panel{border-radius:16px}.solution-visual{min-height:560px}.phone{width:min(72vw,258px);border-width:6px;border-radius:32px}.phone-screen{border-radius:25px}.customer-card{right:3%;bottom:7%;padding:12px 14px}
}

@media(max-width:1080px){
  .hero-layout{grid-template-columns:1fr;padding:72px 0 64px;gap:58px}
  .hero-copy{max-width:760px}
  .hero-console{width:100%;max-width:900px;margin-inline:auto}
  .hero h1{font-size:clamp(52px,7vw,68px)}
}

@media(max-width:820px){
  .hero-layout{padding:56px 0 48px;gap:42px}
  .hero h1{font-size:clamp(40px,10.8vw,56px)}
  .ai-room-shot{border-radius:15px}
}

@media(max-width:380px){
  .hero h1{font-size:37px}
  .hero-proof{grid-template-columns:1fr}
}

.floating-actions{position:fixed;right:20px;bottom:24px;z-index:60;display:flex;flex-direction:column;gap:10px}
.service-float,.backtop-float{width:62px;min-height:62px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:transform .25s var(--ease),opacity .25s var(--ease),background .25s;border:0;box-shadow:0 14px 34px rgba(22,119,255,.2)}
.service-float{background:#1677ff;color:#fff}
.service-float:hover{background:#4096ff;transform:translateY(-4px)}
.backtop-float{background:#fff;color:#4d5968;border:1px solid #dfe5ed;opacity:0;pointer-events:none;transform:translateY(8px)}
.backtop-float.is-visible{opacity:1;pointer-events:auto;transform:none}
.backtop-float:hover{color:#1677ff;border-color:#a9caf5;transform:translateY(-3px)}
.service-float svg,.backtop-float svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.service-float em,.backtop-float em{font-style:normal;font-size:9px;font-weight:700}

@media(max-width:540px){
  .floating-actions{right:12px;bottom:12px}
  .service-float,.backtop-float{width:56px;min-height:56px;border-radius:14px}
}