:root{--sea:#04121a;--sea2:#071f2b;--sea3:#0c2b3a;--sonar:#22d3ee;--sig:#34d399;--warn:#f97316;--tx:#e2f4fa;--mt:#8fb3c4;--bd:rgba(34,211,238,.22);--card:rgba(34,211,238,.05)}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter','Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;background:#02090f;color:var(--tx)}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block}
.site{max-width:100%;background:linear-gradient(180deg,var(--sea) 0%,var(--sea2) 60%,#04141f 100%);min-height:100vh;overflow:hidden}
.in{max-width:1160px;margin:0 auto;padding:0 24px}
.hd{position:sticky;top:0;z-index:100;background:rgba(4,18,26,.82);backdrop-filter:blur(20px);border-bottom:1px solid var(--bd)}
.hd .hdi{display:flex;align-items:center;gap:24px;padding:14px 0}
.hd .lg{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:800;letter-spacing:1px}
.hd .lg .lgic{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--sonar),#0ea5e9);display:flex;align-items:center;justify-content:center}
.hd .lg .lgic::after{content:'';width:10px;height:10px;border-radius:50%;background:var(--sig);box-shadow:0 0 12px var(--sig)}
.hd .nv{display:flex;gap:2px;margin-left:auto}
.hd .nv a{padding:6px 16px;font-size:12px;color:var(--mt);border-radius:8px;transition:all .2s}
.hd .nv a:hover,.hd .nv a.on{color:var(--sonar);background:rgba(34,211,238,.08)}
.hd .bt{padding:8px 22px;background:linear-gradient(135deg,var(--sonar),#0ea5e9);color:#04121a;border-radius:8px;font-size:12px;font-weight:800}
.hero{position:relative;border-bottom:1px solid var(--bd)}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 78% 40%,rgba(34,211,238,.08),transparent 45%);pointer-events:none}
.hero .hg{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;padding:54px 0 48px}
.hero .hc .kicker{display:inline-flex;align-items:center;gap:6px;font-size:10px;letter-spacing:3px;color:var(--sonar);border:1px solid var(--bd);padding:5px 14px;border-radius:20px;font-family:'Share Tech Mono',monospace;margin-bottom:18px}
.hero .hc .kicker::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--sig);box-shadow:0 0 10px var(--sig);animation:pulse 2s infinite}
.hero .hc h1{font-size:clamp(1.6rem,3.4vw,2.3rem);font-weight:800;line-height:1.35;margin-bottom:14px}
.hero .hc h1 span{color:var(--sonar)}
.hero .hc p{font-size:12px;color:var(--mt);line-height:2;max-width:480px;margin-bottom:20px}
.hero .hc .bts{display:flex;gap:12px;flex-wrap:wrap}
.hero .hc .bts a{padding:11px 28px;border-radius:8px;font-size:12px;font-weight:800}
.hero .hc .bts .a{background:linear-gradient(135deg,var(--sonar),#0ea5e9);color:#04121a;box-shadow:0 4px 24px rgba(34,211,238,.35)}
.hero .hc .bts .b{border:1px solid var(--bd);color:var(--sonar)}
.hero .hc .pills{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}
.hero .hc .pills span{font-size:9px;color:var(--mt);border:1px solid var(--bd);padding:4px 12px;border-radius:16px;font-family:'Share Tech Mono',monospace}
.hero .hv{position:relative;display:flex;align-items:center;justify-content:center;min-height:380px}
.sonar{position:relative;width:340px;height:340px}
.sonar .ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(34,211,238,.3)}
.sonar .r1{width:100%;height:100%}
.sonar .r2{width:76%;height:76%;border-style:dashed}
.sonar .r3{width:52%;height:52%}
.sonar .r4{width:28%;height:28%;border-color:rgba(34,211,238,.5)}
.sonar .sweep{position:absolute;left:50%;top:50%;width:50%;height:2px;background:linear-gradient(90deg,rgba(34,211,238,.95),rgba(34,211,238,0));transform-origin:0 50%;animation:spin 4s linear infinite}
.sonar .core{position:absolute;left:50%;top:50%;width:16px;height:16px;transform:translate(-50%,-50%);border-radius:50%;background:var(--sig);box-shadow:0 0 22px var(--sig);animation:pulse 2s infinite}
.sonar .grid{position:absolute;inset:10%;border-radius:50%;border:1px solid rgba(34,211,238,.1)}
.sonar .grid::before,.sonar .grid::after{content:'';position:absolute;background:rgba(34,211,238,.1)}
.sonar .grid::before{left:50%;top:0;bottom:0;width:1px}
.sonar .grid::after{top:50%;left:0;right:0;height:1px}
.sonar .dot{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;font-family:'Share Tech Mono',monospace}
.sonar .dot .pd{width:10px;height:10px;border-radius:50%;background:var(--sonar);box-shadow:0 0 14px var(--sonar);animation:pulse 1.6s infinite}
.sonar .dot b{font-size:10px;color:var(--sonar)}
.sonar .dot s{font-size:8px;color:var(--mt);text-decoration:none}
.sonar .dot.hot .pd{background:var(--warn);box-shadow:0 0 14px var(--warn)}
.sonar .dot.hot b{color:var(--warn)}
.sonar .dot.grn .pd{background:var(--sig);box-shadow:0 0 14px var(--sig)}
.sonar .dot.grn b{color:var(--sig)}
.sonar .d1{left:58%;top:8%}
.sonar .d2{left:24%;top:26%}
.sonar .d3{right:18%;top:20%}
.sonar .d4{left:20%;bottom:24%}
.sonar .d5{right:26%;bottom:16%}
.sonar .d6{left:12%;top:56%}
.sonar .d7{right:10%;bottom:46%}
.sonar .d8{right:40%;top:8%}
.sonar .depth{position:absolute;right:4px;bottom:8px;font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--mt);letter-spacing:1px}
.sonar .depth i{color:var(--sonar);font-style:normal}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--bd);border:1px solid var(--bd);border-radius:14px;overflow:hidden;margin:0 0 44px}
.stats .si{background:var(--sea2);padding:22px 16px;text-align:center}
.stats .si .v{font-size:24px;font-weight:800;color:var(--sonar);font-family:'Share Tech Mono',monospace}
.stats .si .l{font-size:9px;color:var(--mt);margin-top:6px;letter-spacing:2px}
.sec-t{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;margin-bottom:18px}
.sec-t::before{content:'';width:4px;height:18px;border-radius:2px;background:linear-gradient(180deg,var(--sonar),#0ea5e9)}
.sec-t em{font-style:normal;font-size:9px;color:var(--mt);font-family:'Share Tech Mono',monospace;letter-spacing:2px}
.signals{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:44px}
.sig{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:18px;transition:all .2s}
.sig:hover{border-color:var(--sonar);transform:translateY(-2px)}
.sig .top{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.sig .ic{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;color:#04121a;font-family:'Share Tech Mono',monospace}
.sig .top b{font-size:13px;display:block}
.sig .top span{font-size:9px;color:var(--mt);display:block;margin-top:2px}
.sig .sigbar{height:5px;border-radius:3px;background:rgba(34,211,238,.12);overflow:hidden;margin-bottom:8px}
.sig .sigbar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--sonar),var(--sig))}
.sig .sigp{display:flex;justify-content:space-between;font-size:9px;color:var(--mt);font-family:'Share Tech Mono',monospace}
.sig .sigp b{color:var(--sonar);font-size:10px}
.sys{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:44px}
.sys .sc{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:20px}
.sys .sc .e{font-size:20px;margin-bottom:10px;display:block}
.sys .sc b{font-size:13px;display:block;margin-bottom:6px}
.sys .sc span{font-size:10px;color:var(--mt);line-height:1.8;display:block}
.sys .sc .tag{display:inline-block;margin-top:10px;font-size:8px;color:var(--sonar);border:1px solid var(--bd);padding:3px 10px;border-radius:12px;font-family:'Share Tech Mono',monospace}
.logs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:44px}
.log{background:var(--card);border:1px solid var(--bd);border-radius:14px;overflow:hidden;transition:all .2s}
.log:hover{border-color:var(--sonar);transform:translateY(-2px)}
.log .ph{height:84px;overflow:hidden;background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(15,118,142,.12))}
.log .ph img{width:100%;height:100%;object-fit:cover}
.log .bd{padding:14px 16px 16px}
.log .bd .k{font-size:8px;color:var(--sonar);letter-spacing:1px;font-family:'Share Tech Mono',monospace;margin-bottom:6px}
.log .bd h3{font-size:13px;font-weight:700;line-height:1.5;margin-bottom:6px}
.log .bd p{font-size:10px;color:var(--mt);line-height:1.6;margin-bottom:8px}
.log .bd .dt{font-size:9px;color:var(--mt);font-family:'Share Tech Mono',monospace}
.aboutx{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:26px 28px;margin-bottom:44px}
.aboutx p{font-size:12px;color:var(--mt);line-height:2.1;margin-bottom:14px}
.aboutx p:last-child{margin-bottom:0}
.aboutx b{color:var(--tx)}
.cta{position:relative;background:linear-gradient(135deg,rgba(34,211,238,.12),rgba(14,165,233,.06));border:1px solid var(--bd);border-radius:18px;padding:34px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:48px;overflow:hidden}
.cta::before{content:'';position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;border:1px solid rgba(34,211,238,.2)}
.cta .t{font-size:18px;font-weight:800;margin-bottom:6px}
.cta .d{font-size:11px;color:var(--mt)}
.cta .bt2{padding:12px 30px;background:linear-gradient(135deg,var(--sonar),#0ea5e9);color:#04121a;border-radius:10px;font-size:13px;font-weight:800;box-shadow:0 4px 24px rgba(34,211,238,.35)}
.ft{background:rgba(2,9,15,.9);border-top:1px solid var(--bd)}
.ft .f-top{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap;padding:30px 0 22px}
.ft .f-brand{max-width:300px}
.ft .f-brand .fb{font-size:14px;font-weight:800;letter-spacing:1px;display:flex;align-items:center;gap:8px}
.ft .f-brand .fb::before{content:'';width:12px;height:12px;border-radius:50%;background:var(--sonar);box-shadow:0 0 12px var(--sonar)}
.ft .f-brand p{font-size:10px;color:var(--mt);line-height:1.8;margin-top:10px}
.ft .f-cols{display:flex;gap:44px}
.ft .f-cols .col b{font-size:11px;color:var(--tx);display:block;margin-bottom:10px}
.ft .f-cols .col a{display:block;font-size:10px;color:var(--mt);margin-bottom:8px}
.ft .f-bottom{display:flex;justify-content:space-between;align-items:center;padding:16px 0 24px;border-top:1px solid rgba(34,211,238,.12);font-size:9px;color:var(--mt);flex-wrap:wrap;gap:8px;font-family:'Share Tech Mono',monospace}
.artp{max-width:820px;margin:0 auto;padding:30px 0}
.art-card{background:rgba(7,31,43,.8);border:1px solid var(--bd);border-radius:16px;padding:30px 28px}
.art-b{display:inline-block;font-size:10px;color:var(--sonar);font-weight:600;margin-bottom:14px;letter-spacing:1px}
.art-h1{font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:800;color:var(--tx);margin-bottom:8px;line-height:1.4}
.art-meta{font-size:11px;color:var(--mt);margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--bd);font-family:'Share Tech Mono',monospace}
.ab{font-size:14px;color:#d9e8ef;line-height:2}
.ab h2{font-size:16px;font-weight:700;margin:26px 0 12px;padding-left:12px;border-left:4px solid var(--sonar);color:var(--tx)}
.ab p{margin-bottom:16px;text-align:justify}
.ab img{margin:16px auto;display:block;border-radius:8px;border:1px solid var(--bd)}
.art-c{text-align:center;padding:20px 0 4px;border-top:1px solid var(--bd);margin-top:26px}
.art-c a{display:inline-block;background:linear-gradient(135deg,var(--sonar),#0ea5e9);color:#04121a;padding:12px 40px;border-radius:8px;font-weight:700;font-size:13px}
.ls{max-width:820px;margin:0 auto;padding:30px 0}
.ls-card{background:rgba(7,31,43,.8);border:1px solid var(--bd);border-radius:16px;padding:30px 28px}
.ls-h1{font-size:clamp(1.15rem,2.2vw,1.45rem);font-weight:800;color:var(--tx);margin-bottom:20px}
.ls-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ls-item{padding:13px 15px;background:rgba(34,211,238,.03);border:1px solid var(--bd);border-radius:10px;display:block}
.ls-item:hover{border-color:var(--sonar)}
.ls-item .ls-date{font-size:9px;color:var(--mt);margin-bottom:5px;font-family:'Share Tech Mono',monospace}
.ls-item .ls-t{font-size:13px;font-weight:600;color:var(--tx);line-height:1.5}
.pg{display:flex;justify-content:center;gap:10px;padding:20px 0 0}
.pg a,.pg s{padding:6px 14px;border:1px solid var(--bd);border-radius:6px;font-size:11px;font-weight:600;color:var(--mt)}
.pg s{background:var(--sonar);color:#04121a;border:none}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}
@media(max-width:900px){.hero .hg{grid-template-columns:1fr;padding:36px 0 32px}.hero .hv{min-height:320px}.sonar{width:280px;height:280px}.stats{grid-template-columns:1fr 1fr}.signals,.sys,.logs{grid-template-columns:1fr 1fr}.hd .nv{overflow-x:auto;white-space:nowrap}.hd .nv a{padding:5px 10px;font-size:11px}.hd .bt{padding:7px 16px;font-size:11px}.in{padding:0 14px}.cta{padding:26px 22px}.cta .bt2{width:100%;text-align:center}.ft .f-cols{gap:24px;flex-wrap:wrap}.ls-grid{grid-template-columns:1fr}}