*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;background:#0b0e13;color:#eef2f7;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none;transition:color .25s}ul{list-style:none}button{font-family:inherit;border:none;cursor:pointer;background:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:88px 0;position:relative}.section-head{text-align:center;max-width:760px;margin:0 auto 52px}.section-head .kicker{display:inline-block;font-size:13px;letter-spacing:3px;color:#25f4ee;text-transform:uppercase;margin-bottom:14px;font-weight:600}.section-head h2{font-size:34px;font-weight:800;line-height:1.3;margin-bottom:14px}.section-head p{color:#9aa7b8;font-size:16px}.grad-text{background:linear-gradient(120deg,#25f4ee 10%,#7b68ee 50%,#fe2c55 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:16px;border-radius:999px;padding:14px 30px;transition:transform .25s,box-shadow .25s,filter .25s;white-space:nowrap}
a.btn{text-decoration:none;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-grad{background:linear-gradient(120deg,#25f4ee,#fe2c55);color:#0b0e13;box-shadow:0 8px 24px rgba(254,44,85,.35)}.btn-grad:hover{filter:brightness(1.08);box-shadow:0 12px 32px rgba(254,44,85,.45)}.btn-ghost{border:1px solid rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.05);backdrop-filter:blur(6px)}.btn-ghost:hover{border-color:#25f4ee;color:#25f4ee}.btn-sm{padding:10px 20px;font-size:14px}.btn-lg{padding:17px 38px;font-size:17px}
#navbar{position:fixed;top:0;left:0;right:0;z-index:999;transition:background .35s,box-shadow .35s,backdrop-filter .35s;background:transparent;padding:0}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:68px}.nav-logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:.5px;color:#fff}.nav-logo img{width:36px;height:36px;border-radius:9px;object-fit:cover}.nav-links{display:flex;align-items:center;gap:6px}.nav-item{position:relative}.nav-item>a{display:flex;align-items:center;gap:6px;padding:10px 16px;font-size:15px;font-weight:600;color:#dbe3ee;border-radius:10px}.nav-item>a:hover{color:#25f4ee}.nav-item .arrow{font-size:10px;transition:transform .3s}.nav-item:hover .arrow{transform:rotate(180deg)}.dropdown{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(10px);background:#fff;color:#1c2431;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.35);padding:10px;min-width:220px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,transform .3s,visibility .3s}.nav-item:hover .dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.dropdown a{display:block;padding:11px 16px;border-radius:10px;font-size:14px;font-weight:600;color:#39424f}.dropdown a:hover{background:#f0f4fa;color:#fe2c55}.nav-cta{display:flex;align-items:center;gap:12px}#navbar.scrolled{background:rgba(8,10,15,.86);backdrop-filter:blur(14px);box-shadow:0 6px 24px rgba(0,0,0,.45)}.hamburger{display:none;flex-direction:column;gap:5px;padding:8px}.hamburger span{display:block;width:26px;height:2.5px;background:#fff;border-radius:2px;transition:transform .3s,opacity .3s}.hamburger.active span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
.hero{position:relative;padding:150px 0 96px;overflow:hidden;background:radial-gradient(1000px 500px at 15% 0%,rgba(37,244,238,.14),transparent 60%),radial-gradient(900px 480px at 85% 20%,rgba(254,44,85,.16),transparent 60%),#0b0e13}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center}.hero h1{font-size:52px;font-weight:900;line-height:1.18;margin-bottom:22px}.hero .sub{font-size:18px;color:#b9c4d4;max-width:540px;margin-bottom:34px}.hero-btns{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:44px}.hero-stats{display:flex;gap:40px;flex-wrap:wrap}.stat .num{font-size:32px;font-weight:900;color:#fff}.stat .num em{font-style:normal;color:#25f4ee;font-size:22px}.stat .label{font-size:14px;color:#8b99ad;margin-top:4px}.hero-float{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;animation:floaty 9s ease-in-out infinite}.hero-float.f1{width:340px;height:340px;background:#25f4ee;top:-80px;right:8%}.hero-float.f2{width:280px;height:280px;background:#fe2c55;bottom:-60px;left:4%;animation-delay:-4s}@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-34px)}}
.phone-wrap{display:flex;justify-content:center;position:relative}.phone{width:300px;max-width:82vw;height:612px;background:#10131a;border-radius:42px;border:3px solid #2a3040;box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 10px rgba(255,255,255,.03);overflow:hidden;position:relative}.phone-notch{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:120px;height:22px;background:#10131a;border-radius:0 0 14px 14px;z-index:5}.phone-screen{position:absolute;inset:0;overflow:hidden}.feed-item{position:absolute;inset:0;opacity:0;transition:opacity .45s,transform .45s;transform:scale(.96)}.feed-item.on{opacity:1;transform:scale(1)}.feed-item .f-bg{position:absolute;inset:0}.feed-item .f-bg.g1{background:linear-gradient(160deg,#1a0533,#0d2b4d 60%,#05262e)}.feed-item .f-bg.g2{background:linear-gradient(160deg,#33071f,#3d0d3f 55%,#1a0936)}.feed-item .f-bg.g3{background:linear-gradient(160deg,#052436,#123a2c 60%,#0d3a52)}.feed-item .f-bg.g4{background:linear-gradient(160deg,#2e0d05,#4d1a12 55%,#3a1023)}.feed-item .f-orb{position:absolute;border-radius:50%;filter:blur(46px);opacity:.75;animation:floaty 7s ease-in-out infinite}.feed-item .f-caption{position:absolute;left:16px;right:64px;bottom:36px;z-index:3}.feed-item .f-cap-user{display:flex;align-items:center;gap:8px;margin-bottom:8px}.feed-item .f-ava{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#0b0e13;background:linear-gradient(135deg,#25f4ee,#7b68ee);font-size:15px}.feed-item .f-cap-name{font-size:14px;font-weight:700;color:#fff}.feed-item .f-cap-text{font-size:13px;color:#e6ecf5;line-height:1.5}.feed-item .f-tag{display:inline-block;margin-top:8px;font-size:12px;color:#25f4ee;font-weight:700}.phone-actions{position:absolute;right:10px;bottom:84px;z-index:4;display:flex;flex-direction:column;gap:18px;align-items:center}.pa-btn{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;font-size:21px;color:#fff;transition:transform .2s,background .2s}.pa-btn:active{transform:scale(.88)}.pa-btn.liked{background:#fe2c55;animation:heartPop .5s ease}@keyframes heartPop{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}.pa-count{font-size:11px;color:#cfd8e6;text-align:center;margin-top:2px}.phone-progress{position:absolute;top:16px;left:14px;right:14px;z-index:4;display:flex;gap:4px}.pg-bar{flex:1;height:2.5px;background:rgba(255,255,255,.22);border-radius:3px;overflow:hidden}.pg-bar i{display:block;height:100%;width:0;background:#fff;border-radius:3px}.pg-bar.play i{animation:pg 6s linear forwards}@keyframes pg{from{width:0}to{width:100%}}.phone-disc{position:absolute;right:16px;bottom:96px;z-index:4;width:44px;height:44px;border-radius:50%;background:conic-gradient(#25f4ee,#fe2c55,#7b68ee,#25f4ee);animation:spin 5s linear infinite;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.4)}.phone-disc::after{content:"";width:16px;height:16px;border-radius:50%;background:#10131a}@keyframes spin{to{transform:rotate(360deg)}}.phone-tip{position:absolute;top:120px;left:50%;transform:translateX(-50%);z-index:4;background:rgba(0,0,0,.5);color:#fff;font-size:12px;padding:6px 14px;border-radius:999px;backdrop-filter:blur(6px);opacity:0;transition:opacity .3s}.phone-tip.show{opacity:1}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.f-card{background:linear-gradient(165deg,#141a26,#10151f);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:28px 24px;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.f-card::before{content:"";position:absolute;top:-60px;right:-60px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(37,244,238,.18),transparent 70%);opacity:0;transition:opacity .3s}.f-card:hover{transform:translateY(-8px);border-color:rgba(37,244,238,.4);box-shadow:0 18px 44px rgba(0,0,0,.4)}.f-card:hover::before{opacity:1}.f-icon{width:54px;height:54px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:25px;margin-bottom:18px;background:linear-gradient(135deg,rgba(37,244,238,.18),rgba(254,44,85,.16));color:#25f4ee}.f-card h3{font-size:18px;font-weight:800;margin-bottom:10px;color:#fff}.f-card p{font-size:14px;color:#9aa7b8}
.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.s-card{position:relative;border-radius:22px;overflow:hidden;min-height:230px;padding:30px 26px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(170deg,#171d2b,#0f141d);border:1px solid rgba(255,255,255,.06);transition:transform .35s,box-shadow .35s}.s-card:hover{transform:translateY(-8px);box-shadow:0 22px 50px rgba(0,0,0,.5)}.s-num{position:absolute;top:22px;right:24px;font-size:44px;font-weight:900;color:rgba(255,255,255,.07)}.s-card h3{font-size:19px;font-weight:800;margin-bottom:8px}.s-card p{font-size:14px;color:#9aa7b8}.s-badge{display:inline-block;margin-bottom:12px;font-size:12px;font-weight:700;color:#25f4ee;letter-spacing:1px}
.eco-band{padding:70px 0;background:linear-gradient(180deg,#0f131c,#0b0e13)}.eco-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.eco-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:24px 20px;text-align:center;transition:transform .3s}.eco-card:hover{transform:translateY(-6px)}.eco-ico{font-size:30px;margin-bottom:12px}.eco-card h4{font-size:16px;font-weight:800;margin-bottom:8px}.eco-card p{font-size:13px;color:#8b99ad}
.chat-demo{background:#11151d;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:26px;max-width:520px}.chat-msg{max-width:80%;padding:12px 16px;border-radius:16px;margin-bottom:12px;font-size:14px;position:relative;animation:fadeUp .6s ease both}.chat-msg.other{background:#1c2330;color:#dbe3ee;border-bottom-left-radius:4px}.chat-msg.me{background:linear-gradient(120deg,#25f4ee,#3db9f0);color:#0b0e13;margin-left:auto;border-bottom-right-radius:4px;font-weight:600}.chat-time{font-size:11px;color:#6d7a8f;margin-top:4px}.chat-sticker{font-size:34px}.chat-input{display:flex;gap:10px;margin-top:14px;align-items:center}.chat-input .box{flex:1;background:#1c2330;border-radius:999px;padding:11px 18px;font-size:14px;color:#8b99ad}.chat-input .send{width:44px;height:44px;border-radius:50%;background:linear-gradient(120deg,#25f4ee,#fe2c55);color:#0b0e13;font-size:18px;display:flex;align-items:center;justify-content:center;font-weight:800}
.effect-strip{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.fx-chip{padding:12px 22px;border-radius:999px;border:1px solid rgba(255,255,255,.14);font-weight:700;font-size:15px;transition:all .3s;cursor:pointer;color:#dbe3ee}.fx-chip:hover,.fx-chip.on{border-color:transparent;background:linear-gradient(120deg,#25f4ee,#fe2c55);color:#0b0e13;box-shadow:0 8px 22px rgba(254,44,85,.35);transform:translateY(-3px)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}.price-card{background:#121722;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:36px 30px;position:relative;transition:transform .3s,box-shadow .3s}.price-card:hover{transform:translateY(-8px);box-shadow:0 24px 56px rgba(0,0,0,.45)}.price-card.hot{border:2px solid #fe2c55;background:linear-gradient(180deg,#1a1420,#121722);transform:scale(1.04);z-index:2}.price-card.hot:hover{transform:scale(1.04) translateY(-8px)}.hot-tag{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:linear-gradient(120deg,#25f4ee,#fe2c55);color:#0b0e13;font-size:12px;font-weight:800;padding:6px 18px;border-radius:999px;letter-spacing:1px}.price-name{font-size:17px;font-weight:800;margin-bottom:14px}.price-val{font-size:44px;font-weight:900;color:#fff}.price-val small{font-size:15px;color:#8b99ad;font-weight:600}.price-desc{font-size:13px;color:#8b99ad;margin:8px 0 22px}.price-list li{display:flex;align-items:center;gap:10px;font-size:14px;color:#c6d0de;padding:9px 0;border-bottom:1px dashed rgba(255,255,255,.08)}.price-list li::before{content:"✓";color:#25f4ee;font-weight:800}.price-card .btn{width:100%;margin-top:24px}
.faq-wrap{max-width:820px;margin:0 auto}.faq-item{background:#121722;border:1px solid rgba(255,255,255,.08);border-radius:16px;margin-bottom:14px;overflow:hidden;transition:border-color .3s}details.faq-item[open]{border-color:rgba(37,244,238,.45)}.faq-q{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px 24px;cursor:pointer;font-weight:800;font-size:16px;color:#fff}.faq-q .plus{font-size:22px;color:#25f4ee;transition:transform .3s;flex-shrink:0}details.faq-item[open] .plus{transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease}details.faq-item[open] .faq-a{max-height:600px}.faq-a-inner{padding:0 24px 22px;color:#9aa7b8;font-size:14.5px}.faq-a-inner ol{padding-left:20px}.faq-a-inner li{margin:7px 0}.faq-a-inner b{color:#25f4ee}summary.faq-q{list-style:none;cursor:pointer}summary.faq-q::-webkit-details-marker{display:none}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.t-card{background:#121722;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:26px;position:relative;transition:transform .3s}.t-card:hover{transform:translateY(-6px)}.t-stars{color:#ffc53d;font-size:14px;letter-spacing:2px;margin-bottom:14px}.t-text{font-size:14.5px;color:#c6d0de;line-height:1.75;margin-bottom:18px}.t-user{display:flex;align-items:center;gap:12px}.t-ava{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#0b0e13;font-size:17px;flex-shrink:0}.t-ava.c1{background:#25f4ee}.t-ava.c2{background:#fe2c55;color:#fff}.t-ava.c3{background:#ffc53d}.t-ava.c4{background:#7b68ee;color:#fff}.t-ava.c5{background:#3db9f0}.t-ava.c6{background:#ff8fb1}.t-name{font-size:14px;font-weight:800;color:#fff}.t-role{font-size:12px;color:#8b99ad;margin-top:2px}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.news-card{background:#121722;border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column}.news-card:hover{transform:translateY(-8px);box-shadow:0 22px 48px rgba(0,0,0,.45)}.news-card .nc-img{aspect-ratio:16/9;overflow:hidden;position:relative}.news-card .nc-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.news-card:hover .nc-img img{transform:scale(1.07)}.nc-tag{position:absolute;top:14px;left:14px;background:rgba(10,13,18,.75);backdrop-filter:blur(6px);color:#25f4ee;font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px}.nc-body{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}.nc-date{font-size:12px;color:#8b99ad;margin-bottom:10px}.nc-body h3{font-size:17px;font-weight:800;line-height:1.5;margin-bottom:10px;color:#fff}.nc-body h3 a:hover{color:#25f4ee}.nc-body p{font-size:13.5px;color:#9aa7b8;flex:1}.nc-more{margin-top:14px;font-size:13px;font-weight:700;color:#fe2c55}
.cta-band{position:relative;border-radius:30px;padding:64px 40px;text-align:center;overflow:hidden;background:linear-gradient(120deg,rgba(37,244,238,.15),rgba(254,44,85,.18)),#0f141d;border:1px solid rgba(255,255,255,.08)}.cta-band h2{font-size:34px;font-weight:900;margin-bottom:14px}.cta-band p{color:#b9c4d4;margin-bottom:30px;font-size:16px}.cta-band .btn{position:relative;z-index:2}.cta-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;animation:floaty 8s ease-in-out infinite}.cta-orb.o1{width:260px;height:260px;background:#25f4ee;left:-60px;top:-60px}.cta-orb.o2{width:240px;height:240px;background:#fe2c55;right:-50px;bottom:-70px;animation-delay:-4s}
footer{background:#080a0f;border-top:1px solid rgba(255,255,255,.06);padding:64px 0 0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:44px}.footer-brand p{color:#8b99ad;font-size:14px;margin-top:14px;max-width:300px}.footer-col h4{font-size:15px;font-weight:800;margin-bottom:18px;color:#fff}.footer-col a{display:block;font-size:14px;color:#9aa7b8;padding:6px 0}.footer-col a:hover{color:#25f4ee}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding:20px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px;color:#6d7a8f}.footer-bottom a{color:#6d7a8f}.footer-bottom a:hover{color:#25f4ee}
.page-hero{padding:150px 0 60px;text-align:center;background:radial-gradient(800px 400px at 50% -10%,rgba(37,244,238,.12),transparent 65%),radial-gradient(700px 380px at 80% 0%,rgba(254,44,85,.1),transparent 60%)}.page-hero h1{font-size:40px;font-weight:900;margin-bottom:16px}.page-hero p{color:#9aa7b8;font-size:16px;max-width:640px;margin:0 auto}
.crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:#8b99ad;padding:18px 0;flex-wrap:wrap}.crumb a:hover{color:#25f4ee}.crumb .sep{color:#4a5468}
.dl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:20px}.dl-card{background:#121722;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:30px 28px;display:flex;flex-direction:column;transition:transform .3s,border-color .3s}.dl-card:hover{transform:translateY(-6px);border-color:rgba(37,244,238,.4)}.dl-card .dl-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dl-ver{font-size:20px;font-weight:900;color:#fff}.dl-size{font-size:13px;color:#8b99ad;background:rgba(255,255,255,.06);padding:5px 12px;border-radius:999px}.dl-card ul{margin-bottom:22px;flex:1}.dl-card ul li{display:flex;gap:9px;font-size:14px;color:#c6d0de;padding:7px 0;align-items:flex-start}.dl-card ul li::before{content:"✦";color:#25f4ee;flex-shrink:0}.dl-card .btn{width:100%}
.req-table{background:#121722;border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden}.req-row{display:grid;grid-template-columns:200px 1fr;border-bottom:1px solid rgba(255,255,255,.06)}.req-row:last-child{border-bottom:none}.req-row div{padding:16px 22px;font-size:14.5px}.req-row .rk{color:#25f4ee;font-weight:800;background:rgba(37,244,238,.05)}.req-row .rv{color:#c6d0de}
.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step-card{background:#121722;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:26px 20px;text-align:center;position:relative;transition:transform .3s}.step-card:hover{transform:translateY(-6px)}.step-num{width:44px;height:44px;margin:0 auto 14px;border-radius:50%;background:linear-gradient(120deg,#25f4ee,#fe2c55);color:#0b0e13;font-weight:900;font-size:19px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(254,44,85,.3)}.step-card h4{font-size:16px;font-weight:800;margin-bottom:8px}.step-card p{font-size:13.5px;color:#8b99ad}
.news-list .news-grid{grid-template-columns:repeat(3,1fr)}.news-list-pad{padding-top:30px}
.article-layout{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start;padding:30px 0 80px}.article-main{background:#0f141d;border:1px solid rgba(255,255,255,.07);border-radius:24px;padding:40px 44px}.article-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;color:#8b99ad;margin-bottom:8px}.article-meta .tag{background:rgba(37,244,238,.12);color:#25f4ee;font-weight:700;padding:4px 13px;border-radius:999px}.article-main h1{font-size:30px;font-weight:900;line-height:1.4;margin-bottom:20px}.article-cover{aspect-ratio:16/9;border-radius:18px;overflow:hidden;margin-bottom:26px}.article-cover img{width:100%;height:100%;object-fit:cover}.article-main h2{font-size:21px;font-weight:800;margin:34px 0 14px;color:#fff;scroll-margin-top:90px}.article-main p{font-size:15.5px;color:#c6d0de;line-height:1.9;margin-bottom:18px}.article-main .lead{font-size:16.5px;color:#dfe6f0;border-left:3px solid #25f4ee;padding-left:18px;background:rgba(37,244,238,.05);border-radius:0 12px 12px 0;padding:16px 20px}.article-img{margin:26px 0;border-radius:18px;overflow:hidden;aspect-ratio:2/1}.article-img img{width:100%;height:100%;object-fit:cover}.quote{background:rgba(254,44,85,.07);border-left:3px solid #fe2c55;padding:16px 20px;border-radius:0 12px 12px 0;margin:22px 0;font-size:15px;color:#e6ecf5}.quote b{color:#fe2c55}.data-table{width:100%;border-collapse:collapse;margin:22px 0;font-size:14px}.data-table th{background:rgba(37,244,238,.1);color:#25f4ee;padding:12px 14px;text-align:left;font-weight:800}.data-table td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.07);color:#c6d0de}.data-table tr:last-child td{border-bottom:none}
.article-nav{display:flex;justify-content:space-between;gap:16px;margin-top:40px;flex-wrap:wrap}.an-item{background:#121722;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 18px;flex:1;min-width:200px;transition:border-color .3s}.an-item:hover{border-color:rgba(37,244,238,.4)}.an-item .an-label{font-size:12px;color:#8b99ad;margin-bottom:6px}.an-item .an-title{font-size:14px;font-weight:700;color:#dfe6f0}.an-item:hover .an-title{color:#25f4ee}
.sidebar{position:sticky;top:90px;display:flex;flex-direction:column;gap:22px}.side-card{background:#121722;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:22px}.side-card h4{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;margin-bottom:18px;color:#fff}.side-card h4::before{content:"";width:4px;height:18px;border-radius:3px;background:linear-gradient(180deg,#25f4ee,#fe2c55)}.toc-list{position:relative}.toc-list::before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:rgba(255,255,255,.1)}.toc-item{position:relative;padding:7px 0 7px 24px;font-size:13.5px;color:#9aa7b8;cursor:pointer;transition:color .25s}.toc-item::before{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:#3a4456;transition:background .25s,box-shadow .25s}.toc-item:hover{color:#25f4ee}.toc-item.on{color:#25f4ee;font-weight:800}.toc-item.on::before{background:#25f4ee;box-shadow:0 0 10px rgba(37,244,238,.8)}
.hot-list li{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px dashed rgba(255,255,255,.07)}.hot-list li:last-child{border-bottom:none}.hot-rank{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:#fff;flex-shrink:0;background:#3a4456;transition:transform .25s}.hot-rank.r1{background:linear-gradient(135deg,#25f4ee,#3db9f0);color:#0b0e13}.hot-rank.r2{background:linear-gradient(135deg,#ff8a3d,#ff5c33)}.hot-rank.r3{background:linear-gradient(135deg,#ffc53d,#ff9d3d);color:#3a2c00}.hot-list a{font-size:13.5px;color:#c6d0de;line-height:1.5;flex:1}.hot-list li:hover a{color:#25f4ee}.hot-list li:hover .hot-rank{transform:scale(1.15)}
.tag-cloud{display:flex;flex-wrap:wrap;gap:10px}.tag-pill{font-size:12.5px;font-weight:700;color:#c6d0de;border:1px solid rgba(255,255,255,.14);padding:6px 14px;border-radius:999px;transition:all .25s}.tag-pill::before{content:"#";color:#25f4ee}.tag-pill:hover{color:#25f4ee;border-color:#25f4ee;background:rgba(37,244,238,.08)}
.comment-area{margin-top:40px}.comment-area>h3{font-size:20px;font-weight:800;margin-bottom:20px}.comment-item{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.07)}.comment-ava{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#0b0e13;font-size:16px;flex-shrink:0;background:linear-gradient(135deg,#25f4ee,#7b68ee)}.comment-body .c-head{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}.comment-body .c-name{font-size:14px;font-weight:800;color:#fff}.comment-body .c-date{font-size:12px;color:#6d7a8f}.comment-body .c-text{font-size:14px;color:#c6d0de;line-height:1.7}
.sitemap-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.sm-card{background:#121722;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:24px}.sm-card h3{font-size:16px;font-weight:800;margin-bottom:14px;display:flex;align-items:center;gap:9px}.sm-card h3::before{content:"";width:4px;height:15px;border-radius:3px;background:linear-gradient(180deg,#25f4ee,#fe2c55)}.sm-card a{display:block;padding:7px 0;font-size:14px;color:#9aa7b8}.sm-card a:hover{color:#25f4ee}
.err-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px 20px}.err-code{font-size:120px;font-weight:900;line-height:1;background:linear-gradient(120deg,#25f4ee,#fe2c55);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}.err-wrap h1{font-size:28px;margin-bottom:12px}.err-wrap p{color:#9aa7b8;margin-bottom:28px}
html.js .reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (max-width:992px){.nav-links{position:fixed;top:68px;left:0;right:0;background:rgba(8,10,15,.97);backdrop-filter:blur(16px);flex-direction:column;align-items:stretch;padding:14px 20px 24px;gap:4px;max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-height .4s ease,opacity .3s,visibility .3s}.nav-links.open{max-height:75vh;overflow-y:auto;opacity:1;visibility:visible}.nav-item>a{padding:14px 10px;justify-content:space-between;font-size:16px}.dropdown{position:static;transform:none;opacity:1;visibility:visible;pointer-events:auto;box-shadow:none;background:rgba(255,255,255,.05);color:#dbe3ee;border-radius:12px;min-width:0;max-height:0;overflow:hidden;padding:0 10px;transition:max-height .35s,padding .35s}.dropdown.open{max-height:300px;padding:8px 10px}.dropdown a{color:#b9c4d4;background:none}.dropdown a:hover{background:rgba(255,255,255,.08);color:#25f4ee}.hamburger{display:flex}.nav-cta .btn{display:none}.hero{padding:120px 0 70px}.hero-grid{grid-template-columns:1fr;gap:40px}.hero h1{font-size:40px}.feature-grid{grid-template-columns:repeat(2,1fr)}.scenario-grid{grid-template-columns:repeat(2,1fr)}.eco-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.price-card.hot{transform:none}.price-card.hot:hover{transform:translateY(-8px)}.testi-grid{grid-template-columns:repeat(2,1fr)}.news-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:1fr}.sidebar{position:static}.step-grid{grid-template-columns:repeat(2,1fr)}.dl-grid{grid-template-columns:1fr}.sitemap-cols{grid-template-columns:1fr 1fr}.hero-stats{gap:26px}}
@media (max-width:768px){.section{padding:60px 0}.section-head h2{font-size:27px}.hero h1{font-size:32px}.hero .sub{font-size:16px}.feature-grid{grid-template-columns:1fr 1fr;gap:14px}.f-card{padding:22px 16px}.scenario-grid{grid-template-columns:1fr}.news-grid{grid-template-columns:1fr}.testi-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.req-row{grid-template-columns:130px 1fr}.article-main{padding:26px 20px}.article-main h1{font-size:24px}.cta-band{padding:44px 24px}.cta-band h2{font-size:26px}.phone{height:540px;width:262px}.hero-stats .stat .num{font-size:26px}.page-hero h1{font-size:30px}.step-grid{grid-template-columns:1fr 1fr;gap:14px}.sitemap-cols{grid-template-columns:1fr}}
@media (max-width:480px){.container{padding:0 15px}.btn-lg{padding:14px 26px;font-size:15px}.hero{padding:108px 0 56px}.hero-btns .btn{flex:1;justify-content:center;padding:13px 18px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat .num{font-size:22px}.feature-grid{grid-template-columns:1fr}.eco-grid{grid-template-columns:1fr}.step-grid{grid-template-columns:1fr}.nav-logo span{font-size:18px}.section-head h2{font-size:24px}.phone{width:230px;height:480px}.phone-actions{gap:12px}.pa-btn{width:40px;height:40px;font-size:18px}.req-row{grid-template-columns:1fr}.req-row .rk{border-bottom:1px dashed rgba(255,255,255,.08)}.article-meta{gap:10px}.an-item{min-width:100%}.dl-card{padding:24px 20px}}