*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:#f6efe2;color:#3a2a1a;font:17px/1.75 "Noto Serif TC","PingFang HK","Microsoft JhengHei",serif}
a{color:#8e1a14}.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px;background:#8e1a14;color:#f3d58c;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.brand{display:flex;align-items:center;gap:8px;color:#f3d58c;text-decoration:none;font-size:1.1rem;letter-spacing:.08em}.brand img{border-radius:8px;background:#fff}
.enter{color:#13265a;background:linear-gradient(#f3d58c,#e0b65a);padding:6px 14px;border-radius:999px;text-decoration:none;font-weight:700}
main{max-width:760px;margin:0 auto;padding:12px 16px 40px}.crumb{font-size:.85rem;color:#7a6a55;margin:6px 0 12px}.crumb a{color:#7a6a55}
.panel{background:#fffaf0;border:1px solid #e0c890;border-radius:16px;padding:18px 18px 22px;box-shadow:0 2px 10px rgba(80,50,10,.06)}
h1{font-size:1.6rem;line-height:1.35;color:#8e1a14;margin:0 0 8px}h2{font-size:1.15rem;color:#9c6b12;margin:22px 0 6px;border-left:4px solid #e0b65a;padding-left:8px}h3{font-size:1.02rem;margin:16px 0 4px;color:#13265a}
.kick{margin:0;color:#9c6b12;font-size:.9rem;letter-spacing:.2em}.lead{font-size:1.05rem}.sm{font-size:.85rem;color:#7a6a55}
.grade{display:inline-block;margin:0 0 10px;padding:2px 14px;border-radius:999px;color:#fff;background:#9c6b12;font-weight:700}.g4{background:#b8262a}.g3{background:#c8641e}.g2{background:#9c6b12}.g1{background:#5f6b7a}.g0{background:#3d3d4a}
.poem{margin:6px 0 4px;padding:14px;border-radius:12px;background:#13265a;color:#f3d58c;font-size:1.2rem;line-height:2;text-align:center;letter-spacing:.12em}
table{width:100%;border-collapse:collapse;font-size:.95rem}th,td{border-bottom:1px dashed #e0c890;padding:6px 4px;text-align:left;vertical-align:top}th{white-space:nowrap;color:#9c6b12;width:5em}
.cta{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.btn{display:inline-block;padding:9px 16px;border-radius:10px;background:#13265a;color:#f3d58c;text-decoration:none;font-weight:700}.btn.gold{background:linear-gradient(#f3d58c,#e0b65a);color:#5a1a0a}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:6px 12px;border:1px solid #e0b65a;border-radius:999px;text-decoration:none;background:#fff}
.pn{display:flex;justify-content:space-between;margin:14px 4px}
.qlist,.tiles,.klist{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px}.qlist{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.qlist a{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;padding:8px 10px;border:1px solid #e0c890;border-radius:10px;text-decoration:none;background:#fff;color:#3a2a1a}.qlist b{color:#8e1a14}.qlist span{flex:1 1 100%;order:3;font-size:.9rem}.qlist em{font-style:normal;font-size:.75rem;color:#fff;padding:0 8px;border-radius:999px}
.tiles{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.tiles a{display:flex;flex-direction:column;align-items:center;padding:10px;border:1px solid #e0c890;border-radius:12px;background:#fff;text-decoration:none;color:#3a2a1a;text-align:center}.tiles img{width:100%;height:120px;object-fit:contain}.tiles b{color:#8e1a14}.tiles span{font-size:.85rem}
.klist a{display:block;padding:10px 12px;border:1px solid #e0c890;border-radius:12px;background:#fff;text-decoration:none;color:#3a2a1a}.klist b{display:block;color:#8e1a14}.klist span{font-size:.9rem}
.deity{margin:8px 0;text-align:center}.deity img{max-width:100%;max-height:420px;width:auto}.hymn{white-space:normal;line-height:2}.feat li{margin:4px 0}
footer{text-align:center;padding:20px 16px 40px;color:#7a6a55}footer a{margin:0 4px}
@media (prefers-color-scheme:dark){body{background:#1b1410;color:#efe3cf}.panel{background:#261c15;border-color:#5a4426}.qlist a,.tiles a,.klist a,.chip{background:#2d2219;color:#efe3cf;border-color:#5a4426}h1,a,.qlist b,.tiles b,.klist b{color:#f0b07a}th{color:#e0b65a}h3{color:#9fb4ff}.crumb,.crumb a,.sm,footer{color:#b8a58a}}
