:root{color-scheme:light;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;background:#f3f6fb;color:#263248}
*{box-sizing:border-box}
body{min-height:100vh;margin:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 20%,#fff 0,#f3f6fb 48%,#e9eef7 100%)}
.entry-card{width:min(420px,100%);padding:38px 28px 32px;text-align:center;background:rgba(255,255,255,.96);border:1px solid #e4eaf3;border-radius:20px;box-shadow:0 18px 60px rgba(40,58,91,.13)}
.brand{display:inline-flex;align-items:center;justify-content:center;min-width:82px;height:36px;padding:0 18px;border-radius:18px;background:linear-gradient(135deg,#355dde,#6d83f3);color:#fff;font-size:17px;font-weight:700;letter-spacing:3px;box-shadow:0 8px 18px rgba(63,91,216,.25)}
.spinner{width:42px;height:42px;margin:28px auto 20px;border:4px solid #e5eaf6;border-top-color:#4f6ee8;border-radius:50%;animation:spin .8s linear infinite}
.spinner.stopped{animation:none;border-color:#e8edf5;border-top-color:#e8edf5}
h1{margin:0;font-size:21px;font-weight:700;color:#25314a}
p{min-height:44px;margin:12px 0 0;color:#7b879b;font-size:14px;line-height:1.7}
.actions{display:flex;justify-content:center;gap:12px;margin-top:22px}
button{min-width:112px;height:40px;padding:0 18px;border:0;border-radius:10px;background:#4c6be5;color:#fff;font:600 14px inherit;cursor:pointer;box-shadow:0 7px 16px rgba(76,107,229,.22)}
button.secondary{background:#eef2ff;color:#4962c7;box-shadow:none}
button:active{transform:translateY(1px)}
noscript{display:block;margin-top:18px;color:#b14f4f;font-size:13px}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:480px){body{padding:16px}.entry-card{padding:32px 20px 26px;border-radius:16px}}