body{animation:gradientBG 15s ease infinite;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;font-family:Microsoft YaHei,sans-serif;height:100vh;margin:0;overflow:hidden;padding:0;position:relative}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.particles{height:100%;pointer-events:none;position:absolute;width:100%}.avatar{border:3px solid hsla(0,0%,100%,.8);border-radius:50%;box-shadow:0 10px 30px rgba(0,0,0,.2);height:150px;left:50%;position:absolute;top:40%;transform:translate(-50%,-50%);transition:transform .3s;width:150px}.avatar:hover{transform:translate(-50%,-50%) scale(1.05)}.welcome-text{color:#fff;font-size:1.8em;left:50%;letter-spacing:2px;position:absolute;text-shadow:2px 2px 4px rgba(0,0,0,.3);top:55%;transform:translateX(-50%)}.music-container{bottom:30px;gap:15px;position:fixed;right:30px}.music-container,.music-player{align-items:center;display:flex}.music-player{background:hsla(0,0%,100%,.95);border-radius:50%;box-shadow:0 8px 25px rgba(0,0,0,.15);cursor:pointer;height:56px;justify-content:center;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:56px}.music-player:before{border-color:transparent transparent transparent #e73c7e;border-style:solid;border-width:10px 0 10px 18px;content:"";height:0;margin-left:3px;transition:all .3s;width:0}.music-player.playing:before{background:linear-gradient(90deg,#23a6d5 33%,transparent 0,transparent 66%,#23a6d5 0);border:none;height:20px;margin-left:0;width:18px}.music-player:hover{box-shadow:0 12px 30px rgba(0,0,0,.2);transform:scale(1.08)}.music-player:after{background:rgba(0,0,0,.1);border-radius:50%;content:"";height:100%;opacity:0;position:absolute;transition:opacity .3s;width:100%}.music-player:active:after{opacity:1}.music-player .disc{animation:rotate 20s linear infinite;background:repeating-radial-gradient(circle at 50%,#fff 0 1px,transparent 1px 5%),linear-gradient(45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);border-radius:50%;display:none;height:70%;opacity:.15;position:absolute;width:70%}.music-player.playing .disc{display:block}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.menu-btn{cursor:pointer;height:25px;position:fixed;right:30px;top:30px;width:35px;z-index:1000}.menu-btn span{background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2);display:block;height:3px;margin:5px 0;transition:.3s;width:100%}.dropdown-menu{backdrop-filter:blur(5px);background:hsla(0,0%,100%,.95);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.15);display:none;min-width:180px;padding:10px 0;position:absolute;right:50px;top:70px}.dropdown-menu a{align-items:center;color:#333;display:flex;font-size:16px;padding:12px 25px;text-decoration:none;transition:all .3s}.dropdown-menu a:before{color:#23a6d5;content:"•";font-size:20px;margin-right:10px}.dropdown-menu a:hover{background:rgba(0,0,0,.05);transform:translateX(5px)}