body{font-family: Arial, sans-serif; margin:0; background:#f7f7f7; color:#111;}
.banner{background:#222;color:#fff;padding:18px 20px;}
.banner.small{padding:12px;}
.disclaimer{font-size:0.9em;margin-top:6px;color:#ffd;}
.grid{display:flex;flex-wrap:wrap;gap:12px;padding:18px;}
.card{background:#fff;padding:14px;border-radius:8px;text-decoration:none;color:inherit;border:1px solid #ddd;width:220px;box-shadow:0 2px 4px rgba(0,0,0,0.05);}
.card h2{margin:0 0 6px 0;font-size:1.05em;}
.center{max-width:760px;margin:30px auto;padding:0 18px;}
.tipbox{background:#fff;border-left:6px solid #f0ad4e;padding:12px;border-radius:6px;margin-bottom:12px;text-align:center;}
.login{background:#fff;padding:12px;border-radius:6px;border:1px solid #ddd;}
.login.disabled{opacity:0.6;pointer-events:none;}
.browser-warning{background:#fffbe6;border:1px solid #ffe58f;padding:10px;border-radius:6px;margin-bottom:12px;}
.warn-actions{margin-top:8px;}
.warn-actions button{margin-right:8px;}
footer{padding:12px;text-align:center;color:#666;font-size:0.9em;}
.countdown{font-weight:bold;font-size:1.4em;}
.caption{font-size:0.9em;color:#555;margin-top:6px;}