:root{--primary: #ffb6c1;--primary-dark: #ff91a4;--secondary: #87ceeb;--accent: #ffd700;--bg-dark: #1a1a2e;--bg-darker: #0f0f1a;--text: #ffffff;--text-muted: rgba(255,255,255,.6);--glass: rgba(255,255,255,.1);--glass-border: rgba(255,255,255,.2)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-dark);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}#app{width:100vw;height:100vh;position:relative}#canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}#ui-layer>*{pointer-events:auto}.glass-panel{background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px}.music-player{position:absolute;bottom:30px;left:50%;transform:translate(-50%);padding:20px 30px;min-width:400px;max-width:600px}.player-info{display:flex;align-items:center;gap:15px;margin-bottom:15px}.player-cover{width:60px;height:60px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;font-size:24px}.player-meta{flex:1}.player-title{font-size:16px;font-weight:600;margin-bottom:4px}.player-artist{font-size:13px;color:var(--text-muted)}.progress-bar{width:100%;height:4px;background:#fff3;border-radius:2px;cursor:pointer;position:relative;margin:10px 0}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:2px;width:0%;transition:width .1s linear}.progress-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:var(--primary);border-radius:50%;opacity:0;transition:opacity .2s}.progress-bar:hover .progress-handle{opacity:1}.player-controls{display:flex;justify-content:center;align-items:center;gap:20px}.control-btn{background:none;border:none;color:var(--text);cursor:pointer;padding:8px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.control-btn:hover{background:var(--glass);transform:scale(1.1)}.control-btn.play{width:50px;height:50px;background:linear-gradient(135deg,var(--primary),var(--primary-dark))}.control-btn.play:hover{transform:scale(1.15);box-shadow:0 0 20px #ffb6c180}.song-list{position:absolute;top:30px;right:30px;width:300px;max-height:400px;overflow-y:auto;padding:15px}.song-list::-webkit-scrollbar{width:6px}.song-list::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:3px}.song-item{display:flex;align-items:center;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s;gap:12px}.song-item:hover{background:var(--glass)}.song-item.active{background:#ffb6c133;border-left:3px solid var(--primary)}.song-number{width:24px;text-align:center;font-size:12px;color:var(--text-muted)}.song-item.active .song-number{color:var(--primary)}.song-info{flex:1}.song-name{font-size:14px;margin-bottom:2px}.song-album,.song-duration{font-size:12px;color:var(--text-muted)}.header{position:absolute;top:30px;left:30px;z-index:20}.logo{font-size:28px;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.subtitle{font-size:13px;color:var(--text-muted);letter-spacing:2px}.time-display{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted);margin-top:5px}.lyrics-panel{position:absolute;top:30px;left:30px;width:350px;max-height:400px;padding:20px;display:flex;flex-direction:column}.lyrics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.lyrics-title{font-size:14px;font-weight:600;color:var(--primary)}.lyrics-close{background:none;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.lyrics-close:hover{background:var(--glass);color:var(--text)}.lyrics-content{flex:1;overflow-y:auto;padding-right:10px;mask-image:linear-gradient(to bottom,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 10%,black 90%,transparent)}.lyrics-content::-webkit-scrollbar{width:4px}.lyrics-content::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:2px}.lyrics-placeholder{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:14px}.lyrics-line{padding:12px 16px;margin:4px 0;border-radius:8px;transition:all .3s ease;font-size:14px;line-height:1.6;color:var(--text-muted)}.lyrics-line:hover{background:var(--glass)}.lyrics-line.current{background:linear-gradient(135deg,#ffb6c133,#87ceeb33);color:var(--text);font-size:16px;font-weight:500;transform:scale(1.02)}.lyrics-line.current .char{display:inline-block;animation:charHighlight .5s ease forwards;opacity:.5}.lyrics-line.current .char{opacity:1}@keyframes charHighlight{to{opacity:1;text-shadow:0 0 10px rgba(255,182,193,.5)}}.message-wall{position:absolute;top:30px;right:30px;width:300px;max-height:400px;padding:20px;display:flex;flex-direction:column}.wall-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.wall-title{font-size:14px;font-weight:600;color:var(--primary)}.wall-count{font-size:12px;color:var(--text-muted)}.wall-content{flex:1;overflow-y:auto;margin-bottom:15px;padding-right:5px}.wall-content::-webkit-scrollbar{width:4px}.wall-content::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:2px}.message-item{padding:12px;margin-bottom:10px;background:var(--glass);border-radius:10px;border-left:3px solid var(--primary)}.message-text{font-size:13px;line-height:1.5;margin-bottom:8px;word-break:break-word}.message-meta{display:flex;justify-content:space-between;align-items:center}.message-time{font-size:11px;color:var(--text-muted)}.message-like{background:none;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;padding:4px 8px;border-radius:12px;transition:all .2s}.message-like:hover{background:#ffb6c133;color:var(--primary)}.wall-input-area{display:flex;gap:8px}.wall-input-area input{flex:1;background:var(--glass);border:1px solid var(--glass-border);border-radius:20px;padding:8px 16px;color:var(--text);font-size:13px;outline:none}.wall-input-area input::placeholder{color:var(--text-muted)}.wall-input-area input:focus{border-color:var(--primary)}.wall-input-area button{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:20px;padding:8px 16px;color:var(--bg-dark);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.wall-input-area button:hover{transform:scale(1.05);box-shadow:0 4px 15px #ffb6c166}.thanks-animation{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--bg-dark);padding:16px 32px;border-radius:30px;font-size:16px;font-weight:600;animation:thanksPopup 2s ease forwards;z-index:1000}@keyframes thanksPopup{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.ai-enhancer{position:absolute;top:30px;right:340px;width:320px;padding:20px}.enhancer-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.enhancer-title{font-size:14px;font-weight:600;color:var(--text)}.enhancer-badge{font-size:10px;padding:2px 8px;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);border-radius:10px;color:#fff}.enhancer-visual{background:#0000004d;border-radius:10px;padding:10px;margin-bottom:15px}#waveform-canvas{width:100%;height:80px;border-radius:5px}.waveform-labels{display:flex;justify-content:space-between;margin-top:5px;font-size:10px;color:var(--text-muted)}.label-after{background:linear-gradient(90deg,#ff69b4,#87ceeb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}.enhancer-btn{width:100%;padding:12px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:25px;color:var(--bg-dark);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s}.enhancer-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ffb6c166}.enhancer-btn:disabled{opacity:.6;cursor:not-allowed}.enhancer-progress{margin-top:10px}.progress-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:3px;transition:width .3s ease;width:0%}.enhancer-options{margin-top:15px;display:flex;flex-direction:column;gap:8px}.option-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);cursor:pointer}.option-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.enhancer-info{margin-top:15px;padding-top:15px;border-top:1px solid var(--glass-border);display:flex;flex-direction:column;gap:8px}.info-item{display:flex;justify-content:space-between;font-size:12px}.info-label{color:var(--text-muted)}.info-value{color:var(--text)}.info-value.highlight{color:#4ade80;font-weight:600}.enhance-complete-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;padding:16px 24px;border-radius:30px;font-weight:600;animation:completePop 3s ease forwards;z-index:10}@keyframes completePop{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.duet-room{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;max-height:80vh;overflow-y:auto;padding:25px}.duet-header{text-align:center;margin-bottom:20px}.duet-title{font-size:20px;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.duet-subtitle{font-size:12px;color:var(--text-muted);margin-top:5px}.duet-stage{background:#0000004d;border-radius:15px;padding:20px;margin-bottom:20px}.stage-avatar{display:flex;justify-content:center;align-items:center;gap:30px;margin-bottom:20px}.avatar-benxi,.avatar-user{text-align:center}.avatar-glow{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ff69b4,#87ceeb);display:flex;align-items:center;justify-content:center;font-size:32px;animation:avatarGlow 2s ease-in-out infinite}@keyframes avatarGlow{0%,to{box-shadow:0 0 20px #ff69b480}50%{box-shadow:0 0 40px #ff69b4cc}}.avatar-placeholder{width:80px;height:80px;border-radius:50%;background:var(--glass);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--text-muted);border:2px dashed var(--glass-border)}.avatar-name{display:block;margin-top:10px;font-size:14px;font-weight:600}.avatar-status{display:block;font-size:11px;color:var(--text-muted);margin-top:3px}.stage-connector{font-size:24px;color:var(--primary)}.stage-visualizer{display:flex;justify-content:center;gap:4px;height:40px;align-items:flex-end}.viz-bar{width:6px;background:linear-gradient(to top,var(--primary),var(--secondary));border-radius:3px;height:10px;transition:height .3s ease}.viz-bar.active{animation:vizBounce .5s ease-in-out infinite;animation-delay:var(--delay)}@keyframes vizBounce{0%,to{height:10px}50%{height:35px}}.duet-song-select{margin-bottom:15px}.duet-song-select label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:5px}.duet-song-select select{width:100%;padding:10px;background:var(--glass);border:1px solid var(--glass-border);border-radius:8px;color:var(--text);font-size:14px}.duet-controls{display:flex;gap:10px;margin-bottom:15px}.duet-btn{flex:1;padding:12px;border:none;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s}.duet-btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--bg-dark)}.duet-btn.secondary{background:var(--glass);color:var(--text);border:1px solid var(--glass-border)}.duet-btn.stop{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.duet-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.duet-recording{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:15px;text-align:center}.recording-indicator{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:15px}.rec-dot{width:12px;height:12px;background:#ef4444;border-radius:50%;animation:recPulse 1s ease-in-out infinite}@keyframes recPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.rec-text{color:#ef4444;font-weight:600}.rec-timer{font-family:monospace;font-size:18px;color:var(--text)}.duet-result{background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:10px;padding:20px;text-align:center}.result-header{font-size:18px;font-weight:700;color:#4ade80;margin-bottom:15px}.result-waveform{background:#0000004d;border-radius:8px;padding:15px;margin-bottom:15px}.waveform-bars{display:flex;align-items:center;justify-content:center;gap:3px;height:50px}.wave-bar{width:4px;background:linear-gradient(to top,var(--primary),var(--secondary));border-radius:2px;animation:waveBounce .5s ease-in-out infinite}@keyframes waveBounce{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.result-actions{display:flex;gap:10px;margin-bottom:15px}.result-info{display:flex;justify-content:center;gap:20px;font-size:12px;color:var(--text-muted)}.duet-tips{margin-top:15px;padding:10px;background:#ffffff0d;border-radius:8px;font-size:12px;color:var(--text-muted)}.duet-notification{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 24px;border-radius:25px;color:var(--text);font-size:14px;z-index:1000;animation:notifSlide .3s ease}@keyframes notifSlide{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.duet-memorial-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#ffb6c133,#87ceeb33);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:40px;text-align:center;z-index:1000;animation:cardPop .5s ease}@keyframes cardPop{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.live-stream{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;max-height:85vh;overflow-y:auto;padding:20px}.live-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.live-badge{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ef4444,#dc2626);padding:4px 12px;border-radius:15px}.live-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:livePulse 1.5s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.3}}.live-text{font-size:12px;font-weight:700;color:#fff}.live-info{flex:1}.live-title{display:block;font-size:16px;font-weight:600}.live-stats{font-size:12px;color:var(--text-muted)}.live-timer{font-size:12px;color:var(--text-muted);text-align:right}#live-days{color:var(--primary);font-weight:700}.live-stage{position:relative;background:linear-gradient(135deg,#00000080,#0000004d);border-radius:15px;overflow:hidden;margin-bottom:15px}.stage-screen{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;position:relative}.screen-content{text-align:center;z-index:1}.now-playing{display:flex;align-items:center;gap:20px}.album-art{position:relative}.album-disc{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#333,#111);display:flex;align-items:center;justify-content:center;animation:discSpin 10s linear infinite;box-shadow:0 0 30px #ffb6c14d}@keyframes discSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.disc-label{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff}.song-info{text-align:left}.song-name{font-size:16px;font-weight:600;margin-bottom:10px}.song-progress{display:flex;align-items:center;gap:10px}.song-progress .progress-bar{width:150px;height:4px}.time{font-size:12px;color:var(--text-muted);font-family:monospace}.screen-effects{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.spotlight{position:absolute;top:-50%;left:50%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,182,193,.2),transparent);transform:translate(-50%);animation:spotlightMove 8s ease-in-out infinite}@keyframes spotlightMove{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-30%) translateY(20px)}}.stage-danmu{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.danmu-item{position:absolute;white-space:nowrap;font-size:14px;color:#fffc;text-shadow:0 0 4px rgba(0,0,0,.5);animation:danmuFly linear;animation-duration:10s}@keyframes danmuFly{0%{transform:translate(100%);left:100%}to{transform:translate(-100%);left:0}}.live-chat{background:#0000004d;border-radius:10px;padding:15px;margin-bottom:15px}.chat-messages{height:150px;overflow-y:auto;margin-bottom:10px;padding-right:5px}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:2px}.chat-message{font-size:12px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.05)}.chat-message.system{color:var(--primary);text-align:center;border-bottom:none}.msg-time{color:var(--text-muted);margin-right:8px}.msg-user{color:var(--secondary);margin-right:5px}.msg-content{color:var(--text)}.chat-input-area{display:flex;gap:8px}.chat-input-area input{flex:1;background:var(--glass);border:1px solid var(--glass-border);border-radius:20px;padding:8px 15px;color:var(--text);font-size:13px;outline:none}.chat-input-area input::placeholder{color:var(--text-muted)}.chat-input-area button{background:var(--primary);border:none;border-radius:20px;padding:8px 20px;color:var(--bg-dark);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.chat-input-area button:hover{transform:scale(1.05)}.live-gifts{display:flex;justify-content:center;gap:15px}.gift-btn{display:flex;flex-direction:column;align-items:center;gap:5px;background:var(--glass);border:1px solid var(--glass-border);border-radius:12px;padding:10px 15px;cursor:pointer;transition:all .2s}.gift-btn:hover{background:#ffb6c133;transform:translateY(-3px)}.gift-icon{font-size:24px}.gift-name{font-size:11px;color:var(--text-muted)}.gift-animation{position:absolute;top:30%;left:50%;transform:translate(-50%);text-align:center;animation:giftFloat 2s ease-out forwards;pointer-events:none}@keyframes giftFloat{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(-100px);opacity:0}}.gift-big{font-size:60px;display:block}.gift-text{font-size:14px;color:var(--primary);font-weight:600}.timeline-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;max-height:85vh;overflow-y:auto;padding:30px;background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px}.timeline-header{text-align:center;margin-bottom:30px}.timeline-title{font-size:24px;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}.timeline-subtitle{font-size:14px;color:var(--text-muted)}.timeline-line{position:relative;padding:20px 0}.timeline-line:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--primary),var(--secondary));transform:translate(-50%)}.timeline-item{position:relative;width:45%;margin-bottom:30px;opacity:0;transform:translateY(30px);transition:all .5s ease}.timeline-item.visible{opacity:1;transform:translateY(0)}.timeline-item.left{left:0;text-align:right}.timeline-item.right{left:55%;text-align:left}.timeline-dot{position:absolute;width:16px;height:16px;border-radius:50%;top:10px}.timeline-item.left .timeline-dot{right:-12.5%}.timeline-item.right .timeline-dot{left:-12.5%}.timeline-dot.mood-青涩{background:#90ee90;box-shadow:0 0 10px #90ee90}.timeline-dot.mood-叛逆{background:#ff69b4;box-shadow:0 0 10px #ff69b4}.timeline-dot.mood-成长{background:#87ceeb;box-shadow:0 0 10px #87ceeb}.timeline-dot.mood-突破{background:gold;box-shadow:0 0 10px gold}.timeline-dot.mood-沉淀{background:plum;box-shadow:0 0 10px plum}.timeline-dot.mood-归来{background:orange;box-shadow:0 0 10px orange}.timeline-dot.mood-永恒{background:tomato;box-shadow:0 0 10px tomato}.timeline-dot.mood-传承{background:#40e0d0;box-shadow:0 0 10px #40e0d0}.timeline-content{background:#ffffff0d;border-radius:12px;padding:15px}.timeline-year{display:flex;align-items:baseline;gap:8px;margin-bottom:5px}.timeline-item.left .timeline-year{justify-content:flex-end}.year-num{font-size:20px;font-weight:700;color:var(--primary)}.year-age{font-size:12px;color:var(--text-muted)}.timeline-event-title{font-size:16px;font-weight:600;margin-bottom:8px}.timeline-desc{font-size:13px;color:var(--text-muted);line-height:1.5;margin-bottom:10px}.timeline-songs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.timeline-item.left .timeline-songs{justify-content:flex-end}.song-tag{font-size:11px;padding:3px 10px;background:var(--glass);border-radius:10px;color:var(--text-muted)}.timeline-mood{display:inline-block;font-size:11px;padding:2px 10px;border-radius:10px;color:#fff}.timeline-item.left .timeline-mood{float:right}.mood-青涩{background:#90ee90}.mood-叛逆{background:#ff69b4}.mood-成长{background:#87ceeb}.mood-突破{background:gold;color:#333}.mood-沉淀{background:plum}.mood-归来{background:orange}.mood-永恒{background:tomato}.mood-传承{background:#40e0d0}.timeline-footer{margin-top:30px;padding-top:30px;border-top:1px solid var(--glass-border);text-align:center}.memorial-stats{display:flex;justify-content:center;gap:40px;margin-bottom:30px}.stat-item{text-align:center}.stat-num{display:block;font-size:32px;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-label{font-size:12px;color:var(--text-muted)}.memorial-quote{font-style:italic;color:var(--text-muted)}.memorial-quote p{font-size:16px;margin-bottom:10px}.quote-author{font-size:14px;color:var(--primary)}.emotion-notification{position:fixed;top:100px;right:30px;background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:15px;padding:15px 20px;display:flex;align-items:center;gap:15px;opacity:0;transform:translate(50px);transition:all .5s ease;z-index:1000}.emotion-notification.show{opacity:1;transform:translate(0)}.emotion-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px}.emotion-info{display:flex;flex-direction:column}.emotion-name{font-size:16px;font-weight:700}.emotion-desc{font-size:12px;color:var(--text-muted)}.theme-transition{transition:--theme-primary .5s ease,--theme-secondary .5s ease}@media (max-width: 768px){.music-player{min-width:90%;padding:15px 20px;bottom:20px}.song-list{width:90%;right:5%;top:100px;max-height:200px;display:none}.lyrics-panel{width:90%;left:5%;top:80px;max-height:250px}.message-wall{width:90%;right:5%;top:auto;bottom:180px;max-height:200px;display:none}.header{left:20px;top:20px}.logo{font-size:22px}}@media (min-width: 769px) and (max-width: 1024px){.lyrics-panel{width:280px;left:20px}.message-wall{width:260px;right:20px}.song-list{width:260px}}.photo-gallery{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;max-height:85vh;overflow-y:auto;padding:30px}.gallery-header{text-align:center;margin-bottom:25px}.gallery-title{font-size:24px;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.gallery-subtitle{font-size:13px;color:var(--text-muted)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-item{cursor:pointer;transition:transform .3s ease}.gallery-item:hover{transform:translateY(-5px)}.gallery-item:hover .photo-placeholder{box-shadow:0 10px 40px #ffb6c14d}.gallery-item:hover .photo-glow{opacity:1}.photo-placeholder{aspect-ratio:3/4;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all .3s ease}.photo-year{font-size:24px;font-weight:700;color:#ffffffe6;z-index:1}.photo-glow{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(circle,var(--photo-color),transparent 70%);opacity:.5;transition:opacity .3s ease}.photo-info{margin-top:12px;text-align:center}.photo-title{font-size:15px;font-weight:600;margin-bottom:4px}.photo-desc{font-size:12px;color:var(--text-muted);line-height:1.4}.gallery-detail{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;transition:opacity .3s ease}.gallery-detail.show{opacity:1}.detail-content{background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:40px;max-width:500px;width:90%;position:relative;transform:scale(.9);transition:transform .3s ease}.gallery-detail.show .detail-content{transform:scale(1)}.detail-close{position:absolute;top:15px;right:20px;background:none;border:none;color:var(--text);font-size:30px;cursor:pointer;opacity:.7;transition:opacity .2s}.detail-close:hover{opacity:1}.detail-placeholder{aspect-ratio:4/3;border-radius:12px;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.detail-text{text-align:center}.detail-text h3{font-size:22px;margin-bottom:10px}.detail-text p{font-size:14px;color:var(--text-muted);margin-bottom:15px;line-height:1.6}.detail-year{font-size:16px;font-weight:700}#transition-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1a1a2e,#16213e);z-index:9999;opacity:0;pointer-events:none;transition:opacity .4s ease;display:flex;align-items:center;justify-content:center}#transition-overlay.active{opacity:1;pointer-events:auto}.transition-icon{width:60px;height:60px;border:3px solid rgba(255,182,193,.3);border-top-color:#ffb6c1;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scene-enter{animation:sceneEnter .5s ease}@keyframes sceneEnter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.toast-notification{position:fixed;bottom:120px;left:50%;transform:translate(-50%) translateY(100px);background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:25px;padding:12px 24px;color:var(--text);font-size:14px;z-index:1000;opacity:0;transition:all .3s ease}.toast-notification.show{opacity:1;transform:translate(-50%) translateY(0)}.pwa-install-prompt{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:15px;padding:15px 20px;display:flex;align-items:center;gap:15px;z-index:1000;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.pwa-icon{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;font-size:24px}.pwa-text{flex:1}.pwa-title{font-weight:600;margin-bottom:3px}.pwa-desc{font-size:12px;color:var(--text-muted)}.pwa-btn{background:var(--primary);border:none;border-radius:20px;padding:8px 20px;color:var(--bg-dark);font-weight:600;cursor:pointer;transition:all .2s}.pwa-btn:hover{transform:scale(1.05)}.settings-panel{position:absolute;top:30px;right:30px;width:280px;padding:20px}.settings-title{font-size:16px;font-weight:600;margin-bottom:15px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--glass-border)}.setting-item:last-child{border-bottom:none}.setting-label{font-size:13px;color:var(--text)}.setting-control{display:flex;align-items:center;gap:10px}.toggle-switch{width:44px;height:24px;background:#fff3;border-radius:12px;position:relative;cursor:pointer;transition:background .3s}.toggle-switch.active{background:var(--primary)}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s}.toggle-switch.active:after{transform:translate(20px)}.volume-slider{width:100px;height:4px;-webkit-appearance:none;background:#fff3;border-radius:2px;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--primary);border-radius:50%;cursor:pointer}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease,visibility .5s ease}.loading-screen.hidden{opacity:0;visibility:hidden}.loading-logo{font-size:48px;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,182,193,.3);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.loading-text{margin-top:15px;font-size:13px;color:var(--text-muted)}.offline-indicator{position:fixed;top:0;left:0;right:0;background:linear-gradient(90deg,#ff6b6b,#ee5a5a);color:#fff;text-align:center;padding:8px;font-size:13px;z-index:10000;transform:translateY(-100%);transition:transform .3s ease}.offline-indicator.show{transform:translateY(0)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffb6c14d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffb6c180}::selection{background:#ffb6c14d;color:var(--text)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (max-width: 900px){.photo-gallery{width:90%;padding:20px}.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.gallery-grid{grid-template-columns:1fr}.detail-content{padding:25px}}