:root{--bg:#f3f3f3;--ink:#16181d;--mute:#6b7280;--card:#fff;--r:18px}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:var(--bg)}
body{margin:0;font:16px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg);
  padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}
.wrap{max-width:480px;margin:0 auto;padding:16px 16px 40px}
.card{background:var(--card);border-radius:var(--r);box-shadow:0 1px 3px rgba(0,0,0,.06)}
.head{padding:18px 20px;margin-bottom:10px}
.head h1{margin:0;font-size:1.35rem}
.head p{margin:4px 0 0;color:var(--mute);font-size:.92rem}
.notice{margin:0 4px 14px;text-align:center;color:var(--mute);font-size:.78rem}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
details.top{border-radius:var(--r);margin-bottom:12px;color:#fff;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.12)}
details.top>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:26px 20px;font-size:1.25rem;font-weight:800;min-height:84px}
details.top>summary small{background:#fff;color:var(--ink);border-radius:99px;padding:3px 11px;font-size:.78rem;font-weight:700}
details.top[open]>summary{padding-bottom:16px}
.c0{background:linear-gradient(135deg,#b4512a,#5b2412)}
.c1{background:linear-gradient(135deg,#7345c9,#241446)}
.c2{background:linear-gradient(135deg,#2f9488,#0e3a36)}
.c3{background:linear-gradient(135deg,#3a68c9,#10213f)}
.c4{background:linear-gradient(135deg,#c28a1f,#4d340a)}
.c5{background:linear-gradient(135deg,#c2456b,#4a1226)}
.body{padding:0 12px 12px}
details.sub{background:var(--card);color:var(--ink);border-radius:14px;margin-top:8px;overflow:hidden}
details.sub>summary{display:flex;justify-content:space-between;align-items:center;padding:16px;font-weight:700;min-height:56px}
details.sub>summary::after{content:"▾";color:var(--mute);transition:transform .15s}
details.sub[open]>summary::after{transform:rotate(180deg)}
.links{display:grid;gap:8px;padding:0 12px 12px}
.btn{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;border-radius:12px;color:#fff;text-decoration:none;font-weight:700;min-height:52px}
.btn i{font-style:normal;opacity:.85}
.btn.hb{background:#ff6000}.btn.ty{background:#f27a1a}.btn.az{background:#232f3e}.btn.n11{background:#6a2c91}.btn.other{background:#3b4252}
.btn:active{filter:brightness(.92)}
.empty{text-align:center;color:var(--mute);margin:12px 0}
details.top .empty{color:#ffffffcc}
@media (min-width:600px){body{padding-top:24px}}