:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f7ff;background:#0b1020;font-family:Arial,Noto Sans TC,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#243568,#0b1020 56%);min-height:100vh;margin:0}main{place-items:center;min-height:100vh;padding:32px 20px;display:grid}.card{background:#0f172de0;border:1px solid #3b4f86;border-radius:20px;width:min(100%,640px);padding:40px;box-shadow:0 18px 80px #0000004d}.eyebrow{color:#9eb8ff;letter-spacing:.12em;margin:0;font-size:.75rem;font-weight:700}h1{margin:10px 0;font-size:clamp(2rem,8vw,3rem)}.intro,.muted{color:#b8c2df;line-height:1.6}label{margin:28px 0 8px;font-weight:700;display:block}.row{gap:10px;display:flex}input{min-width:0;color:inherit;font:inherit;background:#0a1124;border:1px solid #52679d;border-radius:10px;flex:1;padding:12px}button{color:#071127;cursor:pointer;font:inherit;background:#82a8ff;border:0;border-radius:10px;padding:12px 16px;font-weight:700}button:hover{background:#b1c9ff}.list-header{justify-content:space-between;align-items:center;margin-top:30px;display:flex}h2{margin:0;font-size:1.15rem}.refresh{padding:7px 10px;font-size:.85rem}ul{margin:0;padding:0;list-style:none}li{border-top:1px solid #2c3d69;justify-content:space-between;gap:16px;padding:14px 0;display:flex}time{color:#a9b7d8;flex:none;font-size:.85rem}.error{color:#ffadb5;margin-top:14px}@media (max-width:520px){.card{padding:28px 20px}.row{flex-direction:column}}