*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}
body{background:#000;color:#ededed;font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;display:flex;flex-direction:column}
.bg{position:fixed;inset:0;background:url("屏幕截图 2026-09-25 234012.png") center/cover no-repeat;animation:zoom 36s ease-in-out infinite alternate}
.mask{position:fixed;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.78),rgba(0,0,0,.66) 45%,rgba(0,0,0,.86));}
.top,.center,.foot{position:relative;z-index:1}
@keyframes zoom{from{transform:scale(1)}to{transform:scale(1.07)}}
.top{display:flex;justify-content:space-between;padding:14px 18px;font-size:12px;letter-spacing:.3em;color:#777}
.center{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 20px}
.en{font-family:Consolas,monospace;font-size:11px;letter-spacing:.5em;color:#777;margin-bottom:12px}
h1{font-size:44px;font-weight:900;letter-spacing:.3em;text-indent:.3em;margin-bottom:36px;text-shadow:0 2px 24px rgba(0,0,0,.9)}
.bar{width:min(420px,80vw);height:2px;background:#1c1c1c}
.fill{height:100%;width:0%;background:#ededed}
.row{width:min(420px,80vw);display:flex;justify-content:space-between;margin-top:12px;font-size:12px;color:#777}
#percent{font-family:Consolas,monospace;color:#ededed;font-variant-numeric:tabular-nums}
#enterBtn{margin-top:36px;background:transparent;border:1px solid #333;color:#555;padding:12px 48px;font-size:13px;letter-spacing:.4em;text-indent:.4em;cursor:not-allowed;font-family:inherit}
#enterBtn.ready{border-color:#ededed;color:#ededed;cursor:pointer}
#enterBtn.ready:hover{background:#ededed;color:#000}
.foot{text-align:center;padding:16px;font-size:11px;letter-spacing:.3em;color:#444}