*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;overflow-x:hidden}#app{width:100%;min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;outline:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000000d}::-webkit-scrollbar-thumb{background:#ff4d4f4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ff4d4f80}:root{--primary-color:#ff4d4f;--bg-overlay:#fff9;--glass-bg:#fff6}.app-container{color:#333;flex-direction:column;min-height:100vh;font-family:PingFang SC,Microsoft YaHei,sans-serif;display:flex;position:relative;overflow-x:hidden}.background-animation{z-index:-1;background:linear-gradient(135deg,#fce4ec 0%,#f3e5f5 100%);width:100%;height:100%;position:fixed;top:0;left:0}.main-nav{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;align-items:center;height:70px;padding:0 40px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}.main-nav .nav-spacer{flex:1}.main-nav .nav-item{cursor:pointer;color:#666;white-space:nowrap;margin:0 15px;font-size:1.1rem;transition:all .3s;position:relative}.main-nav .nav-item:hover{color:var(--primary-color);transform:translateY(-2px)}.main-nav .nav-item:after{content:"";background:var(--primary-color);width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.main-nav .nav-item:hover:after{width:100%}.main-nav .nav-item.login-btn-nav{background:var(--primary-color);color:#fff;border-radius:20px;margin-left:10px;padding:8px 18px;font-size:1rem;box-shadow:0 4px 10px #ff4d4f33}.main-nav .nav-item.login-btn-nav:hover{transform:translateY(-2px);box-shadow:0 6px 15px #ff4d4f4d}.main-nav .nav-item.login-btn-nav:after{display:none}.main-nav .nav-item.logout-btn{color:#999;font-size:.9rem}.main-nav .nav-item.logout-btn:hover{color:var(--primary-color)}.main-nav .user-avatar-btn{background:#ffffffa6;border:1px solid #ff4d4f33;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin-right:4px;display:flex;overflow:hidden}.main-nav .user-avatar-btn:after{display:none}.main-nav .user-avatar-btn .nav-avatar{object-fit:cover;width:100%;height:100%}.main-nav .user-avatar-btn .nav-avatar-text{color:var(--primary-color);font-size:.95rem;font-weight:600}.main-nav .nav-photo-item,.main-nav .nav-whisper-item{position:relative}.main-nav .unread-badge{color:#fff;text-align:center;background:#ff3b30;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:.72rem;font-weight:600;line-height:18px;position:absolute;top:-8px;right:-18px}@media screen and (width<=768px){.main-nav{flex-wrap:wrap;justify-content:center;height:auto;padding:10px}.main-nav .nav-spacer{display:none}.main-nav .nav-item{margin:5px 10px;font-size:.9rem}.main-nav .nav-item.login-btn-nav{text-align:center;width:100%;margin-top:5px}}.content-view{box-sizing:border-box;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:40px 20px}.music-control{cursor:pointer;z-index:1000;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 15px #0000001a}.music-control.playing{animation:3s linear infinite rotate}.music-control .music-icon{font-size:24px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-footer{text-align:center;background:var(--glass-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#999;padding:20px;font-size:.9rem}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter-from,.fade-leave-to{opacity:0}.sakura{opacity:.6;background:#ffcdd2;border-radius:100% 0;width:15px;height:15px;animation:linear infinite fall;position:absolute}@keyframes fall{0%{opacity:0;transform:translateY(-10vh)rotate(0)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(110vh)rotate(360deg)}}.sakura:first-child{animation-duration:7s;animation-delay:1s;left:5%}.sakura:nth-child(2){animation-duration:8s;animation-delay:5s;left:37%}.sakura:nth-child(3){animation-duration:7s;animation-delay:2s;left:62%}.sakura:nth-child(4){animation-duration:6s;animation-delay:8s;left:26%}.sakura:nth-child(5){animation-duration:7s;animation-delay:9s;left:70%}.sakura:nth-child(6){animation-duration:8s;animation-delay:2s;left:56%}.sakura:nth-child(7){animation-duration:7s;animation-delay:5s;left:47%}.sakura:nth-child(8){animation-duration:7s;animation-delay:8s;left:13%}.sakura:nth-child(9){animation-duration:6s;animation-delay:5s;left:35%}.sakura:nth-child(10){animation-duration:10s;animation-delay:2s;left:7%}.sakura:nth-child(11){animation-duration:7s;animation-delay:4s;left:62%}.sakura:nth-child(12){animation-duration:10s;animation-delay:10s;left:5%}.sakura:nth-child(13){animation-duration:6s;animation-delay:7s;left:86%}.sakura:nth-child(14){animation-duration:10s;animation-delay:7s;left:12%}.sakura:nth-child(15){animation-duration:6s;animation-delay:5s;left:97%}.sakura:nth-child(16){animation-duration:10s;animation-delay:10s;left:66%}.sakura:nth-child(17){animation-duration:6s;animation-delay:8s;left:1%}.sakura:nth-child(18){animation-duration:6s;animation-delay:6s;left:59%}.sakura:nth-child(19){animation-duration:8s;animation-delay:9s;left:42%}.sakura:nth-child(20){animation-duration:6s;animation-delay:9s;left:85%}