*{box-sizing:border-box;margin:0}
html{background:#071a3a}html,body{min-height:100%;color:#f3ead2;font-family:"Songti SC","STSong","Noto Serif CJK SC","Source Han Serif SC",serif}
.bg{position:fixed;inset:0;z-index:-3;background:linear-gradient(180deg,#050f2c 0%,#0a2350 30%,#0d5a86 58%,#13a3ad 72%,#0b4f6e 74%,#06243f 100%)}
#sky{position:fixed;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none}
.logo{position:fixed;top:14px;left:18px;z-index:5;width:64px}.logo img{width:100%;display:block;filter:drop-shadow(0 0 10px rgba(160,240,235,.4))}
.music{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:5;font-family:inherit;font-size:12px;color:#f3ead2;background:rgba(7,26,58,.8);border:1px solid rgba(243,234,210,.35);padding:4px 14px;letter-spacing:.2em;cursor:pointer;opacity:.7}
.toplink{position:fixed;top:20px;right:18px;z-index:5;color:#f3ead2;font-size:12px;border:1px solid rgba(243,234,210,.4);padding:4px 10px;text-decoration:none;letter-spacing:.15em;opacity:.75;background:rgba(7,26,58,.35)}
.go{font-family:inherit;font-size:18px;letter-spacing:.3em;color:#f3ead2;background:rgba(15,143,156,.35);border:1px solid rgba(200,250,245,.8);padding:12px 34px;cursor:pointer;transition:.3s}
.go:hover{background:rgba(63,201,192,.5);box-shadow:0 0 18px rgba(150,220,200,.35)}
@media(max-width:600px){.logo{width:52px;top:10px;left:12px}}