:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-black:#0e1c2d;--color-white:#fffbed;--color-background:#fef2d6;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;width:100%;position:fixed}.color-overlay--top{background:linear-gradient(#efe3c6cc 0%,#fef2d6cc 67%,#fef2d600 100%);height:200px;top:0}.color-overlay--bottom{background:linear-gradient(#fef2d600 0%,#fef2d6cc 33%,#efe3c6cc 100%);height:100px;bottom:0}.blur-overlay{pointer-events:none;width:100%;position:fixed}.blur-overlay--top{-webkit-backdrop-filter:blur(8px)saturate(120%);backdrop-filter:blur(8px)saturate(120%);height:200px;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%)}.blur-overlay--bottom{-webkit-backdrop-filter:blur(5px)saturate(120%);backdrop-filter:blur(5px)saturate(120%);height:100px;bottom:0;-webkit-mask-image:linear-gradient(#fff0 0%,#ffffff01 1.67%,#ffffff04 3.33%,#ffffff0a 5%,#fff1 6.67%,#ffffff1a 8.33%,#ffffff25 10%,#ffffff32 11.67%,#ffffff40 13.33%,#ffffff4f 15%,#ffffff5f 16.67%,#ffffff6f 18.33%,#ffffff80 20%,#ffffff90 21.67%,#ffffffa0 23.33%,#ffffffb0 25%,#ffffffbf 26.67%,#ffffffcd 28.33%,#ffffffda 30%,#ffffffe5 31.67%,#fffe 33.33%,#fffffff5 35%,#fffffffb 36.67%,#fffffffe 38.33%,#fff 40% 100%);mask-image:linear-gradient(#fff0 0%,#ffffff01 1.67%,#ffffff04 3.33%,#ffffff0a 5%,#fff1 6.67%,#ffffff1a 8.33%,#ffffff25 10%,#ffffff32 11.67%,#ffffff40 13.33%,#ffffff4f 15%,#ffffff5f 16.67%,#ffffff6f 18.33%,#ffffff80 20%,#ffffff90 21.67%,#ffffffa0 23.33%,#ffffffb0 25%,#ffffffbf 26.67%,#ffffffcd 28.33%,#ffffffda 30%,#ffffffe5 31.67%,#fffe 33.33%,#fffffff5 35%,#fffffffb 36.67%,#fffffffe 38.33%,#fff 40% 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;font-size:48px;font-weight:500}h2{text-align:center;margin-top:20px;font-size:32px;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}.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}}