:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-black:#0d1823;--color-white:#fff5de;--color-background:#fff;font-family:Source Han Sans CN VF,system-ui,sans-serif;font-size:18px}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}html{scroll-behavior:smooth}#root{background-color:var(--color-background);min-height:100vh}.color-overlay{pointer-events:none;background:linear-gradient(#edededcc 0%,#fffc 67%,#fff0 100%);width:100%;height:200px;position:fixed;top:0}.blur-overlay{pointer-events:none;-webkit-backdrop-filter:blur(8px)saturate(120%);backdrop-filter:blur(8px)saturate(120%);width:100%;height:200px;position:fixed;top:0;-webkit-mask-image:linear-gradient(#fff 0% 60%,#ffffffef 62.5%,#ffffffdf 65%,#ffffffcf 67.5%,#ffffffbf 70%,#ffffffaf 72.5%,#ffffff9f 75%,#ffffff90 77.5%,#ffffff80 80%,#ffffff70 82.5%,#ffffff60 85%,#ffffff50 87.5%,#ffffff40 90%,#ffffff30 92.5%,#ffffff20 95%,#ffffff10 97.5%,#fff0 100%);mask-image:linear-gradient(#fff 0% 60%,#ffffffef 62.5%,#ffffffdf 65%,#ffffffcf 67.5%,#ffffffbf 70%,#ffffffaf 72.5%,#ffffff9f 75%,#ffffff90 77.5%,#ffffff80 80%,#ffffff70 82.5%,#ffffff60 85%,#ffffff50 87.5%,#ffffff40 90%,#ffffff30 92.5%,#ffffff20 95%,#ffffff10 97.5%,#fff0 100%)}header{pointer-events:none;z-index:1000;justify-content:center;width:100%;padding:50px 20px;display:flex;position:fixed;top:0;left:0}.header{border:1.5px solid var(--color-black);-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(20px)saturate(120%);backdrop-filter:blur(20px)saturate(120%);pointer-events:auto;background:#fffdf699;padding:8px;box-shadow:0 4px 50px #0000001a}.header-inner{border:1.5px solid var(--color-black);flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;padding:0 80px;display:flex}.header-inner a{justify-content:center;align-items:center;width:100px;height:80px;display:flex}.header-inner a:hover{cursor:pointer;color:var(--color-white);background-color:#0e1c2d80}.header-inner a.active{background-color:var(--color-black);color:var(--color-white)}h1{letter-spacing:2px;text-align:center;text-wrap:pretty;font-size:48px;font-weight:500}h2{text-align:center;text-wrap:pretty;max-width:1000px;margin-top:20px;font-size:32px;font-weight:400}h3{text-align:center;text-wrap:pretty;max-width:1000px;margin-top:10px;font-size:18px;font-weight:400}section{flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:0 15px;display:flex}.btn-box{flex-direction:row;justify-content:center;align-items:center;gap:30px;margin-top:50px;display:flex}.btn{background:var(--color-white);border:1.5px solid var(--color-black);-webkit-user-select:none;user-select:none}.btn:hover{background:var(--color-black);color:var(--color-white)}.btn:hover .btn-inner{border-color:var(--color-white)}.btn:hover .btn-inner svg{fill:var(--color-white)}.btn:active{transform:scale(.97)}.btn-inner{border:1.5px solid var(--color-black);flex-direction:row;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;display:flex}.btn-inner svg{fill:var(--color-black)}.btn-A{box-shadow:5px 5px 0 var(--color-black);width:350px;height:120px;padding:10px;font-size:24px;font-weight:500}.btn-B{width:200px;height:80px;padding:5px;font-size:18px;font-weight:400}p{text-indent:2em;max-width:1000px;margin-top:30px;font-size:24px;line-height:1.5}@media (width<=800px){.header{max-width:100%;padding:5px;font-size:14px}.header-inner{padding:0 20px}.header-inner a{width:70px;height:50px}h1{font-size:24px}h2{font-size:14px}h3{font-size:10px}.btn-A{width:250px;height:100px;padding:8px;font-size:20px}p{font-size:12px}.btn-B{width:180px;height:70px;font-size:14px}.btn-box{gap:20px;max-width:100%}.btn-inner svg{width:24px;height:24px}}