:root{--focus-blue:#4865f5;--focus-purple:#7655ef;--focus-coral:#ff6c54;--focus-green:#20b77a;--focus-ink:#20243a;--focus-muted:#6d7386;--focus-paper:#f7f8fc;--focus-line:#dfe3ee;--focus-white:#fff;--shadow:0 22px 65px rgba(55,69,142,.14)}
body{color:var(--focus-ink);background:#f7f8fc;background-image:radial-gradient(circle at 50% 0,rgba(72,101,245,.12),transparent 32%),radial-gradient(circle at 10% 30%,rgba(118,85,239,.06),transparent 25%)}.container{width:min(1160px,calc(100% - 40px))}
.announcement{min-height:38px;background:linear-gradient(90deg,#273064,#3f3977);border-bottom:0}.announcement:before{content:"NEW";color:#fff;background:var(--focus-coral);border-radius:12px}.announcement b{color:#cbd2ff}.header{height:70px;background:rgba(255,255,255,.93);border-color:#e3e5ed;box-shadow:0 6px 22px rgba(45,54,108,.07)}.logo{color:#252942}.logo-mark{border-radius:50%;background:linear-gradient(145deg,var(--focus-blue),var(--focus-purple));box-shadow:0 8px 20px rgba(72,101,245,.25)}.logo-mark:before{border-radius:50%}.navlinks a:hover,.navlinks a.active{color:var(--focus-blue);border-color:var(--focus-blue);background:transparent}.btn{border-radius:24px;box-shadow:none}.btn:hover{box-shadow:0 12px 28px rgba(55,69,142,.15)}.btn-dark,.btn-orange{color:#fff;background:linear-gradient(135deg,var(--focus-blue),var(--focus-purple));border-color:transparent}.btn-orange{background:linear-gradient(135deg,#ff765d,#ff5547)}
.hero{min-height:950px;padding:78px 0 95px;text-align:center;background:linear-gradient(180deg,#fff 0,#f1f3ff 68%,#f7f8fc 100%);border:0}.hero:before{width:720px;height:720px;right:50%;top:-420px;transform:translateX(50%);background:radial-gradient(circle,rgba(99,109,242,.25),rgba(118,85,239,.08) 55%,transparent 70%)}.hero:after{content:"FOCUS · CLICK · CONNECT";right:50%;bottom:28px;transform:translateX(50%);color:rgba(72,86,160,.08);font-size:24px;white-space:nowrap}.hero-grid{grid-template-columns:1fr;gap:56px;justify-items:center}.hero-grid>div:first-child{max-width:880px}.eyebrow{justify-content:center;color:var(--focus-blue)}.eyebrow:before{width:9px;height:9px;border-radius:50%;background:var(--focus-coral)}.hero h1{margin:24px 0 25px;font-size:clamp(58px,8vw,96px);line-height:.98}.hero h1 span{background:linear-gradient(90deg,var(--focus-blue),var(--focus-purple));-webkit-background-clip:text}.lead{max-width:780px;margin:0 auto;color:#626a80;font-size:18px}.hero-actions{position:relative;justify-content:center;margin:38px 0 18px}.hero-actions .btn{min-width:220px;min-height:58px}.hero-actions .btn-orange{position:relative;z-index:2;box-shadow:0 16px 38px rgba(255,91,72,.3),0 0 0 8px rgba(255,103,82,.09)}.micro{color:#777e92}.visual{width:min(860px,100%);padding:0}.visual-frame{padding:40px 10px 10px;border:0;border-radius:18px;box-shadow:0 36px 90px rgba(48,59,129,.23),0 0 0 1px #d2d7e7}.visual-frame:before{content:"向日葵智能远控 · 准备连接";left:50%;transform:translateX(-50%);top:10px}.visual-frame:after{display:none}.visual-frame img{border-radius:11px}.metal-node{border-radius:20px}.node-a{left:-25px}.node-b{right:-25px}.node-dot{background:var(--focus-green)}
.metrics{position:relative;z-index:3;margin-top:-55px;background:transparent;border:0}.metric-grid{background:#fff;border:1px solid #dce0eb;border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.metric{border-color:#e2e5ed}.metric:first-child{border-left:0}.metric:after{left:50%;transform:translateX(-50%);width:28px;height:3px;background:var(--focus-coral)}.metric strong{color:#2b3152}.metric span{color:#777e91}.logo-belt{padding:95px 0 74px;background:#fff}.logo-belt p{text-align:center}.logo-matrix{gap:13px}.logo-matrix span{min-height:175px;padding:26px 22px;text-align:center;align-items:center;border-radius:15px;box-shadow:none}.logo-matrix span:nth-child(2){border:1px solid #d6dae6;transform:none}.logo-matrix span:nth-child(2):after{display:none}.logo-matrix span:before{content:"立即体验 →";color:var(--focus-blue)}.logo-matrix small{color:var(--focus-coral)}.logo-matrix b{color:#2b3150}
.section{padding:100px 0}.section-head{display:block;text-align:center;margin-bottom:48px}.section-head h2{margin-left:auto;margin-right:auto}.section-head p{max-width:650px;margin:18px auto 0}.section-head .eyebrow{display:flex}.section.dark{background:linear-gradient(145deg,#242950,#3b336a)}.grid-6{gap:15px}.feature{min-height:270px;padding:30px;text-align:center;border-radius:15px;box-shadow:none}.feature:after{left:25%;right:25%;height:3px;background:linear-gradient(90deg,var(--focus-blue),var(--focus-purple))}.feature:before{content:"✓";color:var(--focus-green)}.ficon{margin:0 auto 39px;border-radius:50%;color:var(--focus-blue);background:#eef0ff}.feature p{color:var(--focus-muted)}.more{color:var(--focus-blue)}
.scenes{gap:22px}.scene{min-height:410px;border-radius:18px;box-shadow:none}.scene-copy{text-align:left}.scene-media:after{background:linear-gradient(90deg,transparent 65%,rgba(57,53,103,.94))}.scene:nth-child(even) .scene-media:after{background:linear-gradient(-90deg,transparent 65%,rgba(57,53,103,.94))}.scene-no{color:#aeb8ff}.tags span{border-radius:14px}.compare-wrap{border-radius:15px}.compare .ours{color:var(--focus-blue);background:#eeefff}.yes{color:var(--focus-green)}.reviews{gap:15px}.review{padding:30px;text-align:center;border-radius:15px;box-shadow:none}.review:after{left:30%;right:30%;background:var(--focus-coral)}.quote{min-height:145px}.person{justify-content:center;text-align:left}.avatar{border-radius:50%;background:linear-gradient(145deg,var(--focus-blue),var(--focus-purple))}
.faq{grid-template-columns:1fr;max-width:880px;margin:auto;text-align:center;gap:35px}.faq-list{text-align:left;border-radius:16px;box-shadow:none}summary:after{background:var(--focus-blue)}details[open] summary:after{background:var(--focus-coral)}.cta{text-align:center;background:linear-gradient(135deg,var(--focus-blue),var(--focus-purple));border:0}.cta:before{right:50%;transform:translateX(50%)}.cta:after{content:"ONE CLICK AWAY";right:50%;transform:translateX(50%);font-size:78px;white-space:nowrap}.cta-inner{display:flex;flex-direction:column;align-items:center}.cta .btn-dark{min-width:220px;color:var(--focus-blue);background:#fff;border-color:#fff}.articles{gap:15px}.article{text-align:center;border-radius:15px;box-shadow:none}.article:before{left:35%;right:35%;background:var(--focus-coral)}.article-cover img{filter:saturate(.75);border-radius:15px 15px 0 0}.footer{background:#191d35;border-top:4px solid var(--focus-blue)}
.page-hero{padding:88px 0 75px;text-align:center;background:linear-gradient(180deg,#fff,#eff1ff);border:0}.page-hero:before{content:"GO";right:50%;transform:translateX(50%);top:-160px;color:rgba(72,101,245,.06)}.page-hero:after{content:"CHOOSE · CLICK · START";right:50%;transform:translateX(50%);white-space:nowrap}.page-hero h1{margin-left:auto;margin-right:auto}.page-hero p{margin-left:auto;margin-right:auto}.page-hero .eyebrow{display:flex}.downloads{gap:15px}.download-card{min-height:350px;text-align:center;align-items:stretch;border-radius:15px;box-shadow:none}.download-card.featured{border-color:var(--focus-blue);box-shadow:0 20px 55px rgba(72,101,245,.14)}.download-card.featured:before{color:var(--focus-coral)}.platform{justify-content:center;gap:12px}.download-card ul{text-align:left}.badge{border-radius:14px;color:var(--focus-blue)}.download-card:after{color:var(--focus-green)}.download-banner{border-radius:18px}.download-banner>div{text-align:center}.steps{gap:15px}.step{text-align:center;border-radius:15px;box-shadow:none}.step b{color:var(--focus-blue)}.searchbox{margin-left:auto;margin-right:auto;border-radius:28px}.help-side,.help-card{border-radius:15px;box-shadow:none}.help-side b{border-color:var(--focus-blue)}.help-card{text-align:center}.help-card:after{color:var(--focus-green)}.help-group>.eyebrow{display:flex}
@media(max-width:920px){.hero{min-height:auto}.logo-matrix{grid-template-columns:repeat(2,1fr)}.scene-media:after,.scene:nth-child(even) .scene-media:after{background:linear-gradient(0deg,rgba(57,53,103,.94),transparent 50%)}}
@media(max-width:620px){.hero{padding:60px 0 80px}.hero h1{font-size:49px}.hero-actions{flex-direction:column}.node-a,.node-b{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.logo-matrix,.grid-6{grid-template-columns:1fr}.section{padding:72px 0}.scene-copy{padding:32px 24px}.page-hero{padding:62px 0}.cta:after{font-size:48px}}
