*{margin:0;padding:0;box-sizing:border-box}body,html{overflow:hidden}html{scroll-behavior:smooth;height:100%;font-size:16px}body{font-family:'Noto Sans SC','Source Han Sans CN','Microsoft YaHei',sans-serif;background-color:#000;line-height:1.6;height:100vh}b,header h1{font-weight:700}b,body{color:#fff;position:relative}b{text-shadow:0 0 5px rgba(255,255,255,.7),0 0 10px rgba(255,255,255,.5);z-index:1}.k{color:#ff4500;text-decoration:underline;font-weight:900}.a,.l{margin:0 auto}.a,header{height:100vh;position:relative}.a{overflow-y:hidden;max-width:1200px;padding:20px;z-index:2}header{text-align:center;padding:40px 0;border-bottom:1px solid #333;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) rgba(0,0,0,.1)}.l{max-width:300px}.c,.m ul{width:100%}.c{height:auto;fill:#fff}header h1{font-size:3rem;margin:20px 0 10px;letter-spacing:4px}header h2{font-size:1.5rem;color:#aaa;font-weight:400;margin-bottom:20px}.m,.n{position:fixed}.m{left:30px;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;align-items:flex-start;width:200px}.n{display:none;top:20px;left:20px;z-index:101;background:rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px;border-radius:5px;cursor:pointer;font-size:16px;transition:all .3s ease}.n:hover{background:rgba(255,255,255,.1)}.n.o{background:rgba(255,255,255,.2)}.m ul{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:1vh 0;position:relative}.m ul li:nth-child(odd){margin-right:-10px}.m ul li:nth-child(even){transform:translateY(20px);margin-left:-10px}.m a,.m ul li{transition:all .5s ease;position:relative}.m a{color:rgba(255,255,255,.75);text-decoration:none;font-size:.94rem;transition:all .3s ease;display:block;padding:3px 4px}.m a:hover{color:rgba(255,255,255,.9);text-shadow:0 0 10px rgba(255,255,255,.5)}.m li.o{transform:scale(1.1)}.m li.o:nth-child(even){transform:scale(1.1) translateY(20px);margin-left:-10px}.m a[aria-current=page],.m li.o a{color:#fff;font-weight:700;text-shadow:0 0 15px rgba(255,255,255,.7)}.m li[class^=distance-]{opacity:.9}:root{--scale-unit:0.05}.m li.p{transform:scale(calc(1 - var(--scale-unit)))}.m li.q{transform:scale(calc(1 - var(--scale-unit)*2));opacity:.75}.m li.r{transform:scale(calc(1 - var(--scale-unit)*3));opacity:.6}.m li.s{transform:scale(calc(1 - var(--scale-unit)*4));opacity:.5}.m li.t{transform:scale(calc(1 - var(--scale-unit)*5));opacity:.4}.m li[class^=distance-]:nth-child(even){margin-left:-10px}.m li.p:nth-child(even){transform:scale(calc(1 - var(--scale-unit))) translateY(20px)}.m li.q:nth-child(even){transform:scale(calc(1 - var(--scale-unit)*2)) translateY(20px)}.m li.r:nth-child(even){transform:scale(calc(1 - var(--scale-unit)*3)) translateY(20px)}.m li.s:nth-child(even){transform:scale(calc(1 - var(--scale-unit)*4)) translateY(20px)}.m li.t:nth-child(even){transform:scale(calc(1 - var(--scale-unit)*5)) translateY(20px)}.m li[class^=distance-]:nth-child(odd){margin-right:-10px}article,main{position:relative}main{height:auto}article{height:100vh;padding:60px 20px 60px 210px;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) rgba(0,0,0,.1)}article::-webkit-scrollbar,footer::-webkit-scrollbar,header::-webkit-scrollbar{width:6px}article::-webkit-scrollbar-track,footer::-webkit-scrollbar-track,header::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}article::-webkit-scrollbar-thumb,footer::-webkit-scrollbar-thumb,header::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.3);border-radius:3px}.u{max-width:800px;padding-bottom:30px}article h2{font-size:2rem;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #333}article p{margin-bottom:15px}blockquote{margin:20px 0;padding:10px 20px;border-left:3px solid #555;border-right:3px solid #555;position:relative;color:#ddd}blockquote p{margin-bottom:10px}blockquote p:last-child{margin-bottom:0}.v{transition:transform .8s ease}footer{text-align:center;padding:20px 0 20px 210px;color:#666;border-top:1px solid #333;font-size:.9rem;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) rgba(0,0,0,.1)}.w{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0}@media (min-width:1440px){html{font-size:18px}.m{width:200px}article,footer{padding-left:230px;max-width:1000px;margin:0 auto}}@media (max-width:1280px){article h2{font-size:1.8rem}.u{max-width:700px}}@media (max-width:1024px){html{font-size:15px}.m{width:200px}article,footer{padding-left:200px}article h2{font-size:1.7rem}}@media (max-width:768px){html{font-size:14px}.a{padding:10px}header{padding:20px 0}header h1{font-size:2.5rem}header h2{font-size:1.2rem}.n{display:block}.m{left:-200px;top:0;transform:none;width:180px;height:100vh;background:rgba(0,0,0,.95);backdrop-filter:blur(10px);transition:left .3s ease;padding:80px 20px 20px;overflow-y:auto}.m.show{left:0}.m ul{grid-template-columns:1fr;gap:15px 0}.m ul li:nth-child(even),.m ul li:nth-child(odd){margin:0;transform:none!important}.m li.o:nth-child(even){transform:scale(1.1)!important;margin:0}.m a{font-size:1rem;padding:8px 12px}article,footer{padding-left:20px;padding-right:20px}article h2{font-size:1.5rem;margin-bottom:15px}}@media (max-width:640px){.m{width:160px}article,footer{padding-left:15px;padding-right:15px}.m ul{gap:12px 0}.m a{font-size:.95rem;padding:6px 10px}}@media (max-width:480px){html{font-size:13px}header h1{font-size:1.8rem}header h2{font-size:1rem}.m{width:160px}.m a{font-size:.9rem;padding:6px 8px}article,footer{padding-left:10px;padding-right:10px}article h2{font-size:1.3rem}blockquote{margin:15px 0;padding:8px 15px}}@media (max-width:360px){html{font-size:12px}.m{width:110px}.m ul{grid-template-columns:1fr;gap:10px 0}.m ul li{margin-left:0!important;margin-right:0!important;transform:none!important}.m li.o{transform:scale(1.05)!important}.m li.p{transform:scale(calc(1 - var(--scale-unit)))!important}.m li.q{transform:scale(calc(1 - var(--scale-unit)*2))!important}.m li.r{transform:scale(calc(1 - var(--scale-unit)*3))!important}.m li.s{transform:scale(calc(1 - var(--scale-unit)*4))!important}.m li.t{transform:scale(calc(1 - var(--scale-unit)*5))!important}article,footer{padding-left:130px}.l{max-width:220px}}@media (max-width:320px){:root{--scale-unit:0.04}.m{width:90px;left:5px}.m a{font-size:.8rem;padding:2px}article,footer{padding-left:105px;padding-right:5px}header h1{font-size:1.5rem}header h2{font-size:.9rem}.l{max-width:180px}article h2{font-size:1.2rem}}