.timestamp-page{--ts-bg: #08111f;--ts-panel: rgba(15, 23, 42, .94);--ts-panel-2: rgba(30, 41, 59, .9);--ts-code: #0b1220;--ts-border: rgba(148, 163, 184, .18);--ts-border-strong: rgba(56, 189, 248, .38);--ts-text: #f8fafc;--ts-soft: #cbd5e1;--ts-muted: #94a3b8;--ts-primary: #38bdf8;--ts-primary-2: #22d3ee;--ts-accent: #a78bfa;--ts-danger: #fb7185;--ts-warning: #fbbf24;--ts-shadow: 0 22px 70px rgba(2, 6, 23, .38);--ts-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--ts-sans: Inter, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;min-height:100vh;padding:24px;color:var(--ts-text);font-family:var(--ts-sans);background:radial-gradient(circle at 12% 0%,rgba(56,189,248,.18),transparent 30%),radial-gradient(circle at 88% 12%,rgba(167,139,250,.16),transparent 30%),linear-gradient(180deg,#08111f,#0f172a)}.timestamp-page>.ts-hero,.timestamp-page>.ts-overview-grid,.timestamp-page>.ts-layout,.timestamp-page>.ts-info-grid{max-width:1480px;margin-left:auto;margin-right:auto}.ts-hero,.ts-overview-card,.ts-config-card,.ts-converter-card,.ts-field-card,.ts-info-card{border:1px solid var(--ts-border);background:var(--ts-panel);box-shadow:var(--ts-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.ts-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border-radius:28px;margin-bottom:18px}.ts-kicker{display:inline-flex;width:fit-content;padding:6px 11px;border:1px solid rgba(56,189,248,.28);border-radius:999px;background:#38bdf81f;color:var(--ts-primary);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ts-hero h1{margin:13px 0 9px;color:var(--ts-text);font-size:clamp(30px,4vw,48px);line-height:1.04;letter-spacing:-.045em}.ts-hero p{max-width:820px;margin:0;color:var(--ts-soft);line-height:1.72}.ts-live-card{min-width:280px;padding:18px;border:1px solid var(--ts-border);border-radius:22px;background:#ffffff0e}.ts-live-card span,.ts-live-card small,.ts-overview-card span,.ts-overview-card small{display:block;color:var(--ts-muted);font-size:12px;font-weight:800}.ts-live-card strong{display:block;margin:8px 0;color:var(--ts-primary-2);font:22px var(--ts-mono)}.ts-overview-grid{display:grid;grid-template-columns:1.2fr 1.35fr 1fr;gap:14px;margin-bottom:18px}.ts-overview-card{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:14px;padding:18px;border-radius:22px}.ts-overview-card strong{display:block;overflow:hidden;margin-top:6px;color:var(--ts-primary);font:24px var(--ts-mono);text-overflow:ellipsis;white-space:nowrap}.ts-overview-card button,.ts-field-head button,.ts-actions-stack button{border:1px solid var(--ts-border);border-radius:12px;color:var(--ts-text);background:#ffffff12;cursor:pointer;font-family:var(--ts-sans);font-size:13px;font-weight:900;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.ts-overview-card button,.ts-field-head button{min-height:36px;padding:8px 12px;color:var(--ts-primary)}.ts-overview-card button:hover,.ts-field-head button:hover:not(:disabled),.ts-actions-stack button:hover{transform:translateY(-1px);border-color:var(--ts-border-strong);box-shadow:0 12px 30px #38bdf821}.ts-field-head button:disabled{opacity:.5;cursor:not-allowed}.ts-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;align-items:start}.ts-config-card,.ts-converter-card,.ts-info-card{overflow:hidden;border-radius:24px}.ts-config-card{position:sticky;top:18px}.ts-card-head{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-bottom:1px solid var(--ts-border);background:#ffffff0b}.ts-card-head strong{color:var(--ts-text);font-size:15px}.ts-card-head span{color:var(--ts-muted);font-size:12px;font-weight:700}.ts-switch,.ts-select-group{display:flex;margin:16px;padding:14px;border:1px solid var(--ts-border);border-radius:16px;background:#ffffff0b}.ts-switch{align-items:flex-start;gap:12px;cursor:pointer}.ts-switch input{width:18px;height:18px;margin-top:2px;accent-color:var(--ts-primary)}.ts-switch strong,.ts-switch small,.ts-select-group span{display:block}.ts-switch strong{color:var(--ts-text);font-size:14px}.ts-switch small{margin-top:4px;color:var(--ts-muted);font-size:12px;line-height:1.55}.ts-select-group{flex-direction:column;gap:8px;color:var(--ts-muted);font-size:12px;font-weight:900}.ts-select-group select{height:42px;padding:0 12px;border:1px solid var(--ts-border);border-radius:12px;outline:none;color:var(--ts-text);background:var(--ts-code);font:800 13px var(--ts-sans)}.ts-select-group select:focus{border-color:var(--ts-primary);box-shadow:0 0 0 3px #38bdf826}.ts-actions-stack{display:flex;flex-direction:column;gap:10px;padding:0 16px 16px}.ts-actions-stack button{min-height:40px;color:var(--ts-primary)}.ts-actions-stack .danger{color:#fecdd3;border-color:#fb718547;background:#fb71851c}.ts-converter-card{padding:16px}.ts-converter-grid{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);gap:16px;align-items:stretch}.ts-field-card{min-width:0;padding:16px;border-radius:20px;background:#ffffff0b}.ts-field-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.ts-field-head div{display:flex;min-width:0;flex-direction:column;gap:4px}.ts-field-head strong{color:var(--ts-text);font-size:15px}.ts-field-head span{color:var(--ts-muted);font-size:12px;line-height:1.5}.ts-field-card input{width:100%;height:54px;padding:0 14px;border:1px solid var(--ts-border);border-radius:16px;outline:none;box-sizing:border-box;color:var(--ts-text);background:var(--ts-code);font:17px var(--ts-mono);transition:border-color .18s ease,box-shadow .18s ease}.ts-field-card input:focus{border-color:var(--ts-primary);box-shadow:0 0 0 3px #38bdf824}.ts-field-card input::placeholder{color:#64748b}.ts-hint{margin-top:10px;color:var(--ts-muted);font-size:12px;font-weight:700}.ts-swap-indicator{display:flex;align-items:center;justify-content:center;color:var(--ts-primary);font-size:30px;font-weight:900}.ts-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.ts-info-card{padding:18px;border-radius:22px}.ts-info-card h3{margin:0 0 10px;color:var(--ts-text);font-size:15px}.ts-info-card p{margin:0;color:var(--ts-soft);font-size:13px;line-height:1.72}.ts-toast{position:fixed;top:24px;left:50%;z-index:10000;transform:translate(-50%);padding:11px 18px;border-radius:999px;color:#fff;background:#0f172af5;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 42px #02061757;font-size:13px;font-weight:900;animation:tsToast .22s ease}.ts-toast-success{background:#0e7490f5}.ts-toast-error{background:#dc2626f5}.ts-toast-warn{background:#d97706f5}.ts-toast-info{background:#2563ebf5}@keyframes tsToast{0%{opacity:0;transform:translate(-50%,-14px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 1120px){.ts-layout{grid-template-columns:1fr}.ts-config-card{position:static}.ts-converter-grid{grid-template-columns:1fr}.ts-swap-indicator{transform:rotate(90deg);min-height:36px}.ts-overview-grid,.ts-info-grid{grid-template-columns:1fr}}@media (max-width: 760px){.timestamp-page{padding:14px}.ts-hero{align-items:flex-start;flex-direction:column;padding:20px;border-radius:20px}.ts-live-card{width:100%;min-width:0}.ts-overview-card,.ts-field-head{align-items:flex-start;flex-direction:column}.ts-overview-card button,.ts-field-head button{width:100%}.ts-field-card input{font-size:14px}}