:root{--ba-dark:#17202d;--ba-blue:#296fd5;--ba-green:#1eb685;--ba-red:#dc5e55;--ba-amber:#efa745;--ba-ink:#203044;--ba-muted:#69798a;--ba-paper:#f2f5f7;--ba-line:#ced8df;--ba-white:#fff;--shadow:0 20px 55px rgba(25,50,78,.13)}
body{color:var(--ba-ink);background:#f2f5f7;background-image:linear-gradient(90deg,rgba(41,111,213,.035) 1px,transparent 1px);background-size:50% 100%}.container{width:min(1220px,calc(100% - 42px))}
.announcement{min-height:39px;background:linear-gradient(90deg,#3d4653 0 50%,#173a36 50%);border-bottom:3px solid var(--ba-green)}.announcement:before{content:"AI 2.0";color:#fff;background:var(--ba-red);border-radius:3px}.announcement b{color:#8cdbca}.header{height:73px;background:rgba(255,255,255,.96);border-color:#d8e0e6;box-shadow:none}.logo{color:var(--ba-dark)}.logo-mark{border-radius:4px;background:linear-gradient(90deg,#78818b 0 50%,var(--ba-green) 50%);box-shadow:none}.logo-mark:before{border-radius:2px}.navlinks a:hover,.navlinks a.active{color:var(--ba-blue);border-color:var(--ba-green);background:#eef3f5}.btn{border-radius:4px;box-shadow:none}.btn-dark,.btn-orange{color:#fff;background:var(--ba-blue);border-color:var(--ba-blue)}.btn-orange{background:var(--ba-green);border-color:var(--ba-green)}
.hero{min-height:730px;padding:88px 0;background:linear-gradient(90deg,#f1f2f3 0 50%,#eaf6f2 50%);border-bottom:1px solid var(--ba-line)}.hero:before{width:50%;height:100%;right:0;top:0;border-radius:0;background:radial-gradient(circle at 60% 40%,rgba(30,182,133,.18),transparent 52%)}.hero:after{content:"BEFORE  ◀  |  ▶  AFTER";right:3%;bottom:14px;color:rgba(23,32,45,.12);font-size:20px;font-weight:900;letter-spacing:.1em}.hero-grid{grid-template-columns:.9fr 1.1fr;gap:64px}.eyebrow{color:var(--ba-blue)}.eyebrow:before{width:30px;height:4px;border-radius:0;background:linear-gradient(90deg,var(--ba-red) 0 50%,var(--ba-green) 50%)}.hero h1{color:var(--ba-dark);font-size:clamp(54px,6.4vw,83px)}.hero h1 span{background:linear-gradient(135deg,var(--ba-blue),var(--ba-green));-webkit-background-clip:text}.lead{color:#596c7d}.micro{color:#718293}.visual{padding:0}.visual-frame{padding:44px 10px 10px;border:2px solid var(--ba-dark);border-radius:4px;background:#fff;box-shadow:13px 13px 0 #c9d5db}.visual-frame:before{content:"实时画质对比 / 拖动视角";top:13px;color:#4c5d6e}.visual-frame:after{content:"AI ENHANCEMENT ON";top:12px;color:var(--ba-green);font-size:9px}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--ba-dark);border:2px solid var(--ba-dark)}.before-after>div{position:relative;overflow:hidden}.before-after span{position:absolute;z-index:2;left:10px;top:10px;padding:4px 8px;color:#fff;background:var(--ba-red);border-radius:2px;font-size:9px;font-weight:900}.before-after>div:last-child span{background:var(--ba-green)}.before-after img{width:100%;height:360px;object-fit:cover;border:0;border-radius:0}.before-after>div:first-child img{filter:grayscale(.9) blur(.7px) brightness(.82)}.before-after>div:last-child img{filter:saturate(1.08) contrast(1.08) brightness(1.04)}.metal-node{border-radius:3px}.node-a{background:#f0f1f2}.node-b{color:#fff;background:var(--ba-green)}.node-dot{border-radius:1px;background:var(--ba-red)}
.metrics{background:linear-gradient(90deg,#4b5663 0 50%,#154a40 50%);border:0}.metric{border-color:rgba(255,255,255,.25)}.metric:after{left:0;width:100%;height:4px;background:var(--ba-green)}.metric:nth-child(-n+2):after{background:var(--ba-red)}.metric strong{color:#fff}.metric span{color:#c1cbd1}.logo-belt{padding:74px 0;background:#fff}.logo-belt p{text-align:left}.logo-matrix{gap:14px}.logo-matrix span{min-height:180px;padding:28px 24px;border-radius:5px;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:nth-child(odd){border-top:4px solid var(--ba-red)}.logo-matrix span:nth-child(even){border-top:4px solid var(--ba-green)}.logo-matrix span:before{content:"查看提升 →";color:var(--ba-blue)}.logo-matrix small{color:var(--ba-green)}.logo-matrix b{color:var(--ba-dark)}
.section{padding:104px 0}.section.white{background:#fff}.section-head h2{color:var(--ba-dark)}.section-head p{color:var(--ba-muted)}.grid-6{gap:16px}.feature{min-height:285px;padding:31px;border-radius:5px;box-shadow:none}.feature:before{content:"AFTER";color:var(--ba-green)}.feature:after{left:0;right:0;height:4px;background:var(--ba-green)}.feature:nth-child(odd):before{content:"BEFORE → AFTER";color:var(--ba-blue)}.feature:nth-child(odd):after{background:linear-gradient(90deg,var(--ba-red),var(--ba-green))}.ficon{margin-bottom:46px;border-radius:3px;color:var(--ba-blue);background:#edf2f5}.feature p{color:var(--ba-muted)}.more{color:var(--ba-blue)}
.section.dark{background:var(--ba-dark)}.scene{min-height:450px;background:#222f3e;border-color:#3c4c5d;border-radius:5px;box-shadow:none}.scene-media:after{background:linear-gradient(90deg,rgba(60,68,76,.15),#222f3e)}.scene:nth-child(even) .scene-media:after{background:linear-gradient(-90deg,rgba(20,92,74,.15),#222f3e)}.scene-media img{filter:grayscale(.45) saturate(.65)}.scene:nth-child(even) .scene-media img{filter:saturate(.95) contrast(1.05)}.scene-copy{padding:50px}.scene-no{color:var(--ba-green)}.scene p{color:#bcc7d2}.tags span{border-radius:3px}.compare-wrap{border-radius:5px;box-shadow:var(--shadow)}.compare thead th{color:#fff;background:var(--ba-dark)}.compare .ours{color:#087759;background:#ddf2eb}.yes{color:var(--ba-green)}.reviews{gap:16px}.review{padding:31px;border-radius:5px;box-shadow:none}.review:before{content:"RESULT";color:var(--ba-green)}.review:after{left:0;right:0;background:linear-gradient(90deg,var(--ba-red),var(--ba-green))}.avatar{border-radius:3px;background:var(--ba-green)}
.faq{gap:70px}.faq-list{border-radius:5px;box-shadow:none}summary:after{border-radius:3px;background:var(--ba-blue)}details[open] summary:after{background:var(--ba-green)}.cta{background:linear-gradient(90deg,#44515e 0 50%,var(--ba-green) 50%);border:0}.cta:before{border-radius:0}.cta:after{content:"BEFORE / AFTER";font-size:82px}.cta .btn-dark{color:var(--ba-dark);background:#fff;border-color:#fff}.articles{gap:16px}.article{border-radius:5px;box-shadow:none}.article:before{left:0;right:0;background:linear-gradient(90deg,var(--ba-red),var(--ba-green))}.article-cover img{filter:grayscale(.5) saturate(.7)}.footer{background:#111923;border-top:4px solid var(--ba-green)}
.page-hero{padding:90px 0;background:linear-gradient(90deg,#f1f2f3 0 50%,#eaf6f2 50%);border-bottom:3px solid var(--ba-green)}.page-hero:before{content:"A/B";top:-170px;color:rgba(30,182,133,.08)}.page-hero:after{content:"BEFORE SETUP / AFTER CONNECTION";color:rgba(23,32,45,.07)}.page-hero h1{color:var(--ba-dark)}.downloads{gap:16px}.download-card{min-height:380px;border-radius:5px;box-shadow:none}.download-card:nth-child(odd){border-top:4px solid var(--ba-red)}.download-card:nth-child(even),.download-card.featured{border-top:4px solid var(--ba-green)}.download-card.featured{border-color:var(--ba-green);box-shadow:8px 8px 0 #cfe1da}.download-card.featured:before{color:var(--ba-green)}.badge{border-radius:3px;color:var(--ba-green)}.download-card:after{color:var(--ba-green)}.download-banner{border-radius:5px;background:#222f3e}.steps{gap:16px}.step{border-radius:5px;box-shadow:none}.step b{color:var(--ba-green)}.searchbox{border-radius:4px;box-shadow:none}.help-side,.help-card{border-radius:5px;box-shadow:none}.help-side b{border-color:var(--ba-green)}.help-card:after{color:var(--ba-green)}
@media(max-width:920px){.hero{background:#fff}.hero-grid{grid-template-columns:1fr}.logo-matrix{grid-template-columns:repeat(2,1fr)}.scene-media:after,.scene:nth-child(even) .scene-media:after{background:linear-gradient(0deg,#222f3e,transparent 52%)}}
@media(max-width:620px){.announcement{background:#27343f}.hero{padding:62px 0}.hero h1{font-size:48px}.before-after{grid-template-columns:1fr}.before-after img{height:240px}.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}.cta{background:var(--ba-green)}.page-hero{padding:62px 0;background:#fff}}
