*{margin:0;padding:0;box-sizing:border-box}
:root{--pk:#ff3399;--pl:#ff66bb;--cy:#00f0ff;--gd:#ffd700;--dk:#0a0010}
html{scroll-behavior:smooth}
body{font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#fff;min-height:100vh;overflow-x:hidden;background:var(--dk);position:relative}
body::before{content:"";position:fixed;inset:0;z-index:0;background:radial-gradient(ellipse at 20% 20%,rgba(255,51,153,.18)0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(0,240,255,.14)0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(138,43,226,.08)0%,transparent 60%),linear-gradient(135deg,#080010 0%,#0a0a1a 50%,#100010 100%);pointer-events:none}
body::after{content:"";position:fixed;inset:0;z-index:1;background:radial-gradient(ellipse at 20% 20%,rgba(255,51,153,.1)0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(0,240,255,.08)0%,transparent 50%),linear-gradient(180deg,rgba(0,0,0,.55)0%,rgba(10,0,16,.25)50%,rgba(0,0,0,.65)100%);pointer-events:none}
#particles{position:fixed;inset:0;z-index:2;pointer-events:none}
.scanline{position:fixed;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,240,255,.012) 3px,rgba(0,240,255,.012) 6px);animation:scanMove 10s linear infinite}
@keyframes scanMove{0%{transform:translateY(0)}100%{transform:translateY(6px)}}
.grid-line{position:fixed;inset:0;z-index:3;pointer-events:none;background-image:linear-gradient(rgba(255,51,153,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,51,153,.03) 1px,transparent 1px);background-size:60px 60px;animation:gridPulse 4s ease-in-out infinite}
@keyframes gridPulse{0%,100%{opacity:.6}50%{opacity:1}}
.nav{position:sticky;top:0;z-index:10000;display:flex;justify-content:center;gap:6px;padding:12px 10px;flex-wrap:wrap;background:rgba(10,0,16,.75);backdrop-filter:blur(30px) saturate(1.5);border-bottom:1px solid rgba(255,51,153,.5);box-shadow:0 0 20px rgba(255,51,153,.3),0 4px 30px rgba(255,51,153,.2)}
.nav::before{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--pk),var(--cy),var(--pk),transparent);animation:navGlow 3s linear infinite;background-size:200% 100%}
@keyframes navGlow{0%{background-position:200% 0}100%{background-position:-200% 0}}
.nav a,.nav button{color:#fff;text-decoration:none;padding:6px 12px;border-radius:10px;font-size:12px;font-weight:700;background:rgba(255,255,255,.05);border:1px solid rgba(255,51,153,.25);cursor:pointer;transition:all .3s;position:relative;overflow:hidden;text-shadow:0 0 6px rgba(255,51,153,.3)}
.nav a::before,.nav button::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,51,153,.2),rgba(0,240,255,.1));opacity:0;transition:opacity .3s;z-index:-1}
.nav a:hover::before,.nav button:hover::before{opacity:1}
.nav a:hover,.nav button:hover{background:rgba(255,51,153,.15);color:#fff;border-color:var(--pk);transform:translateY(-2px);box-shadow:0 0 15px rgba(255,51,153,.5),0 4px 12px rgba(255,51,153,.3);text-shadow:0 0 10px rgba(255,255,255,.8)}
.wrap{position:relative;z-index:10;max-width:960px;margin:0 auto;padding:0 16px}
.act{text-align:center;padding:16px 20px;margin:28px auto;border-radius:14px;font-size:16px;line-height:1.8;border:1px solid rgba(255,51,153,.4);background:rgba(10,0,16,.6);backdrop-filter:blur(10px);position:relative;overflow:hidden;box-shadow:0 0 20px rgba(255,51,153,.15)}
.act::before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--pk),var(--cy),var(--gd),var(--pk));background-size:400% 400%;border-radius:inherit;z-index:-1;animation:rb 6s linear infinite}
.act::after{content:"";position:absolute;inset:0;background:rgba(10,0,16,.85);border-radius:inherit;z-index:-1}
@keyframes rb{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.red{color:var(--pl);font-weight:900;font-size:20px}
.logo-wrap{text-align:center;margin:30px auto 10px}
.logo-wrap img{height:120px;width:auto;border-radius:8px;filter:drop-shadow(0 0 20px rgba(255,51,153,.3))}
h1.ttl{text-align:center;font-size:clamp(24px,6vw,42px);margin:10px 0 20px;font-weight:900;letter-spacing:3px}
h1.ttl span.g{background:linear-gradient(135deg,var(--pl),var(--cy),var(--gd),var(--pk));background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gs 4s ease-in-out infinite;filter:drop-shadow(0 0 18px rgba(255,51,153,.5))}
@keyframes gs{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
h1.ttl span.s{display:block;font-size:15px;letter-spacing:6px;-webkit-text-fill-color:rgba(255,255,255,.6);margin-top:8px}
.card{background:rgba(10,0,16,.6);border:1px solid rgba(255,51,153,.2);border-radius:16px;padding:24px;margin-bottom:24px;position:relative;overflow:hidden;transition:transform .4s,box-shadow .4s}
.card:hover{transform:translateY(-4px);box-shadow:0 16px 50px rgba(255,51,153,.3)}
.card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,51,153,.06),transparent 60%);pointer-events:none}
.card::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--pk),var(--cy),transparent);transition:left .6s;opacity:.6}
.card:hover::after{left:100%}
.card h2{font-size:18px;color:var(--pl);margin-bottom:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.card h2 button{margin-left:auto;font-size:12px;padding:5px 12px;border-radius:8px;border:1px solid rgba(255,51,153,.3);background:rgba(255,51,153,.1);color:var(--pl);cursor:pointer;transition:all .3s}
.card h2 button:hover{background:var(--pk);color:#fff;box-shadow:0 0 12px rgba(255,51,153,.4)}
.card h3{color:#ffb3d9;margin:20px 0 10px;font-size:15px}
.tbl{width:100%;border-collapse:collapse;margin-bottom:12px}
.tbl th{background:rgba(255,51,153,.15);color:var(--pl);padding:10px 6px;font-size:13px;border:1px solid rgba(255,51,153,.2)}
.tbl td{padding:10px 6px;text-align:center;font-size:13px;border:1px solid rgba(255,255,255,.08);transition:background .3s}
.tbl tr:hover td{background:rgba(255,51,153,.1)}
.tbl td:first-child{font-weight:700;color:var(--cy)}
.pr{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:10px;margin-bottom:6px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);font-size:14px;transition:all .3s;position:relative;overflow:hidden}
.pr::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,51,153,.08),transparent);opacity:0;transition:opacity .3s}
.pr:hover::before{opacity:1}
.pr:hover{border-color:rgba(255,51,153,.3);transform:translateX(4px);box-shadow:0 0 15px rgba(255,51,153,.1)}
.pr .tag{color:var(--gd);font-weight:900;white-space:nowrap;font-size:15px;text-shadow:0 0 8px rgba(255,215,0,.3)}
.desc{color:rgba(255,255,255,.5);font-size:13px;margin-top:10px;text-align:center}
.copy-box{text-align:center;margin:30px 0}
.copy-box button{padding:14px 36px;font-size:16px;font-weight:900;border-radius:14px;border:none;background:linear-gradient(135deg,var(--pk),var(--cy));color:#fff;cursor:pointer;transition:all .3s;box-shadow:0 6px 30px rgba(255,51,153,.4)}
.copy-box button:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 10px 40px rgba(255,51,153,.6)}
.ft{text-align:center;color:rgba(255,255,255,.3);margin-top:50px;padding-bottom:40px;font-size:13px}
.notice-bar{margin:40px 0 20px;padding:16px 20px;border-radius:12px;background:rgba(255,51,153,.08);border:1px solid rgba(255,51,153,.2);display:flex;align-items:flex-start;gap:10px}
.notice-icon{font-size:16px;color:#ffd700;flex-shrink:0;margin-top:2px}
.notice-content{font-size:12px;color:rgba(255,255,255,.45);line-height:1.8}
.entry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:12px}
.entry{display:block;text-decoration:none;color:#fff;padding:18px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,51,153,.22);transition:all .3s;position:relative;overflow:hidden}
.entry:hover{transform:translateY(-3px);border-color:var(--pk);box-shadow:0 10px 28px rgba(255,51,153,.22);background:rgba(255,51,153,.1)}
.entry strong{display:block;color:var(--pl);font-size:16px;margin-bottom:8px}
.entry span{display:block;color:rgba(255,255,255,.55);font-size:12px;line-height:1.7}
.toast{position:fixed;top:80px;left:50%;transform:translateX(-50%) translateY(-20px);background:linear-gradient(135deg,var(--pk),var(--cy));color:#fff;padding:12px 28px;border-radius:12px;font-size:14px;font-weight:700;z-index:99999;opacity:0;transition:all .4s;pointer-events:none;box-shadow:0 8px 30px rgba(255,51,153,.4)}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.float-dot{position:fixed;border-radius:50%;pointer-events:none;z-index:4;opacity:.4;animation:float 8s ease-in-out infinite;box-shadow:0 0 10px currentColor}
@keyframes float{0%,100%{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-30px) scale(1.2);opacity:.6}}
.glow-text{text-shadow:0 0 6px rgba(255,51,153,.4),0 0 12px rgba(255,51,153,.2)}
.card{position:relative;overflow:hidden}
.card .glow-border{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,51,153,.3),rgba(0,240,255,.15),rgba(255,51,153,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s;pointer-events:none;z-index:5}
.card:hover .glow-border{opacity:1}
.pulse-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,51,153,.15);animation:pulse 3s ease-out infinite;pointer-events:none;z-index:0}
@keyframes pulse{0%{transform:scale(1);opacity:.5}100%{transform:scale(2);opacity:0}}
@media(max-width:640px){.nav{gap:5px;padding:10px 6px}.nav a,.nav button{padding:5px 8px;font-size:11px}.card{padding:16px 12px}.tbl th,.tbl td{padding:8px 4px;font-size:11px}.pr{padding:10px 12px;font-size:13px;flex-wrap:wrap;gap:4px}.pr .tag{font-size:13px}h1.ttl{margin:24px 0 20px}}

/* 左侧机器人智能助手 */




@keyframes aiFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}


@keyframes aiPop{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}













@media(max-width:640px){}

body.light{--dk:#f0f2f5;--card-bg:rgba(255,255,255,.85);--text-main:#1a1a2e;--text-sub:rgba(26,26,46,.72);--border:rgba(255,51,153,.22)}
body.light::before{background:radial-gradient(ellipse at 20% 20%,rgba(255,51,153,.08)0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(0,240,255,.06)0%,transparent 50%),linear-gradient(135deg,#f5f0f7 0%,#f0f4f8 50%,#f8f0f5 100%)}
body.light::after{background:none}
body.light .scanline,body.light .grid-line{display:none}
body.light .nav{background:rgba(255,255,255,.85);border-bottom:1px solid rgba(255,51,153,.3);box-shadow:0 2px 20px rgba(255,51,153,.1)}
body.light .nav a{color:#1a1a2e;background:rgba(255,255,255,.6);border:1px solid rgba(255,51,153,.2)}
body.light .nav a:hover{background:rgba(255,51,153,.1);color:var(--pk)}
body.light .sub{color:rgba(26,26,46,.56)}
body.light .card{background:rgba(255,255,255,.85);border:1px solid rgba(255,51,153,.22)}
body.light .card h2{color:var(--pk)}
body.light .card p{color:rgba(26,26,46,.72)}
body.light .notice{background:rgba(255,51,153,.05);color:rgba(0,0,0,.45)}
body.light .ft{color:rgba(0,0,0,.3)}
body.light 
body.light 

.to-top{position:fixed;right:16px;bottom:92px;z-index:99999;width:46px;height:46px;border-radius:14px;background:rgba(10,0,16,.85);border:1px solid rgba(255,51,153,.4);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;opacity:0;pointer-events:none;box-shadow:0 4px 20px rgba(255,51,153,.3);font-size:18px}
body.light .to-top{background:rgba(255,255,255,.9);border:1px solid rgba(255,51,153,.3);color:#1a1a2e}
.to-top.show{opacity:1;pointer-events:auto}
.to-top:hover{background:rgba(255,51,153,.2);transform:translateY(-2px)}
.theme-toggle{position:fixed;right:16px;bottom:146px;z-index:99999;width:46px;height:46px;border-radius:14px;background:rgba(10,0,16,.85);border:1px solid rgba(255,51,153,.4);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px rgba(255,51,153,.3);font-size:18px}
body.light .theme-toggle{background:rgba(255,255,255,.9);border:1px solid rgba(255,51,153,.3);color:#1a1a2e}
.theme-toggle:hover{background:rgba(255,51,153,.2);transform:translateY(-2px)}

body.light 

.pr-link{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:10px;margin-bottom:6px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);font-size:14px;transition:all .3s;position:relative;overflow:hidden;cursor:pointer;text-decoration:none;color:#fff}
.pr-link:hover{border-color:rgba(255,51,153,.3);transform:translateX(4px);box-shadow:0 0 15px rgba(255,51,153,.1);background:rgba(255,51,153,.06)}
.pr-link .arrow{color:rgba(255,255,255,.3);font-size:12px;transition:all .3s}
.pr-link:hover .arrow{color:var(--pk);transform:translateX(3px)}