#gate{position:fixed;inset:0;z-index:999;background:#fafcfb;display:flex;align-items:center;justify-content:center;padding:24px;transition:opacity .35s ease}
#gate.gone{opacity:0;pointer-events:none}
#gate .gate-inner{width:min(560px,100%);text-align:center;color:#2c3330}
#gate .rings{width:74px;height:74px;color:#6b7975;margin:0 auto 18px;display:block;animation:spin 40s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
#gate h1{font:400 34px/1.2 Georgia,"Songti SC",serif;letter-spacing:.02em;margin:0 0 12px}
#gate .lead{color:#6b7975;font-size:14px;line-height:1.85;margin:0 0 26px}
#gate .drop{border:1.5px dashed #c3ccc8;border-radius:14px;padding:30px 20px;background:#fff;transition:.2s}
#gate .drop.over{border-color:#6b7975;background:#f2f7f5;transform:scale(1.01)}
#gate .drop strong{display:block;font-size:15px;font-weight:500;color:#3d4744;margin-bottom:18px}
#gate .row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
#gate .btn{font:400 14px/1 inherit;padding:11px 20px;border-radius:999px;border:1px solid #6b7975;background:#6b7975;color:#fff;cursor:pointer;transition:.2s}
#gate .btn:hover{background:#59665f}
#gate .btn.ghost{background:transparent;color:#59665f}
#gate .btn.ghost:hover{background:#eef3f1}
#gate .privacy{margin:20px 0 0;font-size:12px;color:#9aa5a1}
#gate #progress{margin-top:22px;text-align:left}
#gate .bar{height:3px;background:#e4eae7;border-radius:999px;overflow:hidden}
#gate .bar i{display:block;height:100%;width:0;background:#6b7975;transition:width .25s ease}
#gate #progress-text{display:block;margin-top:8px;font-size:12px;color:#6b7975}
.linkbtn{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer;opacity:.85}

/* 背景音乐开关 */
#bgm-toggle{position:fixed;right:18px;bottom:18px;z-index:80;width:40px;height:40px;border-radius:50%;
  border:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.72);backdrop-filter:blur(8px);
  color:#4a544f;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;
  box-shadow:0 2px 10px rgba(0,0,0,.06)}
#bgm-toggle:hover{background:#fff;color:#2c3330}
#bgm-toggle .slash{opacity:0;transition:.2s}
#bgm-toggle.off .slash{opacity:1}
#bgm-toggle.off .w1,#bgm-toggle.off .w2{opacity:.25}
@media(max-width:640px){#bgm-toggle{right:14px;bottom:14px;width:36px;height:36px}}