@font-face{font-family:'nekotora pingfang';src:url(../fonts/nekotora.pingfang.woff2) format('woff2');font-weight:400;font-style:normal}*{padding:0;margin:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}body,html{font-family:'nekotora pingfang','PingFang SC','Hiragino Sans GB','Noto Sans SC','Microsoft YaHei','Segoe UI',Roboto,'Helvetica Neue',Arial,'Segoe UI Emoji','Apple Color Emoji',sans-serif;-webkit-font-smoothing:antialiased;color:#fff;line-height:1.5;min-width:1150px;background-color:#212121;font-size:14px;overflow-x:hidden;scroll-behavior:smooth}.intro{position:relative}.clear:after{content:"";display:block;height:0;visibility:hidden;clear:both}.chatbox>.line{display:none}#startrack{height:140%;width:100%}.background.fixed{position:fixed;top:-60%}.background{position:absolute;top:0;left:0;width:100vw;height:100vh}.background .cover{position:absolute;bottom:-42%;left:0;height:100%;width:100%;background:linear-gradient(0deg,#202020 30%,rgba(32,32,32,0))}@keyframes bg{0%{transform:rotate(0deg);border-radius:0}50%{transform:rotate(180deg);border-radius:0}to{transform:rotate(1turn);border-radius:0}}@-webkit-keyframes bg{0%{transform:rotate(0deg);border-radius:0}50%{transform:rotate(180deg);border-radius:0}to{transform:rotate(1turn);border-radius:0}}@-ms-keyframes bg{0%{transform:rotate(0deg);border-radius:0}50%{transform:rotate(180deg);border-radius:0}to{transform:rotate(1turn);border-radius:0}}@-moz-keyframes bg{0%{transform:rotate(0deg);border-radius:0}50%{transform:rotate(180deg);border-radius:0}to{transform:rotate(1turn);border-radius:0}}nav{position:fixed;left:20px;bottom:0;z-index:2333;transform:rotate(-90deg) translateZ(0);transform-origin:0 0;transition:all .3s ease-out;vertical-align:middle;font-family:'nekotora pingfang',Roboto,Tahoma,Consolas,Microsoft YaHei}nav a.clip{height:3px;width:3px;background:#fff;border-radius:100%}nav a{display:inline-block;font-size:13px;color:#fff;text-decoration:none;margin:0 10px;opacity:.4;transition:all .3s;vertical-align:middle}nav a.time{opacity:1}nav a.active,nav a:hover{text-decoration:underline;opacity:1}.ch{width:100%;padding:80px 0;animation:fadedown 1s cubic-bezier(.19,1,.22,1);-webkit-animation:fadedown 1s cubic-bezier(.19,1,.22,1);-ms-animation:fadedown 1s cubic-bezier(.19,1,.22,1);-moz-animation:fadedown 1s cubic-bezier(.19,1,.22,1)}.ch h2.chtitle{padding-bottom:30px;font-size:26px;letter-spacing:.2em;color:hsla(0,0%,100%,.5)}.ch h2.chtitle span{color:#ffd166}.ch h2.chtitle:after{content:"";display:block;width:10%;height:5px;background-color:hsla(0,0%,100%,.5);margin-top:30px}@keyframes fadedown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadedown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@-ms-keyframes fadedown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@-moz-keyframes fadedown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.container{position:relative;width:1000px;margin:0 auto;height:100%;padding:20px 0}.intro{color:#fff;height:100vh;padding:0}.intro .container{animation:fadedown 3.5s cubic-bezier(.19,1,.22,1);-webkit-animation:fadedown 3.5s cubic-bezier(.19,1,.22,1);-ms-animation:fadedown 3.5s cubic-bezier(.19,1,.22,1);-moz-animation:fadedown 3.5s cubic-bezier(.19,1,.22,1)}.hello{position:absolute;bottom:20%;left:0}.hello h1,.hello h2{font-weight:400;font-size:22px;line-height:1.5em;letter-spacing:.2em}.hello h1{font-size:42px;letter-spacing:.5em;text-shadow:0 2px 24px rgba(255,209,102,.25)}.hello h2{padding-top:.6em;color:#ffd166}.hello .circle{float:left;margin-right:10px;letter-spacing:0}.hello .circle span{display:inline-block;width:13px;height:13px;background-color:#fff;border-radius:100%;margin-right:5px}.hello .circle span:first-child{background-color:#ff493f}.hello .circle span:nth-child(2){background-color:#f7c900}.hello .circle span:nth-child(3){background-color:#00ff37}.about .introduct{line-height:2em}.about .introduct img.avatar{float:right;width:140px;margin-left:40px;margin-right:20px;border-radius:100%}.about ul.skill{margin-top:50px}.about ul.skill li{list-style:none;padding:10px 0;width:45%;float:left;margin-right:5%}.about ul.skill li p{display:inline-block;width:26%;margin-right:3%;font-size:12px}.about ul.skill li .progress{display:inline-block;width:70%;height:3px;background-color:hsla(0,0%,100%,.2);vertical-align:middle}.about ul.skill li .progress span{font-size:12px;color:#e8c99a;opacity:0;position:relative;top:-5px;letter-spacing:.5em;transition:all .3s}.about ul.skill li:hover .progress span{opacity:1;top:0}.about ul.skill li .progress div{background-color:#fff;height:3px;position:relative}ul.skill li .progress div{animation:progressin 7s;-webkit-animation:progressin 7s;-ms-animation:progressin 7s;-moz-animation:progressin 7s}@keyframes progressin{0%{width:0}}@-webkit-keyframes progressin{0%{width:0}}@-ms-keyframes progressin{0%{width:0}}@-moz-keyframes progressin{0%{width:0}}.about ul.skill li .progress div:after{content:"";display:inline-block;position:absolute;right:-4px;top:-8px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:3px solid #fff}.links a{color:#fff;text-decoration:none}.find .links .item{position:relative;width:17.6%;height:80px;line-height:80px;margin:10px 1.2%;padding:5px 0;text-align:center;float:left;transition:all .2s;opacity:.9}.find .links .item:hover{opacity:1;transform:translateY(-10px);-webkit-animation:index-link-active 1s cubic-bezier(.315,.605,.375,.925) forwards}.find .links .item .inner{position:relative;z-index:5}.find .links .item .bg{position:absolute;bottom:0;left:0;width:100%;height:1.8%;z-index:0;transition:all .15s}.find .links .item:hover .bg{height:100%;width:100%;border-radius:5px;box-shadow:0 3px 20px rgba(0,0,0,.28)}.find .links .item i{font-size:20px}.find .links .item span{display:inline-block;width:100px}.find .links .col-3 .item{width:30.93%;margin:10px 1.2%}.gate .links .item{margin:5px 0;padding:15px 1.5%;float:left;width:22%;height:60px;transition:all .2s;opacity:.85}.gate .links .item.akarin{opacity:.58}.gate .links .item:hover{opacity:1;border-radius:5px;background-color:hsla(0,0%,100%,.25);transform:translateY(-5px);box-shadow:0 3px 20px rgba(0,0,0,.28);-webkit-animation:index-link-active 1s cubic-bezier(.315,.605,.375,.925) forwards}.gate .links .item .avatar{float:left;height:60px;line-height:60px;width:60px;border-radius:100%;text-align:center;margin-right:15px;background-color:#353535;overflow:hidden}.gate .links .item .avatar i{font-size:24px}.gate .links .item .avatar img{height:60px;max-width:60px;border-radius:100%}.gate .links .item .inner{padding:6px}.gate .links .item .inner h5{font-weight:400;font-size:17px}.gate .links .item .inner p{font-size:13px;color:hsla(0,0%,100%,.6)}.footer{text-align:center}.footer a{color:inherit;text-decoration:none}.footer a:hover{text-decoration:underline}.footer h3{font-weight:400;font-size:20px;letter-spacing:.8em;margin:6px 0;color:#ffd166}.footer p{font-size:12px;letter-spacing:1em;opacity:.3}.footer p.c{margin-top:20px;letter-spacing:.1em}.chatbox .line{margin:40px 0}.chatbox .line p{margin:10px 0}.chatbox .question a{display:inline-block;background-color:hsla(0,0%,100%,.3);border-radius:10px 10px 10px 0;font-size:12px;padding:0 10px;margin-right:10px;cursor:pointer;opacity:.8;transform:translateY(0);transition:all .2s}.chatbox .question a:hover{opacity:1;transform:translateY(-2px);-webkit-animation:index-link-active 1s cubic-bezier(.315,.605,.375,.925) forwards}.chatbox .question.disable a{opacity:.3}.chatbox .question.disable a.selected{opacity:.9}.chatbox .question a.error{opacity:.3;animation:error .2s ease-in-out}.chatbox .loading span{display:inline-block;height:10px;width:10px;border-radius:100%;background-color:#fff;margin-right:5px;animation:loading-point 1.4s ease-in-out infinite both}.chatbox .loading span:first-child{animation-delay:.2s}.chatbox .loading span:nth-child(2){animation-delay:.4s}.chatbox .loading span:nth-child(3){animation-delay:.6s}@keyframes loading-point{0%{opacity:.8}50%{opacity:.25}to{opacity:1}}@keyframes error{0%{transform:translateX(0)}25%{transform:translateX(-2px)}50%{transform:translateX(0)}75%{transform:translateX(2px)}to{transform:translateX(0)}}@keyframes index-link-active{0%{transform:perspective(1600px) rotateX(0) rotateY(0) translateZ(0)}16%{transform:perspective(1600px) rotateX(10deg) rotateY(5deg) translateZ(32px)}to{transform:perspective(1600px) rotateX(0) rotateY(0) translateZ(65px)}}@media screen and (min-width:1400px){.container{width:70%}nav a{font-size:18px}}@media screen and (max-width:700px){body,html{min-width:0}.container{width:auto;margin:0 10%}div.el span{display:block;width:60%;left:0;top:75px;margin:-40% auto 0}nav{left:10px;top:auto;bottom:0;transform:rotate(-90deg) translateZ(0);transform-origin:0 0;padding:0;overflow:visible;font-size:13px;white-space:nowrap;width:auto;background:none}.ch{padding:40px 0}.hello{width:90%;padding:5%;text-align:center;bottom:50%}.hello .circle{float:none;margin-right:0}.hello h2{padding-top:0}.hello h1,.hello h2{font-weight:400;font-size:14px}.hello .circle{padding:20px}.hello .circle span{margin:0 5px;width:10px;height:10px}.hello h1{font-size:26px}.about .introduct img.avatar{float:none;margin-left:0;margin-right:0;width:100px}.about .introduct,.about .skill{float:none;width:auto}.about .skill{padding-top:40px}.about ul.skill li{width:100%}.find .links .item,.gate .links .item{width:46%;height:auto;padding:5px 0;margin:10px 2%}.find .links .item{height:60px;line-height:60px;font-size:13px}.gate .links .item .avatar{height:40px;line-height:40px;width:40px}.gate .links .item .avatar img{height:40px;max-width:40px}.gate .links .item .inner{padding:0}.gate .links .item .inner h5{font-size:15px}.gate .links .item .inner h5,.gate .links .item .inner p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.footer h3,.footer p{letter-spacing:.2em}}
@media screen and (max-width:700px){.find .links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 4%}.find .links>.chtitle{grid-column:1/-1}.find .links>.clear{display:contents}.find .links>.clear:after{display:none}.find .links>.clear>a{display:block;min-width:0}.find .links>.clear:nth-of-type(1)>a:nth-child(3),.find .links>.clear:nth-of-type(2)>a:nth-child(1),.find .links>.clear:nth-of-type(2)>a:nth-child(4),.find .links>.clear:nth-of-type(2)>a:nth-child(5){margin-bottom:20px}.find .links .item,.find .links .col-3 .item{width:100%;height:60px;line-height:60px;margin:0;padding:5px 0;float:none;box-sizing:border-box}.find .links .item span{width:auto}.about ul.skill li p{width:100%;display:block;margin-right:0;margin-bottom:4px}.about ul.skill li .progress{display:block;width:100%;height:3px;margin-top:0}.about ul.skill li .progress span{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:1;top:0}}\n@media screen and (max-width:1149px){body,html{min-width:0}.container{width:auto;margin:0 10%}}
.intro .scroll-hint{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);color:hsla(0,0%,100%,.45);z-index:5;animation:scrollhint 1.6s ease-in-out infinite}@keyframes scrollhint{0%,100%{transform:translate(-50%,0);opacity:.45}50%{transform:translate(-50%,8px);opacity:.9}}.backtop{position:fixed;right:20px;bottom:max(20px,env(safe-area-inset-bottom));width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3000;opacity:0;visibility:hidden;transform:translateY(8px);-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;transition:opacity .3s,visibility .3s,transform .3s}.backtop.show{opacity:1;visibility:visible;transform:translateY(0)}
.about ul.skill li:nth-child(1) p{color:#f4a259}.about ul.skill li:nth-child(2) p{color:#f0c808}.about ul.skill li:nth-child(3) p{color:#7aa7ff}.about ul.skill li:nth-child(4) p{color:#ff8fce}.about ul.skill li:nth-child(5) p{color:#53d8b0}.about ul.skill li:nth-child(6) p{color:#ff7a66}.about ul.skill li:nth-child(7) p{color:#b48cff}.about ul.skill li:nth-child(8) p{color:#5cd0e8}
/* ===== 音乐播放器 ===== */.nplayer-box{display:flex;gap:26px;align-items:center;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:24px 26px;box-shadow:0 12px 44px rgba(0,0,0,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nplayer-artist,.nplayer-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nplayer-cover{position:relative;width:150px;height:150px;flex:none;border-radius:50%;overflow:hidden;border:3px solid rgba(255,209,102,.45);box-shadow:0 0 0 7px rgba(255,209,102,.10),0 10px 30px rgba(0,0,0,.4)}.nplayer-cover img{width:100%;height:100%;object-fit:cover;display:block}.nplayer-cover::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:radial-gradient(circle,#4a4a4a,#222);border:3px solid rgba(255,209,102,.5)}.nplayer-box.playing .nplayer-cover img{animation:nplspin 12s linear infinite}@keyframes nplspin{to{transform:rotate(1turn)}}.nplayer-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center}.nplayer-title{font-size:19px;color:#fff}.nplayer-artist{font-size:13px;color:#e8c99a;margin-top:3px}.nplayer-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px}.nplayer-btn{width:38px;height:38px;flex:none;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;transition:background .2s,transform .2s}.nplayer-btn:hover{background:rgba(255,255,255,.16);transform:translateY(-1px)}.nplayer-btn.play{width:50px;height:50px;background:rgba(255,209,102,.16);border-color:rgba(255,209,102,.6);color:#ffd166;box-shadow:0 4px 18px rgba(255,209,102,.25)}.nplayer-btn .ic-pause{display:none}.nplayer-btn.playing .ic-pause{display:block}.nplayer-btn.playing .ic-play{display:none}.nplayer-progress{flex:1 1 auto;height:3px;background:hsla(0,0%,100%,.18);border-radius:2px;overflow:hidden;margin-top:16px}.nplayer-fill{height:100%;width:0;background:linear-gradient(90deg,#ffd166,#ffbe76)}.nplayer-times{display:flex;justify-content:space-between;font-size:12px;color:hsla(0,0%,100%,.5);margin-top:6px;font-variant-numeric:tabular-nums}.nplayer-list{width:270px;flex:0 0 270px;max-height:230px;overflow:auto;display:flex;flex-direction:column;gap:2px;padding-left:24px;border-left:1px solid rgba(255,255,255,.1);scrollbar-width:thin}.nplayer-list::-webkit-scrollbar{width:6px}.nplayer-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:3px}.nplayer-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;font-size:13px;color:hsla(0,0%,100%,.72);cursor:pointer;transition:background .2s}.nplayer-item:hover{background:rgba(255,255,255,.08)}.nplayer-item .ix{flex:none;width:18px;color:hsla(0,0%,100%,.38);font-variant-numeric:tabular-nums}.nplayer-item .it{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nplayer-item.active{background:rgba(255,209,102,.14);color:#ffd166}.nplayer-item.active .ix{color:#ffd166}.nplayer-loading,.nplayer-error{padding:34px 10px;text-align:center;color:hsla(0,0%,100%,.5);font-size:13px;line-height:1.8}
.nplayer-btn.active{background:rgba(255,209,102,.14);color:#ffd166}
.nplayer-lyric{position:relative;margin-top:20px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10);border-radius:12px;padding:0 22px;max-height:0;opacity:0;overflow:hidden;visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;transition:max-height .4s ease,opacity .3s ease,padding .3s ease,visibility .3s ease}
.nplayer-lyric.show{max-height:230px;opacity:1;padding:16px 22px;overflow-y:auto;visibility:visible;pointer-events:auto;-webkit-user-select:text;user-select:text;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}
.nplayer-lyric.show::-webkit-scrollbar{width:4px}
.nplayer-lyric.show::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:2px}
.nplayer-lyric.show::-webkit-scrollbar-track{background:transparent}
@keyframes nplfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.nplayer-lyric-inner{position:relative;transition:transform .35s ease}
.lrc-line{padding:6px 6px;text-align:center;font-size:14px;color:hsla(0,0%,100%,.45);line-height:1.7;white-space:pre-wrap;word-break:break-word;cursor:pointer;border-radius:6px;transition:color .25s,background .25s}
.lrc-line:hover{background:rgba(255,255,255,.05)}
.lrc-line.active{color:#ffd166;font-size:15px;font-weight:600}
.lrc-null{padding:40px 10px;text-align:center;color:hsla(0,0%,100%,.4);font-size:13px}
.nplayer-skeleton{padding:8px 0}.sk-item{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.sk-avatar{width:32px;height:32px;border-radius:6px;background:rgba(255,255,255,.08);flex-shrink:0}.sk-text{flex:1;display:flex;flex-direction:column;gap:8px}.sk-line{height:10px;border-radius:5px;background:rgba(255,255,255,.06);animation:sk-pulse 1.8s ease-in-out infinite}.sk-w90{width:90%}.sk-w85{width:85%}.sk-w80{width:80%}.sk-w75{width:75%}.sk-w70{width:70%}.sk-w60{width:60%}.sk-w55{width:55%}.sk-w50{width:50%}.sk-w45{width:45%}.sk-w40{width:40%}.sk-item:nth-child(1) .sk-line{animation-delay:0s}.sk-item:nth-child(2) .sk-line{animation-delay:.1s}.sk-item:nth-child(3) .sk-line{animation-delay:.2s}.sk-item:nth-child(4) .sk-line{animation-delay:.3s}.sk-item:nth-child(5) .sk-line{animation-delay:.4s}@keyframes sk-pulse{0%,100%{opacity:.4}50%{opacity:.8}}
@media screen and (max-width:700px){.nplayer-box{flex-direction:column;align-items:stretch;padding:20px 18px;gap:20px}.nplayer-cover{width:120px;height:120px;margin:0 auto}.nplayer-progress{margin-top:14px}.nplayer-list{width:100%;flex:none;max-height:220px;padding-left:0;border-left:none;border-top:1px solid rgba(255,255,255,.1);padding-top:12px}.nplayer-lyric{max-height:0;padding:0 12px}.nplayer-lyric.show{max-height:220px;padding:14px 12px}}
/*# sourceMappingURL=/h.9c69ed6c.css.map */