*{box-sizing:border-box;margin:0;padding:0}body{color:#e8e6df;background:#0a0e16;flex-direction:column;min-height:100vh;font-family:Noto Sans TC,Microsoft JhengHei,sans-serif;display:flex}.site-header{text-align:center;background:radial-gradient(at 50% 120%,#28467859,#0000 70%),linear-gradient(#060a12,#0a0e16);border-bottom:1px solid #1d2738;padding:64px 24px 40px}.site-header h1{letter-spacing:.35em;text-indent:.35em;font-size:2.6rem;font-weight:700}.tagline{color:#8fa3c0;letter-spacing:.22em;margin-top:16px;font-weight:300;line-height:2.1}.tagline span{display:block}main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:40px 24px}.era{margin-bottom:48px}.era-head{border-left:4px solid #c9a227;align-items:baseline;gap:16px;margin-bottom:20px;padding-left:14px;display:flex}.era-head h2{letter-spacing:.08em;font-size:1.5rem}.era-period{color:#7d8aa0;font-size:.95rem}.battle-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.coming-soon{color:#5d6b82;padding:18px 4px}.battle-card{color:inherit;background:linear-gradient(160deg,#121a2a,#0d1320);border:1px solid #243150;border-radius:10px;padding:22px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:block}.battle-card:hover{border-color:#c9a227;transform:translateY(-4px);box-shadow:0 12px 30px #00000073}.battle-card.disabled{opacity:.5;cursor:default}.card-top{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.card-top h3{font-size:1.35rem}.card-en{color:#7d8aa0;font-size:.85rem}.card-date{color:#c9a227;margin-top:6px;font-size:.9rem}.card-sides{align-items:center;gap:10px;margin-top:12px;font-size:.95rem;display:flex}.side.red{color:#ff6b5e}.side.blue{color:#5ea8ff}.vs{color:#5d6b82;font-size:.75rem}.card-summary{color:#aab6c9;margin-top:12px;font-size:.9rem;line-height:1.7}.card-cta{color:#c9a227;letter-spacing:.06em;margin-top:16px;font-size:.9rem}.site-footer{text-align:center;color:#5d6b82;border-top:1px solid #1d2738;padding:24px;font-size:.8rem}