body{font-family:'Microsoft YaHei',sans-serif;margin:0 auto;padding:20px;background-color:#f5f5f5;background:url(../pic/BG2.jpg);background-size:auto;height:100%;cursor:url(../pic/mouse.cur),auto}.navbar{position:fixed;top:0;left:0;width:100%;height:60px;background-color:#000;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:center;align-items:center;z-index:1000}.navbar::after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:15px;background:linear-gradient(90deg,transparent,#00FEFE,#F0F,#00FEFE,transparent);opacity:.7;filter:blur(10px);z-index:-1;transform:scaleX(1.1);animation:glow-pulseTT 3s infinite alternate}@keyframes glow-pulseTT{0%{opacity:.5}100%{opacity:.9}}.nav-container{width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:center;padding:0 30px}.logo{font-size:24px;font-weight:700;color:#333;text-decoration:none}.nav-links{display:flex;gap:30px}.nav-link{position:relative;color:#555;text-decoration:none;font-size:16px;font-weight:500;transition:color .3s ease}.nav-link:hover{color:#06f}.nav-link.active{color:#06f}.nav-link::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:#06f;transition:width .3s ease}.nav-link:hover::after,.nav-link.active::after{width:100%}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;top:100%;left:0;background-color:#fff;min-width:160px;box-shadow:0 8px 16px #0000001a;border-radius:0 0 8px 8px;z-index:1;opacity:0;transform:translateY(-10px);transition:all .3s ease}.dropdown:hover .dropdown-content{display:block;opacity:1;transform:translateY(0)}.dropdown-item{color:#555;padding:12px 16px;text-decoration:none;display:block;transition:all .2s}.dropdown-item:hover{background-color:#f5f5f5;color:#06f;padding-left:20px}.avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid #6A5ACD;margin-left:20px}.avatar-img{width:100%;height:100%;object-fit:cover}.filter-panel{background:linear-gradient(135deg,#0F1C3F,#F0A,#9D00FF,#F0A);position:relative;color:#fff;padding:30px;border-radius:10px;margin-bottom:30px;background-size:400% 400%}.filter-panel::before,.filter-panel::after{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#00FEFE,#F0F,#00FEFE);z-index:-1;opacity:.7}.filter-panel::before{filter:blur(5px)}.filter-panel::after{filter:blur(10px)}.logoStyle{font-weight:700;color:#FFC0CB;font-style:italic;animation:glow-3 1s infinite alternate;font-size:30px}@keyframes glow-3{from{text-shadow:0 0 2px #FFC0CB}to{text-shadow:0 0 10px #FFC0CB,0 0 20px #FFC0CB}}.topFont1{font-weight:700;color:#40E0CD;font-style:italic;animation:glow-4 1s infinite alternate;font-size:18px}@keyframes glow-4{from{text-shadow:0 0 2px #40E0CD}to{text-shadow:0 0 10px #40E0CD,0 0 20px #40E0CD}}.topFont2{font-weight:700;color:#FFD700;font-style:italic;animation:glow-5 1s infinite alternate;font-size:21px}@keyframes glow-5{from{text-shadow:0 0 2px #FFD700}to{text-shadow:0 0 10px #FFD700,0 0 20px #FFD700}}.topFont3{font-weight:700;color:#DC143C;font-style:italic;animation:glow-6 1s infinite alternate;font-size:18px}@keyframes glow-6{from{text-shadow:0 0 2px #DC143C}to{text-shadow:0 0 10px #DC143C,0 0 20px #DC143C}}.topFont4{font-weight:700;color:#8A2BE2;font-style:italic;animation:glow-7 1s infinite alternate;font-size:18px}@keyframes glow-7{from{text-shadow:0 0 2px #8A2BE2}to{text-shadow:0 0 10px #8A2BE2,0 0 20px #8A2BE2}}.cyber-text-none{font-weight:700;color:#FF0;font-style:italic;animation:glow-2 1s infinite alternate}@keyframes glow-2{from{text-shadow:0 0 2px #FF0}to{text-shadow:0 0 10px #FFFF00,0 0 20px #FF0}}.cyber-text{animation:glitch-enhanced-2 1s infinite alternate,color-shift-2 .08s infinite;color:#FF0;font-weight:700;font-style:italic}@keyframes glitch-enhanced-2{0%{transform:translate(0);text-shadow:0 0 .3em #00FEFE,0 0 .6em #F0F;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}2%{transform:translate(-0.1em,0.2em);clip-path:polygon(0 0,100% 0,95% 100%,5% 100%)}5%,15%{transform:translate(0.3em,-0.1em);text-shadow:.5em 0 0 #00FEFE,-.5em 0 0 #F0F;clip-path:polygon(0 0,50% 0,50% 100%,0 100%)}20%{transform:translate(-0.4em,0.4em) skewX(-15deg);clip-path:polygon(0 0,100% 30%,70% 100%,0 70%)}25%,50%{transform:translate(0);text-shadow:0 0 1em #00FEFE,0 0 2em #FF00FF,0 0 3em red;background-color:#ff00aa4d;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}60%{clip-path:polygon(0 0,80% 0,80% 20%,100% 20%,100% 80%,20% 80%,20% 100%,0 100%)}100%{transform:translate(0);text-shadow:0 0 .3em #00FEFE,0 0 .6em #F0F}}@keyframes color-shift-2{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(360deg)}}.sub-images-open1{border:5px solid orange}.sub-images-open2{border:4px solid #639}.sub-images-open3{border:4px solid #1E90FF}.sub-images-open4{border:5px solid gray}.image-container{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px;border-bottom:1px dashed #000}.sub-images-open1{border:5px solid orange}.sub-images-open2{border:4px solid #639}.sub-images-open3{border:4px solid #1E90FF}.sub-images-open4{border:5px solid #7FFF00}.sub-images-open5{border:5px solid gray}.sub-images-open6{border:5px solid #F5DEB3}.sub-images-open7{border:5px solid #FDF5E6}.sub-images-open8{border:5px solid #F5F5F5}img{width:150px;height:150px;object-fit:cover;border:2px solid #ddd;border-radius:8px;cursor:pointer;transition:all .3s}img:hover{transform:scale(1.05)}details{margin:10px}details > div{flex-direction:row;gap:10px;margin-left:110px;opacity:0;transform:translateX(-20px);transition:opacity 0.3s,transform .3s}details[open] > div{opacity:1;transform:translateX(0)}summary{list-style:none;cursor:pointer;display:inline-block;font-size:30px;font-weight:700;color:orange}summary::-webkit-details-marker{display:none}.image-container{display:none}.image-container.active{display:block}.character-button{padding:12px 24px;border:none;border-radius:50px;background:linear-gradient(135deg,#F0F,#2F4F4F);color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 0 0 2px white,0 0 0 4px #ff7e5f}.character-button:hover{transform:translateY(-3px);box-shadow:0 6px 12px #00000026;background:linear-gradient(135deg,#FF0,#FFD700)}.character-button-text{font-size:16px;color:#0FF;animation:glow .5s infinite alternate}@keyframes glow{from{text-shadow:0 0 2px #0FF}to{text-shadow:0 0 10px #00FFFF,0 0 20px #0FF}}.character-button-text:hover{animation:glitch-enhanced 1.2s infinite alternate,color-shift .1s infinite}@keyframes color-shift{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(360deg)}}@keyframes glitch-enhanced{0%{transform:translate(0);text-shadow:2px 0 #00FEFE,-2px 0 #F0F}25%{transform:translate(-4px,2px);text-shadow:4px 0 #00FEFE,-4px 0 #FF00FF,0 2px #0F0}50%{transform:translate(3px,-3px);text-shadow:-2px 0 #FF00FF,2px 0 #00FEFE,0 -2px red}100%{transform:translate(0);text-shadow:2px 0 #00FEFE,-2px 0 #F0F}}.character-button:active{transform:translateY(1px)}.character-button.active{background:linear-gradient(135deg,#FF0,#FFD700);box-shadow:0 0 0 2px white,0 0 0 4px #ff7e5f}.character-button::after{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);background-size:400%;border-radius:50px;z-index:-1;opacity:0;transition:opacity .3s}