*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:#1e293b;background:#f5f8fe;line-height:1.7;font-size:16px}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.hdr{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .3s,box-shadow .3s;background:transparent;padding:18px 0}.hdr.on{background:rgba(10,17,40,.92);backdrop-filter:blur(14px);box-shadow:0 8px 30px rgba(2,6,23,.35);padding:10px 0}.hdr-in{display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:21px}.logo img{width:34px;height:34px;border-radius:8px}.logo span em{font-style:normal;background:linear-gradient(135deg,#60a5fa,#2dd4bf);-webkit-background-clip:text;background-clip:text;color:transparent}
.nav{display:flex;align-items:center;gap:6px}.nav>ul{display:flex;align-items:center;gap:4px}.nav>ul>li{position:relative}.nav>ul>li>a{display:flex;align-items:center;gap:6px;color:#e2e8f0;padding:10px 16px;border-radius:10px;font-size:15px;transition:background .25s,color .25s}.nav>ul>li>a:hover{background:rgba(255,255,255,.12);color:#fff}.nav .arr{font-size:11px;transition:transform .3s}.nav li.ddp:hover .arr{transform:rotate(180deg)}.ddm{position:absolute;top:calc(100% + 10px);left:0;min-width:210px;background:#fff;border-radius:14px;box-shadow:0 18px 50px rgba(2,6,23,.18);padding:8px;opacity:0;visibility:hidden;transform:translateY(12px);transition:.28s;z-index:60}.nav li.ddp:hover .ddm{opacity:1;visibility:visible;transform:translateY(0)}.ddm a{display:block;padding:9px 14px;border-radius:9px;color:#334155;font-size:14px;transition:.22s}.ddm a:hover{background:#eff6ff;color:#2563eb}.ddm a b{color:#2563eb}.nav-cta{margin-left:10px}.burger{display:none;flex-direction:column;gap:5px;padding:8px;border-radius:8px}.burger span{width:24px;height:2px;background:#fff;border-radius:2px;transition:.3s}.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 30px;border-radius:12px;font-size:15.5px;font-weight:600;transition:.28s;white-space:nowrap}.btn-g{background:linear-gradient(135deg,#2563eb,#14b8a6);color:#fff;box-shadow:0 10px 26px rgba(37,99,235,.35)}.btn-g:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(37,99,235,.45)}.btn-o{border:2px solid rgba(255,255,255,.4);color:#fff;background:rgba(255,255,255,.08)}.btn-o:hover{border-color:#2dd4bf;color:#2dd4bf;transform:translateY(-3px)}.btn-w{background:#fff;color:#1d4ed8;box-shadow:0 10px 26px rgba(2,6,23,.2)}.btn-w:hover{transform:translateY(-3px)}.btn-lg{padding:16px 40px;font-size:17px;border-radius:14px}
.hero{position:relative;background:radial-gradient(1200px 600px at 80% -10%,rgba(37,99,235,.35),transparent 60%),radial-gradient(900px 500px at 10% 20%,rgba(20,184,166,.22),transparent 55%),linear-gradient(160deg,#0a1128,#0d1f3f 55%,#0a1128);color:#fff;padding:150px 0 110px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(900px 600px at 60% 30%,#000 30%,transparent 75%);pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;animation:float 9s ease-in-out infinite}.orb1{width:340px;height:340px;background:#2563eb;top:-80px;right:8%}.orb2{width:280px;height:280px;background:#14b8a6;bottom:-90px;left:4%;animation-delay:2s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-34px)}}.hero-in{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}.h-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(45,212,191,.14);border:1px solid rgba(45,212,191,.35);color:#5eead4;padding:7px 16px;border-radius:999px;font-size:13.5px;letter-spacing:.4px}.h-tag .dot{width:8px;height:8px;border-radius:50%;background:#2dd4bf;animation:pulse 1.6s infinite}.h-tag .tick{font-size:13px}.hero h1{font-size:48px;line-height:1.22;margin:22px 0 18px;font-weight:800;letter-spacing:.5px}.hero h1 .g{background:linear-gradient(90deg,#60a5fa,#2dd4bf);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .sub{font-size:17.5px;color:#cbd5e1;max-width:520px;margin-bottom:34px}.hero-btns{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:40px}.hero-stats{display:flex;gap:0;flex-wrap:wrap}.hero-stats .st{flex:1;min-width:140px;padding:0 26px;border-left:1px solid rgba(255,255,255,.16)}.hero-stats .st:first-child{border-left:none;padding-left:0}.hero-stats .num{font-size:30px;font-weight:800;background:linear-gradient(90deg,#93c5fd,#5eead4);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-stats .lb{font-size:13.5px;color:#94a3b8;margin-top:2px}
.demo{position:relative}.demo:before{content:"";position:absolute;inset:-26px;background:linear-gradient(135deg,rgba(96,165,250,.28),rgba(45,212,191,.28));filter:blur(46px);border-radius:36px;z-index:0}.chat{position:relative;z-index:1;background:#0f1b33;border:1px solid rgba(255,255,255,.12);border-radius:22px;box-shadow:0 34px 80px rgba(2,6,23,.55);overflow:hidden;width:100%;max-width:430px;margin:0 auto}.chat-hd{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.1)}.chat-hd .av{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#14b8a6);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.chat-hd .nm{font-weight:600;font-size:15.5px}.chat-hd .st{font-size:12px;color:#5eead4;display:flex;align-items:center;gap:5px}.chat-hd .st:before{content:"";width:7px;height:7px;border-radius:50%;background:#34d399;animation:pulse 1.6s infinite}.chat-hd .lk{margin-left:auto;color:#5eead4;font-size:13px;display:flex;align-items:center;gap:5px}.chat-bd{padding:18px;min-height:270px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,rgba(37,99,235,.06),rgba(20,184,166,.04))}.msg{max-width:78%;padding:11px 15px;border-radius:14px;font-size:14px;line-height:1.55;animation:pop .35s ease}.msg.you{background:#1d4ed8;color:#eaf2ff;align-self:flex-end;border-bottom-right-radius:4px}.msg.me{background:rgba(255,255,255,.09);color:#dbeafe;align-self:flex-start;border-bottom-left-radius:4px}.msg .burn{display:inline-flex;align-items:center;gap:4px;margin-left:8px;font-size:11px;color:#fca5a5;background:rgba(239,68,68,.16);padding:2px 7px;border-radius:6px}.msg.typing{display:inline-flex;gap:4px;padding:13px 16px}.msg.typing i{width:6px;height:6px;border-radius:50%;background:#94a3b8;animation:blink 1.2s infinite}.msg.typing i:nth-child(2){animation-delay:.2s}.msg.typing i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,100%{opacity:.25}50%{opacity:1}}@keyframes pop{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}.chat-ft{display:flex;gap:10px;padding:14px 16px;border-top:1px solid rgba(255,255,255,.1);align-items:center}.chat-ft input{flex:1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:12px;padding:12px 15px;font-size:14px;outline:none;min-width:0}.chat-ft input::placeholder{color:#7c8db5}.chat-send{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#2563eb,#14b8a6);color:#fff;display:flex;align-items:center;justify-content:center;flex:none;transition:.25s}.chat-send:hover{transform:scale(1.06)}.chat-tools{display:flex;gap:10px;padding:0 16px 14px;flex-wrap:wrap}.chat-tools .tg{flex:1;min-width:100px;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:9px 12px;font-size:12.5px;color:#cbd5e1;transition:.25s;user-select:none}.chat-tools .tg.on{background:rgba(45,212,191,.14);border-color:rgba(45,212,191,.5);color:#5eead4}.chat-tools .tg .sw{width:32px;height:18px;border-radius:999px;background:#334155;position:relative;transition:.25s;flex:none}.chat-tools .tg .sw:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#94a3b8;top:2px;left:2px;transition:.25s}.chat-tools .tg.on .sw{background:#14b8a6}.chat-tools .tg.on .sw:after{left:16px;background:#fff}
.sec{padding:96px 0}.sec-alt{background:#fff}.sec-top{text-align:center;max-width:720px;margin:0 auto 58px}.tag{display:inline-block;background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(20,184,166,.1));border:1px solid rgba(37,99,235,.22);color:#2563eb;font-size:13px;font-weight:600;padding:6px 16px;border-radius:999px;letter-spacing:1px;margin-bottom:16px}.sec-top h2{font-size:36px;font-weight:800;color:#0f172a;margin-bottom:14px;line-height:1.3}.sec-top p{color:#64748b;font-size:16.5px}.fgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.fcard{background:#fff;border:1px solid #e8eef7;border-radius:18px;padding:28px 24px;transition:.3s;position:relative;overflow:hidden}.fcard:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(30,64,175,.12);border-color:#c7d8f5}.fcard .ic{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:18px;background:linear-gradient(135deg,#eff6ff,#ecfeff);color:#2563eb;transition:.3s}.fcard:hover .ic{background:linear-gradient(135deg,#2563eb,#14b8a6);color:#fff;transform:rotate(-6deg) scale(1.05)}.fcard h3{font-size:18px;font-weight:700;color:#0f172a;margin-bottom:10px}.fcard p{font-size:14px;color:#64748b}.fcard .badge{position:absolute;top:16px;right:16px;font-size:11px;background:#ecfdf5;color:#059669;padding:3px 9px;border-radius:999px;border:1px solid #a7f3d0}
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.scard{background:#f8fbff;border:1px solid #e8eef7;border-radius:18px;padding:30px 26px;transition:.3s;position:relative}.scard:hover{background:#fff;box-shadow:0 22px 46px rgba(30,64,175,.12);transform:translateY(-6px)}.scard .ic{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;background:linear-gradient(135deg,#2563eb,#14b8a6);color:#fff;margin-bottom:20px;box-shadow:0 10px 22px rgba(37,99,235,.3)}.scard h3{font-size:18.5px;font-weight:700;margin-bottom:10px;color:#0f172a}.scard p{font-size:14.5px;color:#64748b}.scard .num{position:absolute;top:20px;right:24px;font-size:40px;font-weight:800;color:#e2ecfb}
.show{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-bottom:80px}.show:last-child{margin-bottom:0}.show .tx h3{font-size:28px;font-weight:800;color:#0f172a;margin-bottom:16px}.show .tx p{color:#64748b;font-size:15.5px;margin-bottom:18px}.show ul li{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px;color:#334155;font-size:15px}.show ul li:before{content:"✓";color:#059669;font-weight:800;flex:none;margin-top:2px}.show .vis{background:linear-gradient(160deg,#0f1b33,#12244d);border-radius:22px;padding:28px;color:#fff;box-shadow:0 30px 60px rgba(2,6,23,.3);position:relative;overflow:hidden}.show .vis:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(45,212,191,.14);filter:blur(50px);top:-60px;right:-60px}
.dev-line{display:flex;align-items:center;gap:14px;padding:13px 16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;margin-bottom:12px;font-size:14.5px;transition:.25s}.dev-line:hover{border-color:rgba(45,212,191,.5);transform:translateX(6px)}.dev-line .ic{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,#2563eb,#14b8a6);display:flex;align-items:center;justify-content:center;font-size:18px;flex:none}.dev-line .on{margin-left:auto;color:#5eead4;font-size:12.5px;display:flex;align-items:center;gap:5px}.dev-line .on:before{content:"";width:7px;height:7px;border-radius:50%;background:#34d399}
.grp{display:flex;gap:16px;flex-wrap:wrap}.grp .gcard{flex:1;min-width:150px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:18px;text-align:center;transition:.28s}.grp .gcard:hover{transform:translateY(-6px);border-color:rgba(45,212,191,.5)}.grp .gcard .gav{display:flex;justify-content:center;margin-bottom:10px}.grp .gcard .gav span{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;margin-left:-8px;border:2px solid #12244d}.grp .gcard .gav span:first-child{margin-left:0}.grp .gcard h4{font-size:15px;margin-bottom:4px}.grp .gcard p{font-size:12.5px;color:#94a3b8}
.burn-demo{display:flex;align-items:center;gap:18px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.35);border-radius:16px;padding:16px 18px;margin-bottom:14px}.burn-demo .f{font-size:26px;animation:shake 1.2s infinite}.burn-demo .t{font-size:13.5px;color:#fecaca}.burn-demo .t b{color:#f87171}@keyframes shake{0%,100%{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}.burn-bar{height:10px;border-radius:999px;background:#334155;overflow:hidden;margin-bottom:8px}.burn-bar i{display:block;height:100%;background:linear-gradient(90deg,#f87171,#fb923c);width:100%;transition:width 1s linear}.burn-hint{font-size:12.5px;color:#94a3b8;text-align:center}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:stretch}.pcard{background:#fff;border:1px solid #e8eef7;border-radius:22px;padding:38px 30px;transition:.3s;display:flex;flex-direction:column}.pcard:hover{transform:translateY(-8px);box-shadow:0 26px 54px rgba(30,64,175,.13)}.pcard .pn{font-size:17px;font-weight:700;color:#0f172a}.pcard .pd{font-size:13.5px;color:#64748b;margin:6px 0 22px}.pcard .pr{font-size:42px;font-weight:800;color:#0f172a}.pcard .pr small{font-size:15px;color:#64748b;font-weight:500}.pcard .feat{flex:1;margin:24px 0 30px}.pcard .feat li{display:flex;gap:10px;font-size:14.5px;color:#475569;margin-bottom:12px}.pcard .feat li:before{content:"✓";color:#059669;font-weight:800;flex:none}.pcard.hot{background:linear-gradient(165deg,#0f1b33,#12244d);border:none;color:#fff;position:relative;transform:scale(1.04)}.pcard.hot:hover{transform:scale(1.04) translateY(-8px);box-shadow:0 30px 60px rgba(2,6,23,.4)}.pcard.hot .pn,.pcard.hot .pr{color:#fff}.pcard.hot .pd{color:#94a3b8}.pcard.hot .feat li{color:#cbd5e1}.pcard.hot .feat li:before{color:#5eead4}.pcard.hot .rib{position:absolute;top:18px;right:-34px;transform:rotate(38deg);background:linear-gradient(90deg,#f59e0b,#ef4444);color:#fff;font-size:12px;font-weight:700;padding:6px 40px;box-shadow:0 6px 16px rgba(239,68,68,.4)}.pcard .btn{width:100%}
.faq{max-width:820px;margin:0 auto}.faq-i{background:#fff;border:1px solid #e8eef7;border-radius:16px;margin-bottom:14px;overflow:hidden;transition:.25s}.faq-i.open{border-color:#93c5fd;box-shadow:0 14px 34px rgba(30,64,175,.1)}.faq-q{display:flex;align-items:center;gap:14px;padding:20px 24px;font-size:16.5px;font-weight:600;color:#0f172a;cursor:pointer;user-select:none}.faq-q .qi{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#eff6ff,#ecfeff);color:#2563eb;display:flex;align-items:center;justify-content:center;font-weight:800;flex:none;font-size:14px}.faq-q .plus{margin-left:auto;font-size:22px;color:#94a3b8;transition:.3s;flex:none}.faq-i.open .plus{transform:rotate(45deg);color:#2563eb}.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease}.faq-a-in{padding:0 24px 24px;color:#64748b;font-size:15px}.faq-a-in ol{margin:10px 0 0;padding-left:2px}.faq-a-in ol li{padding-left:26px;position:relative;margin-bottom:8px}.faq-a-in ol li:before{content:counter(step);counter-increment:step;position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:6px;background:#eff6ff;color:#2563eb;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.faq-a-in ol{counter-reset:step}
.tgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.tcard{background:#fff;border:1px solid #e8eef7;border-radius:18px;padding:28px;transition:.28s}.tcard:hover{box-shadow:0 20px 44px rgba(30,64,175,.12);transform:translateY(-5px)}.tcard .th{display:flex;align-items:center;gap:14px;margin-bottom:16px}.tcard .av{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:19px;color:#fff;flex:none}.tcard .nm{font-weight:700;font-size:15.5px;color:#0f172a}.tcard .rl{font-size:12.5px;color:#94a3b8}.tcard .stars{color:#f59e0b;font-size:13px;letter-spacing:2px;margin-bottom:12px}.tcard p{font-size:14.5px;color:#475569}
.ngrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ncard{background:#fff;border:1px solid #e8eef7;border-radius:18px;overflow:hidden;transition:.3s;display:flex;flex-direction:column}.ncard:hover{transform:translateY(-8px);box-shadow:0 24px 50px rgba(30,64,175,.14)}.ncard .img{position:relative;aspect-ratio:16/9;overflow:hidden}.ncard .img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.ncard:hover .img img{transform:scale(1.08)}.ncard .cat{position:absolute;top:12px;left:12px;background:rgba(10,17,40,.78);color:#5eead4;font-size:12px;padding:4px 12px;border-radius:999px}.ncard .bd{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}.ncard .dt{font-size:12.5px;color:#94a3b8;margin-bottom:8px}.ncard h3{font-size:17px;font-weight:700;line-height:1.45;color:#0f172a;margin-bottom:10px}.ncard h3 a:hover{color:#2563eb}.ncard p{font-size:13.5px;color:#64748b;flex:1}.ncard .more{font-size:13.5px;color:#2563eb;font-weight:600;margin-top:14px;display:inline-flex;gap:6px;align-items:center}.ncard .more:hover{gap:10px}
.cta{background:linear-gradient(150deg,#0f1b33,#0d2a52);color:#fff;text-align:center;padding:96px 24px;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(37,99,235,.3);filter:blur(80px);top:-120px;left:50%;transform:translateX(-80%)}.cta h2{font-size:38px;font-weight:800;margin-bottom:16px}.cta p{color:#cbd5e1;font-size:16.5px;max-width:560px;margin:0 auto 36px}.cta .hero-btns{justify-content:center;margin-bottom:0}
.ftr{background:#0a1128;color:#94a3b8;padding:72px 0 30px}.ftr-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;margin-bottom:50px}.ftr .lg{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:20px;margin-bottom:16px}.ftr .lg img{width:32px;height:32px;border-radius:8px}.ftr .about{font-size:14px;line-height:1.8;max-width:300px}.ftr h4{color:#fff;font-size:15.5px;margin-bottom:18px}.ftr ul li{margin-bottom:11px}.ftr ul a{font-size:14px;transition:.22s}.ftr ul a:hover{color:#5eead4}.ftr .bot{border-top:1px solid rgba(255,255,255,.08);padding-top:26px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px}
.crumb{background:#f1f5fb;border-bottom:1px solid #e8eef7;padding:14px 0;font-size:13.5px;color:#64748b;margin-top:72px}.crumb a{color:#2563eb}.crumb span{margin:0 8px;color:#cbd5e1}
.dl-hero{padding:150px 0 96px;background:radial-gradient(1000px 500px at 85% -10%,rgba(37,99,235,.25),transparent 60%),linear-gradient(160deg,#0a1128,#0d1f3f 55%,#0a1128);color:#fff;overflow:hidden;position:relative}.dl-hero .hero-in{margin-bottom:0}.dl-meta{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0 34px}.dl-meta .m{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:13px;padding:12px 18px;font-size:13.5px}.dl-meta .m b{display:block;font-size:17px;color:#5eead4;margin-bottom:2px}
.vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.vcard{background:#fff;border:1px solid #e8eef7;border-radius:20px;padding:32px 28px;transition:.3s;display:flex;flex-direction:column}.vcard:hover{transform:translateY(-8px);box-shadow:0 24px 50px rgba(30,64,175,.13)}.vcard .ver{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#eff6ff,#ecfeff);color:#2563eb;font-weight:700;padding:6px 14px;border-radius:999px;font-size:13.5px;width:fit-content;margin-bottom:16px}.vcard h3{font-size:19px;font-weight:700;color:#0f172a;margin-bottom:6px}.vcard .size{font-size:13px;color:#94a3b8;margin-bottom:18px}.vcard ul{flex:1;margin-bottom:26px}.vcard ul li{display:flex;gap:10px;font-size:14px;color:#475569;margin-bottom:10px}.vcard ul li:before{content:"✓";color:#059669;font-weight:800;flex:none}.vcard .btn{width:100%}.vcard.top{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#2563eb,#14b8a6) border-box}
.sysgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.sysc{background:#f8fbff;border:1px solid #e8eef7;border-radius:16px;padding:24px;transition:.25s}.sysc:hover{border-color:#93c5fd;background:#fff}.sysc .ic{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#14b8a6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;margin-bottom:14px}.sysc h4{font-size:15.5px;color:#0f172a;margin-bottom:6px}.sysc p{font-size:13.5px;color:#64748b}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:st}.stepc{background:#fff;border:1px solid #e8eef7;border-radius:18px;padding:30px 24px;position:relative;transition:.28s}.stepc:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(30,64,175,.12)}.stepc:before{counter-increment:st;content:counter(st);position:absolute;top:-18px;left:24px;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#14b8a6);color:#fff;font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(37,99,235,.35)}.stepc h3{font-size:16.5px;color:#0f172a;margin:10px 0 8px}.stepc p{font-size:13.5px;color:#64748b}
.art{display:grid;grid-template-columns:1fr 320px;gap:44px;padding:56px 0 90px}.art-main .cover{border-radius:20px;overflow:hidden;margin:22px 0 34px}.art-main .cover img{width:100%}.art-head .cat{display:inline-block;background:linear-gradient(135deg,#eff6ff,#ecfeff);color:#2563eb;font-size:12.5px;font-weight:600;padding:5px 14px;border-radius:999px;margin-bottom:14px}.art-head h1{font-size:32px;font-weight:800;line-height:1.4;color:#0f172a;margin-bottom:16px}.art-head .meta{font-size:13.5px;color:#94a3b8;display:flex;gap:18px;flex-wrap:wrap}.art-bd p{font-size:16px;color:#334155;margin-bottom:22px;line-height:1.9;text-align:justify}.art-bd h2{font-size:23px;color:#0f172a;margin:40px 0 18px;padding-left:16px;border-left:4px solid;border-image:linear-gradient(180deg,#2563eb,#14b8a6) 1;font-weight:800}.art-bd img{border-radius:16px;margin:26px 0;width:100%}.art-bd .imgcap{font-size:12.5px;color:#94a3b8;text-align:center;margin:-16px 0 26px}.art-bd blockquote{background:#f1f5fb;border-left:4px solid #2563eb;border-radius:0 14px 14px 0;padding:18px 22px;margin:26px 0;color:#1e3a8a;font-size:15px;font-weight:500}.art-bd .data-tbl{background:#0f1b33;color:#e2e8f0;border-radius:16px;padding:24px;margin:28px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.art-bd .data-tbl .dt{text-align:center}.art-bd .data-tbl .dt b{display:block;font-size:26px;background:linear-gradient(90deg,#93c5fd,#5eead4);-webkit-background-clip:text;background-clip:text;color:transparent}.art-bd .data-tbl .dt span{font-size:12.5px;color:#94a3b8}
.side{position:sticky;top:96px;align-self:start}.side .card{background:#fff;border:1px solid #e8eef7;border-radius:18px;padding:22px;margin-bottom:22px;box-shadow:0 10px 30px rgba(2,6,23,.05)}.side .card h4{font-size:15.5px;font-weight:700;color:#0f172a;padding-left:12px;border-left:4px solid #2563eb;margin-bottom:16px}.toc li{position:relative;padding:0 0 16px 22px;border-left:2px solid #e8eef7;margin-left:6px}.toc li:last-child{padding-bottom:2px;border-left-color:transparent}.toc li:before{content:"";position:absolute;left:-6px;top:2px;width:10px;height:10px;border-radius:50%;background:#cbd5e1;border:2px solid #fff;box-shadow:0 0 0 2px #e8eef7}.toc li a{font-size:13.5px;color:#64748b;transition:.22s;line-height:1.5;display:block}.toc li:hover a{color:#2563eb}.toc li.cur a{color:#2563eb;font-weight:700}.toc li.cur:before{background:#2563eb;box-shadow:0 0 0 2px #bfdbfe}
.rank li{display:flex;align-items:center;gap:12px;margin-bottom:14px}.rank li:last-child{margin-bottom:0}.rank .rk{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:800;color:#fff;background:#cbd5e1;flex:none;transition:.22s}.rank li:nth-child(1) .rk{background:linear-gradient(135deg,#2563eb,#14b8a6)}.rank li:nth-child(2) .rk{background:linear-gradient(135deg,#f97316,#f59e0b)}.rank li:nth-child(3) .rk{background:linear-gradient(135deg,#eab308,#facc15);color:#7c2d12}.rank li a{font-size:13.5px;color:#475569;line-height:1.5}.rank li:hover .rk{transform:scale(1.15)}.rank li:hover a{color:#2563eb}
.tags{display:flex;flex-wrap:wrap;gap:10px}.tags a{font-size:12.5px;color:#475569;border:1px solid #e8eef7;border-radius:999px;padding:6px 14px;transition:.22s;background:#f8fbff}.tags a:before{content:"#";color:#2563eb;font-weight:700}.tags a:hover{color:#2563eb;border-color:#2563eb;background:#eff6ff}
.pn{display:flex;gap:16px;margin:44px 0;flex-wrap:wrap}.pn a{flex:1;min-width:220px;border:1px solid #e8eef7;border-radius:14px;padding:16px 20px;background:#fff;font-size:13.5px;color:#64748b;transition:.25s}.pn a:hover{border-color:#93c5fd;box-shadow:0 10px 24px rgba(30,64,175,.1)}.pn a b{display:block;color:#2563eb;font-size:14.5px;margin-top:4px}.pn .next{text-align:right}
.rel{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.rel a{background:#fff;border:1px solid #e8eef7;border-radius:14px;padding:16px;transition:.25s}.rel a:hover{border-color:#93c5fd;transform:translateY(-4px)}.rel a .t{font-size:13.5px;color:#0f172a;font-weight:600;line-height:1.5}.rel a .d{font-size:12px;color:#94a3b8;margin-top:6px}
.cmts{margin-top:56px}.cmts h2{font-size:24px;font-weight:800;color:#0f172a;margin-bottom:26px}.cmt{display:flex;gap:14px;background:#fff;border:1px solid #e8eef7;border-radius:16px;padding:20px;margin-bottom:14px}.cmt .av{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;color:#fff;flex:none}.cmt .nm{font-weight:700;font-size:14.5px;color:#0f172a}.cmt .dt{font-size:12px;color:#94a3b8;margin:2px 0 8px}.cmt p{font-size:14px;color:#475569}
.nlist{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:56px 0 90px}
.map{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:56px 0 90px}.map .col{background:#fff;border:1px solid #e8eef7;border-radius:18px;padding:26px}.map h3{font-size:17px;color:#0f172a;margin-bottom:16px;padding-left:12px;border-left:4px solid #2563eb}.map li{margin-bottom:11px}.map a{font-size:14px;color:#475569;transition:.22s;display:flex;gap:8px}.map a:hover{color:#2563eb;transform:translateX(4px)}
.e404{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(800px 500px at 50% -10%,rgba(37,99,235,.25),transparent 60%),linear-gradient(160deg,#0a1128,#0d1f3f);color:#fff;padding:0 24px}.e404 h1{font-size:120px;font-weight:800;background:linear-gradient(135deg,#60a5fa,#2dd4bf);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}.e404 h2{font-size:26px;margin:18px 0 12px}.e404 p{color:#94a3b8;margin-bottom:34px}.e404 .cd{font-size:15px;color:#5eead4;margin-top:22px}
.rv{opacity:0;transform:translateY(34px);transition:opacity .7s ease,transform .7s ease}.rv.on{opacity:1;transform:none}.top-btn{position:fixed;right:26px;bottom:26px;width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#2563eb,#14b8a6);color:#fff;font-size:19px;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 28px rgba(37,99,235,.4);opacity:0;visibility:hidden;transition:.3s;z-index:90}.top-btn.show{opacity:1;visibility:visible}
@media(max-width:992px){.hero{padding:130px 0 84px}.hero-in{grid-template-columns:1fr;gap:48px}.hero h1{font-size:38px}.hero .sub{font-size:16px}.fgrid{grid-template-columns:repeat(2,1fr)}.sgrid{grid-template-columns:repeat(2,1fr)}.ngrid,.nlist{grid-template-columns:repeat(2,1fr)}.show{grid-template-columns:1fr;gap:36px}.pgrid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.pcard.hot{transform:none}.pcard.hot:hover{transform:translateY(-8px)}.vgrid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.sysgrid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.art{grid-template-columns:1fr}.side{position:static;display:grid;grid-template-columns:1fr;gap:22px}.side .card{margin-bottom:0}.map{grid-template-columns:repeat(2,1fr)}.nav{position:fixed;top:62px;left:0;right:0;background:#0a1128;padding:14px 22px 26px;display:none;max-height:calc(100vh - 62px);overflow-y:auto;border-top:1px solid rgba(255,255,255,.1)}.nav.open{display:block}.nav>ul{flex-direction:column;align-items:stretch;gap:2px}.nav>ul>li>a{padding:14px 12px;font-size:15.5px;color:#e2e8f0;justify-content:space-between}.ddm{position:static;opacity:1;visibility:visible;transform:none;background:rgba(255,255,255,.05);box-shadow:none;padding:4px 10px;display:none;margin-bottom:6px}.nav li.ddp.open .ddm{display:block}.ddm a{color:#cbd5e1;padding:10px 14px}.ddm a:hover{background:rgba(255,255,255,.08);color:#5eead4}.nav .arr{transition:.3s}.nav li.ddp.open .arr{transform:rotate(180deg)}.nav-cta{margin:12px 0 0}.burger{display:flex}.tgrid{grid-template-columns:1fr}}
@media(max-width:768px){.sec{padding:70px 0}.sec-top{margin-bottom:42px}.sec-top h2{font-size:28px}.hero h1{font-size:32px}.hero-stats .st{padding:0 18px}.chat{max-width:100%}.hero-btns .btn{flex:1;justify-content:center}.ftr-grid{grid-template-columns:1fr 1fr}.cta h2{font-size:28px}.art-head h1{font-size:25px}.art-bd .data-tbl{grid-template-columns:1fr;gap:12px}.rel{grid-template-columns:1fr}.e404 h1{font-size:90px}}
@media(max-width:480px){.fgrid,.sgrid,.ngrid,.nlist,.sysgrid,.steps,.map,.ftr-grid{grid-template-columns:1fr}.hero{padding:118px 0 70px}.hero h1{font-size:27px}.hero .sub{font-size:15px}.hero-stats .st{min-width:33.3%;padding:0 12px}.hero-stats .num{font-size:24px}.hero-stats .lb{font-size:12px}.dl-meta .m{flex:1;min-width:45%}.btn-lg{padding:14px 28px;font-size:16px}.art-bd p{font-size:15px}.chat-tools .tg{min-width:100%}.wrap{padding:0 18px}}