*{margin:0;padding:0;box-sizing:border-box;font-family:Microsoft YaHei,微软雅黑,PingFang SC,sans-serif}:root{--main-blue: #89baff;--sub-blue: #5e81b3;--main-purple: #a855f7;--bg-dark: #080b16;--bg-card: rgba(42, 53, 79, .9);--bg-header: rgba(26, 32, 54, .95);--text-normal: #e2e8f0;--border-light: rgba(137, 186, 255, .2);--glow-color: rgba(137, 186, 255, .3)}[data-theme=dark]{--main-blue: #c0c8d8;--sub-blue: #666;--main-purple: #999;--bg-dark: #000;--bg-card: rgba(20, 20, 20, .95);--bg-header: rgba(10, 10, 10, .98);--border-light: rgba(255,255,255,.1);--glow-color: rgba(255,255,255,.15)}[data-theme=purple]{--main-blue: #c4b5fd;--sub-blue: #7c3aed;--main-purple: #d946ef;--bg-dark: #100820;--bg-card: rgba(50, 30, 90, .9);--bg-header: rgba(40, 20, 70, .95);--border-light: rgba(196, 181, 253, .2);--glow-color: rgba(168, 85, 247, .3)}[data-theme=cyan]{--main-blue: #5eead4;--sub-blue: #0d9488;--main-purple: #22d3ee;--bg-dark: #061919;--bg-card: rgba(20, 60, 60, .9);--bg-header: rgba(15, 45, 45, .95);--border-light: rgba(94, 234, 212, .2);--glow-color: rgba(94, 234, 212, .3)}[data-theme=orange]{--main-blue: #fdba74;--sub-blue: #ea580c;--main-purple: #f87171;--bg-dark: #1a0f08;--bg-card: rgba(80, 40, 20, .9);--bg-header: rgba(60, 30, 15, .95);--border-light: rgba(252, 211, 165, .2);--glow-color: rgba(251, 191, 36, .3)}[data-theme=green]{--main-blue: #86efac;--sub-blue: #16a34a;--main-purple: #34d399;--bg-dark: #07180f;--bg-card: rgba(25, 70, 45, .9);--bg-header: rgba(18, 50, 32, .95);--border-light: rgba(134, 239, 172, .2);--glow-color: rgba(34, 211, 153, .3)}html,body{width:100%;min-height:100vh;color:var(--text-normal);background:var(--bg-dark);overflow-x:hidden}#bg-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}.bg-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#7b99bd2e,#1a2036d9 70%)}.bg-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(137,186,255,.12),transparent 65%);animation:bgGlow 15s ease-in-out infinite alternate}@keyframes bgGlow{0%{opacity:.5;transform:scale(1)}to{opacity:.8;transform:scale(1.1)}}.planet-icon{position:absolute;font-size:26px;opacity:.65;animation:planetFloat 20s ease-in-out infinite alternate;text-shadow:0 0 10px var(--glow-color)}@keyframes planetFloat{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-15px) rotate(3deg)}}.p1{top:12%;left:8%;color:#d1d5db}.p2{top:25%;right:12%;color:#fcd34d;animation-delay:2s}.p3{bottom:18%;left:15%;color:var(--main-blue);animation-delay:4s}.p4{top:45%;right:25%;color:#f87171;animation-delay:6s}.p5{bottom:35%;right:18%;color:#fbbf24;animation-delay:8s}.p6{top:65%;left:28%;color:var(--main-purple);animation-delay:10s}.p7{top:30%;left:65%;color:#2dd4bf;animation-delay:12s}.p8{bottom:20%;left:75%;color:#60a5fa;animation-delay:14s}.studio-logo{position:absolute;width:360px;height:360px;top:50%;left:50%;margin-left:-180px;margin-top:-180px;opacity:.18;animation:logoSpin 80s linear infinite;filter:drop-shadow(0 0 30px var(--glow-color))}@keyframes logoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.star{position:absolute;background:#fff;width:2px;height:2px;border-radius:50%;animation:starBlink 10s ease-in-out infinite;box-shadow:0 0 4px #fff}.star.big{width:3px;height:3px;box-shadow:0 0 6px #fff}@keyframes starBlink{0%,to{opacity:.2}50%{opacity:1}}.light{position:absolute;width:4px;height:4px;background:var(--main-blue);border-radius:50%;opacity:.5;animation:lightMove 25s linear infinite;box-shadow:0 0 8px var(--main-blue)}@keyframes lightMove{0%{transform:translate(0);opacity:.3}50%{opacity:.7}to{transform:translate(-50vw,-50vh);opacity:.3}}#danmaku-box{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.danmaku{position:absolute;white-space:nowrap;font-size:14px;color:#89baff;animation:danmakuFly 30s linear infinite}.danmaku.abstract{color:gold;font-weight:700}@keyframes danmakuFly{0%{transform:translate(100vw)}to{transform:translate(-100%)}}.bird{position:absolute;color:var(--main-blue);font-size:24px;opacity:.35;animation:birdFly 28s linear infinite;text-shadow:0 0 8px var(--glow-color)}.bird:nth-child(2){animation-duration:32s;color:#86efac66}.bird:nth-child(3){animation-duration:36s;color:#f8fafc66}.bird:nth-child(4){animation-duration:40s;color:#f472b666}@keyframes birdFly{0%{transform:translate(-10vw,15vh);opacity:0}10%{opacity:.9}90%{opacity:.9}to{transform:translate(110vw,30vh);opacity:0}}header{position:fixed;top:0;left:0;width:100%;background:var(--bg-header);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:18px 30px;z-index:9999;border-bottom:1px solid var(--border-light)}.nav{width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo-wrap{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.logo-icon{width:24px;height:24px;fill:var(--main-blue);position:relative;top:2px;animation:iconSpin 10s linear infinite}@keyframes iconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo{font-size:26px;font-weight:700;background:linear-gradient(90deg,var(--main-blue),var(--main-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;line-height:1.1}.menu{display:flex;align-items:center;gap:0}.menu a{display:inline-block;color:var(--text-normal);margin-left:22px;cursor:pointer;font-size:15px;font-weight:500;transition:all .3s ease;position:relative;-webkit-user-select:none;user-select:none;padding:5px 0}.menu a:hover{color:var(--main-blue)}.menu a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:linear-gradient(90deg,var(--main-blue),var(--main-purple));transition:width .3s ease}.menu a:hover:after{width:100%}.menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10000;outline:none}.menu-toggle span{display:block;width:100%;height:2px;background:var(--text-normal);border-radius:2px;transition:all .3s cubic-bezier(.16,1,.3,1);transform-origin:left center}.menu-toggle.open span:nth-child(1){transform:rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0;transform:scale(0)}.menu-toggle.open span:nth-child(3){transform:rotate(-45deg)}main{padding-top:80px;min-height:100vh;position:relative;z-index:2}.page{display:none;padding:40px 24px 80px;min-height:calc(100vh - 80px)}.page.active{display:block;animation:pageFadeIn .6s ease}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.title{text-align:center;font-size:38px;margin-bottom:50px;background:linear-gradient(90deg,var(--main-blue),var(--main-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.banner{min-height:calc(100vh - 160px);display:flex;align-items:center;justify-content:center;text-align:center}.banner h1{font-size:60px;margin-bottom:20px;color:#fff;text-shadow:0 0 20px rgba(0,0,0,.3)}.banner p{font-size:18px;max-width:600px;margin:0 auto 30px;line-height:1.8;opacity:.9}.btn-group{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:14px 32px;background:linear-gradient(135deg,var(--main-blue),var(--main-purple));color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px var(--glow-color);-webkit-user-select:none;user-select:none}.btn:hover{transform:translateY(-4px);box-shadow:0 10px 30px var(--glow-color)}.btn:active{transform:translateY(-1px)}.card-box{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.card{background:var(--bg-card);padding:28px;border-radius:18px;border:1px solid var(--border-light);transition:all .4s ease;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #0000004d,0 0 20px var(--glow-color);border-color:var(--main-blue)}.card h3{font-size:20px;margin-bottom:14px;background:linear-gradient(90deg,var(--main-blue),var(--main-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card p{font-size:15px;line-height:1.8;opacity:.9}.card-tag{display:inline-block;padding:3px 10px;background:#89baff26;border-radius:99px;font-size:12px;margin:8px 4px 0 0}.card-collect{position:absolute;top:18px;right:18px;font-size:20px;cursor:pointer;opacity:.7;transition:.3s;-webkit-user-select:none;user-select:none}.card-collect:hover{opacity:1;transform:scale(1.2)}.mod-link{display:inline-block;margin-top:16px;padding:10px 24px;background:linear-gradient(135deg,var(--main-blue),var(--sub-blue));color:#fff;border-radius:10px;text-decoration:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.mod-link:hover{transform:translateY(-3px);box-shadow:0 6px 20px var(--glow-color)}.text-center{text-align:center;font-size:17px;line-height:2.2;max-width:700px;margin:0 auto}.text-center p{margin:8px 0}.copy-btn{display:inline-block;padding:4px 12px;border-radius:6px;border:1px solid var(--border-light);background:#ffffff14;cursor:pointer;font-size:13px;margin-left:8px;transition:.3s;-webkit-user-select:none;user-select:none;vertical-align:middle}.copy-btn:hover{background:#89baff33}.timeline{max-width:800px;margin:0 auto}.timeline-item{border-left:3px solid var(--main-blue);padding-left:24px;margin-bottom:36px;position:relative}.timeline-item:before{content:"";width:12px;height:12px;background:var(--main-blue);border-radius:50%;position:absolute;left:-7px;top:5px}.timeline-date{font-size:13px;opacity:.7;margin-bottom:6px}.timeline-ver{font-size:20px;font-weight:600;margin-bottom:10px;background:linear-gradient(90deg,var(--main-blue),var(--main-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timeline ul{padding-left:20px;line-height:2;font-size:15px}.modal-mask{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20000;justify-content:center;align-items:center}.modal-mask.show{display:flex;animation:maskFadeIn .3s ease}@keyframes maskFadeIn{0%{opacity:0}to{opacity:1}}.modal-box{width:90%;max-width:650px;max-height:85vh;overflow-y:auto;background:var(--bg-card);border-radius:20px;border:1px solid var(--border-light);padding:28px;position:relative;animation:modalPop .4s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}@keyframes modalPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-close{position:absolute;top:16px;right:20px;font-size:24px;cursor:pointer;opacity:.7;transition:.3s;-webkit-user-select:none;user-select:none;width:30px;height:30px;text-align:center;line-height:26px}.modal-close:hover{opacity:1;transform:scale(1.1)}.modal-title{font-size:24px;margin-bottom:20px;background:linear-gradient(90deg,var(--main-blue),var(--main-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.theme-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.theme-item{padding:14px;border-radius:12px;border:2px solid transparent;text-align:center;cursor:pointer;transition:.3s;background:#ffffff0d;font-size:14px;-webkit-user-select:none;user-select:none}.theme-item:hover{transform:translateY(-4px)}.theme-item.active{border-color:var(--main-blue);box-shadow:0 0 15px var(--glow-color)}.set-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-light);font-size:15px}.set-row:last-child{border-bottom:none}.switch{width:42px;height:22px;background:#444;border-radius:99px;position:relative;cursor:pointer;transition:.3s;flex-shrink:0}.switch:after{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:3px;left:3px;transition:.3s}.switch.on{background:var(--main-blue)}.switch.on:after{left:23px}input[type=range]{width:120px;flex-shrink:0}#easterBtn{position:fixed;background:linear-gradient(135deg,var(--main-blue),var(--sub-blue));color:#fff;padding:10px 18px;border-radius:10px;font-size:14px;font-weight:600;border:none;cursor:pointer;z-index:9000;transition:all .3s ease;box-shadow:0 6px 20px var(--glow-color);-webkit-user-select:none;user-select:none;white-space:nowrap}#easterBtn:hover{transform:scale(1.05)}#easterPage{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,#ff6b6b,#feca57,#48dbfb,#ff9ff3,#a855f7,#22c55e);z-index:30000;justify-content:center;align-items:center;flex-direction:column;animation:hueRainbow 8s linear infinite;overflow:hidden}#easterPage.show{display:flex}@keyframes hueRainbow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}#easterPage h1{font-size:60px;color:#fff;text-shadow:0 0 20px rgba(0,0,0,.5);z-index:10;margin-bottom:10px}#easterPage p{font-size:24px;color:#fff;font-weight:600;text-shadow:0 0 15px rgba(0,0,0,.4);z-index:10;margin-bottom:30px}#closeEaster{padding:16px 36px;background:#111;color:#fff;border:none;border-radius:50px;font-size:18px;font-weight:600;cursor:pointer;box-shadow:0 8px 25px #0006;z-index:10;transition:.3s;-webkit-user-select:none;user-select:none}#closeEaster:hover{transform:scale(1.08)}.potato{position:absolute;font-size:30px;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:5}#modModal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:25000;justify-content:center;align-items:center}#modModal.show{display:flex}#modFrame{width:95%;height:90%;border:none;border-radius:16px;background:#fff}#closeMod{position:absolute;top:20px;right:30px;background:#fff;color:#111;padding:10px 20px;border-radius:10px;font-weight:600;border:none;cursor:pointer;z-index:26000;-webkit-user-select:none;user-select:none}#backTop{position:fixed;bottom:30px;right:30px;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--main-blue),var(--sub-blue));display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;cursor:pointer;z-index:8000;opacity:0;transform:translateY(20px);transition:all .3s ease;pointer-events:none;-webkit-user-select:none;user-select:none}#backTop.show{opacity:1;transform:translateY(0);pointer-events:auto}@media(max-width:768px){header{padding:14px 20px}.nav{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.menu-toggle{display:flex}.menu{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:var(--bg-header);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;transition:right .4s cubic-bezier(.16,1,.3,1);z-index:9998;padding:80px 20px 40px;box-sizing:border-box}.menu.active{right:0}.menu a{margin:0;font-size:18px;font-weight:600;padding:8px 0;width:80%;text-align:center;border-bottom:1px solid rgba(255,255,255,.05)}.menu a:after{display:none}main{padding-top:70px}.banner h1{font-size:32px}.banner p{font-size:15px;padding:0 10px}.btn-group{flex-direction:column;gap:12px;width:100%;max-width:280px;margin:0 auto}.btn{width:100%}.title{font-size:28px}.theme-list{grid-template-columns:repeat(2,1fr)}#backTop{bottom:20px;right:20px;width:42px;height:42px}.studio-logo{width:260px;height:260px;margin-left:-130px;margin-top:-130px}.timeline{padding:0 10px}.timeline-item{padding-left:16px;margin-bottom:24px}.timeline-item:before{left:-8px}.timeline ul{padding-left:15px;font-size:14px}#closeMod{top:10px;right:15px;padding:8px 16px;font-size:13px;border-radius:8px}#modFrame{width:100%;height:92%;border-radius:0}}.chat-wrap{position:relative;z-index:10;width:100%;height:calc(100vh - 80px);display:flex;flex-direction:column}.chat-header{padding:16px 20px;border-bottom:1px solid var(--border-light);background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.chat-header-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:0}.chat-header-title h1{font-size:22px;background:linear-gradient(90deg,var(--main-blue),var(--main-purple));-webkit-background-clip:text;color:transparent;text-align:left}.chat-header-title p{font-size:12px;opacity:.7;text-align:left}.chat-model-select{padding:8px 12px;border-radius:10px;background:#ffffff14;border:1px solid var(--border-light);color:var(--text-normal);outline:none;min-width:240px}.chat-model-select option{background:var(--bg-dark);color:var(--text-normal)}.chat-msgs{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.chat-msg-user{text-align:right}.chat-msg-user .chat-bubble{display:inline-block;max-width:75%;padding:10px 14px;border-radius:16px 16px 2px;background:linear-gradient(135deg,var(--main-blue),var(--main-purple));color:#fff;word-wrap:break-word;white-space:pre-line}.chat-msg-ai{text-align:left}.chat-msg-ai .chat-bubble{display:inline-block;max-width:75%;padding:10px 14px;border-radius:16px 16px 16px 2px;background:var(--bg-card);border:1px solid var(--border-light);word-wrap:break-word;white-space:pre-line}.chat-input-area{padding:14px;border-top:1px solid var(--border-light);display:flex;gap:10px;background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.chat-input{flex:1;padding:12px 16px;border-radius:12px;border:1px solid var(--border-light);background:#ffffff0f;color:var(--text-normal);outline:none;font-size:15px}.chat-send-btn{padding:0 22px;border-radius:12px;border:none;background:linear-gradient(135deg,var(--main-blue),var(--main-purple));color:#fff;font-weight:600;cursor:pointer;transition:.2s;box-shadow:0 4px 15px var(--glow-color)}.chat-send-btn:hover{transform:translateY(-2px)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:768px){.chat-wrap{height:calc(100vh - 70px)}.chat-header{padding:10px 14px}.chat-header-top{flex-direction:column;align-items:flex-start;gap:8px}.chat-model-select{width:100%;min-width:unset}.chat-msgs{padding:10px;gap:10px}.chat-msg-user .chat-bubble,.chat-msg-ai .chat-bubble{max-width:88%;padding:8px 12px;font-size:14px}.chat-input-area{padding:10px;gap:8px}.chat-input{padding:10px 12px;font-size:14px}.chat-send-btn{padding:0 16px;font-size:14px}}