*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
body{overflow:hidden;position:relative;background:#030916;color:#eef5ff}
.bg{position:fixed;inset:0;background-image:var(--custom-bg);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}
.theme-02 .bg{background-color:#020817;background-image:var(--custom-bg),linear-gradient(180deg,rgba(1,7,20,.08),rgba(2,7,18,.18))}
.theme-06{color:#5a3823;background:#f7ead6}
.theme-06 .bg{background-color:#f7ead6;background-image:var(--custom-bg),linear-gradient(180deg,rgba(255,248,235,.04),rgba(247,234,214,.08))}
.bg:after{content:"";position:absolute;inset:0;pointer-events:none}
.theme-02 .bg:after{background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.10))}
.theme-06 .bg:after{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,240,215,.08))}
header,main,footer{position:relative;z-index:2}
header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 4.4vw}
.brand{display:flex;gap:12px;align-items:center;font-weight:700;font-size:18px;letter-spacing:.2px}
.logo-dot{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;box-shadow:0 2px 12px rgba(0,0,0,.14)}
.logo-dot svg{width:22px;height:22px;fill:currentColor}
.brand img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.theme-02 .brand{color:#fff}.theme-06 .brand{color:#4b3426}
.header-actions{display:flex;align-items:center;gap:23px}
.theme,.menu{border:0;background:transparent;color:inherit;cursor:pointer;padding:4px;line-height:1;opacity:.98}
.theme{width:30px;height:30px;display:grid;place-items:center}
.theme svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.menu{width:30px;height:30px;display:flex;flex-direction:column;justify-content:center;gap:5px}
.menu span{display:block;width:23px;height:2px;border-radius:2px;background:currentColor}
main{height:calc(100vh - 86px)}
.hero{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 20px 60px;transform:translateY(-1.5vh)}
.hero h1{font-size:clamp(42px,5.25vw,68px);line-height:1.18;margin:0 0 26px;font-weight:800;letter-spacing:1px}
.theme-02 .hero h1{color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.25)}
.theme-02 .hero h1 strong{font-weight:800;background:linear-gradient(90deg,#27b6ff,#6373ff 55%,#ef68e8);-webkit-background-clip:text;background-clip:text;color:transparent}
.subtitle{font-size:20px;margin:0 0 10px;opacity:.94;letter-spacing:.2px;white-space:pre-line}
.desc{font-size:16px;opacity:.78;margin:0 0 31px;max-width:760px;line-height:1.8;letter-spacing:.1px;white-space:pre-line}
.theme-02 .subtitle,.theme-02 .desc{color:#dce9ff}
.divider{height:3px;width:62px;margin:-6px auto 43px;border-radius:9px;background:linear-gradient(90deg,#1ea1ff,#7c62ff);box-shadow:0 0 15px rgba(45,150,255,.8);position:relative}
.divider:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #fff}
.enter{width:min(318px,82vw);height:72px;padding:0 27px;border-radius:38px;display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#fff;font-size:19px;font-weight:700;transition:transform .25s,filter .25s;gap:15px}
.theme-02 .enter{background:linear-gradient(100deg,#179cff,#566fff 57%,#9a49f5);box-shadow:0 12px 34px rgba(45,112,255,.34)}
.enter:hover{transform:translateY(-3px);filter:brightness(1.06)}
.enter-icon{width:27px;height:27px;display:grid;place-items:center;flex:0 0 27px}
.enter-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.enter b{font-size:29px;font-weight:300;line-height:1}.enter-text{flex:1;text-align:center}
.theme-06 .hero{transform:translateY(-3vh)}
.theme-06 .hero h1{font-family:"STKaiti","KaiTi","FangSong",serif;font-weight:500;font-size:clamp(42px,5vw,66px);letter-spacing:2px;text-shadow:none;color:#593622;margin-bottom:29px}
.theme-06 .hero h1:after{content:"";display:block;width:220px;height:6px;margin:8px auto 0;border-radius:50%;background:#f0b858;transform:rotate(-2deg);opacity:.95}
.theme-06 .subtitle,.theme-06 .desc{font-family:"STKaiti","KaiTi","FangSong",serif;color:#62412e}
.theme-06 .subtitle{font-size:20px;opacity:.94}.theme-06 .desc{font-size:17px;opacity:.82;margin-bottom:39px}
.theme-06 .enter{background:#a8663f;box-shadow:0 10px 30px rgba(125,72,39,.22)}.theme-06 .enter:hover{background:#9b5c38}
footer{position:fixed;bottom:25px;left:0;width:100%;text-align:center;font-size:13px;opacity:.66;letter-spacing:.35px}
.theme-06 footer{color:#6b4936;opacity:.8}
@media(max-width:600px){
header{height:68px;padding:0 21px}.brand{font-size:16px}.logo-dot,.brand img{width:34px;height:34px}.header-actions{gap:14px}.theme{width:27px;height:27px}.theme svg{width:23px;height:23px}.menu{width:27px;height:27px}.menu span{width:21px;height:2px}
main{height:calc(100vh - 68px)}.hero{padding:0 18px 58px;transform:translateY(-2vh)}.hero h1{font-size:35px;margin-bottom:21px}.subtitle{font-size:17px}.desc{font-size:14px;margin-bottom:29px}.divider{margin:-4px auto 28px}.enter{height:60px;font-size:17px}.enter-icon{width:24px;height:24px;flex-basis:24px}.enter-icon svg{width:23px;height:23px}.enter b{font-size:26px}
.theme-06 .hero{transform:translateY(-2.5vh)}.theme-06 .hero h1{font-size:35px}.theme-06 .hero h1:after{width:150px;height:5px}.theme-06 .subtitle{font-size:17px}.theme-06 .desc{font-size:14px}.theme-06 .enter{height:60px}
footer{bottom:17px;font-size:11px}}