*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#111;background:#e8e8e8;justify-content:center;align-items:center;min-height:100svh;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;display:flex}button,input{font:inherit}.phone{background:linear-gradient(#7ef29b 0%,#b8f5c8 18%,#e3f9e8 42%,#fff 70%);flex-direction:column;width:100%;max-width:414px;min-height:min(100svh,896px);display:flex;box-shadow:0 0 40px #0000001f}.logo-area{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:350px;padding:72px 20px 100px;display:flex}.app-icon{object-fit:contain;object-position:center;border-radius:24px;flex-shrink:0;width:auto;max-width:100%;height:108px;margin-inline:auto;display:block;box-shadow:0 8px 24px #4cd96459}.app-name{letter-spacing:6px;margin:22px 0 0;font-size:40px;font-weight:900}.bottom-area{padding:0 32px calc(28px + env(safe-area-inset-bottom))}.login-btn{color:#fff;letter-spacing:2px;cursor:pointer;background:#111;border:0;border-radius:28px;width:100%;height:56px;font-size:18px;font-weight:600}.login-btn:active{transform:scale(.98)}.login-btn:disabled{opacity:.55;cursor:wait}.login-btn:focus-visible,.agreement input:focus-visible{outline-offset:4px;outline:3px solid #21843c}.agreement{color:#737b80;flex-wrap:wrap;align-items:center;gap:2px 4px;margin-top:18px;font-size:12px;line-height:1.6;display:flex}.agreement-check{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.agreement input{appearance:none;border:1.5px solid #b9bfc4;border-radius:50%;flex:0 0 16px;width:16px;height:16px;margin:2px 0 0}.agreement input:checked{background:#111;border-color:#111;box-shadow:inset 0 0 0 3px #fff}.agreement-link{color:#248c3c;cursor:pointer;font-size:inherit;line-height:inherit;background:0 0;border:0;padding:0}.agreement-link:focus-visible,.agreement-dialog button:focus-visible{outline-offset:3px;outline:2px solid #21843c}.agreement-error{color:#b42318}.agreement-dialog{width:min(100%,414px);max-width:none;height:75svh;max-height:none;padding:0 0 env(safe-area-inset-bottom);color:#111;background:#fff;border:0;border-radius:20px 20px 0 0;margin:0 auto;position:fixed;inset:auto 0 0;overflow:hidden}.agreement-dialog[open]{flex-direction:column;display:flex}.agreement-dialog::backdrop{background:#0008}.agreement-dialog-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 12px 12px 20px;display:flex}.agreement-dialog-header h2{margin:0;font-size:17px;font-weight:600}.agreement-dialog-close{color:#555;cursor:pointer;background:#f5f5f5;border:0;border-radius:50%;width:40px;height:40px;font-size:26px;line-height:1}.agreement-content{border:0;flex:1;width:100%;min-height:0}.agreement-dialog-status{color:#737b80;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;margin:0;padding:20px;font-size:14px;display:flex}.agreement-dialog-status p{margin:0}.agreement-retry{color:#248c3c;cursor:pointer;background:#fff;border:1px solid #248c3c;border-radius:20px;padding:8px 20px}.message{text-align:center;color:#b42318;overflow-wrap:anywhere;margin:12px 0 0;font-size:13px;line-height:1.6}.browser-hint{text-align:center;font-size:16px;line-height:1.8}.browser-hint p{margin:5px 0}@media (max-width:414px){body{background:#fff}.phone{min-height:100svh;box-shadow:none}}@media (prefers-reduced-motion:reduce){.login-btn:active{transform:none}}