*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"SF Pro","PingFang SC","Microsoft YaHei",sans-serif;background:#f0f0f4;color:#1e293b;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}
.logo{font-size:22px;font-weight:700;color:#2563eb;letter-spacing:2px;margin-bottom:6px}
.sub{font-size:13px;color:#64748b;letter-spacing:1px;margin-bottom:28px}
.clock{font-size:52px;font-weight:700;color:#2563eb;font-variant-numeric:tabular-nums;margin-bottom:6px}
.date{font-size:14px;color:#64748b;margin-bottom:28px}
.info{font-size:13px;color:#64748b;line-height:2;background:#f1f5f9;border-radius:12px;padding:16px 28px;max-width:480px}
.info b{color:#2563eb;font-weight:600}
@media (prefers-color-scheme:dark){body{background:#000000;color:#e2e8f0}.logo,.clock{color:#60a5fa}.sub,.date,.info{color:#94a3b8}.info{background:#101014}.info b{color:#60a5fa}}

/* 视觉隐藏（SEO 标题用；CSP 禁内联样式后改类名隐藏，2026-10-05） */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}