/* ============ 神祇图鉴（iOS 苹果商店版） ============
 * 规则提取自网页版 css/style.css 图鉴段（v1.3.9 (19)），两处适配：
 * ① 列表在网页版是全屏 view（#view-deities, position:fixed），iOS 版是
 *    底部标签页 #tab-deities（普通 .tab 流式布局），故列表侧只保留
 *    分组/网格规则，并去掉与 .tab 内边距重复的左右 padding；
 * ② 详情 #view-deity-detail 仍是全屏覆盖层，规则与网页版一致。 */
#view-deity-detail{position:fixed;inset:0;z-index:61;overflow-y:auto;background:var(--paper);padding:0 0 40px}
#view-deity-detail[hidden]{display:none}
#view-deity-detail .appbar{position:sticky;top:0;z-index:20;background:var(--paper)}
.deity-group-title{font-size:1.05rem;font-weight:700;color:var(--gold-deep);letter-spacing:.2em;margin:22px 0 10px}
.deity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0}
.deity-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 10px;background:var(--card);border:1px solid var(--line);border-radius:12px;cursor:pointer;font-family:inherit;color:var(--ink)}
.deity-card:active{transform:scale(.97)}
.deity-card img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top center;border-radius:8px;background:var(--paper-2)}
.deity-card-name{font-size:.95rem;font-weight:700;margin-top:6px;line-height:1.3;text-align:center}
.deity-card-title{font-size:.68rem;color:var(--muted);line-height:1.35;text-align:center}
.deity-detail-wrap{max-width:560px;margin:0 auto;padding:0 16px}
.deity-img-box{position:relative;max-width:420px;margin:14px auto 0}
.deity-detail-img{display:block;width:100%;max-width:420px;margin:0 auto;border-radius:14px;border:1px solid var(--line)}
.deity-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--ink);font-family:inherit;font-size:1.35rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.55;box-shadow:0 1px 5px rgba(60,45,20,.12)}
.deity-nav-arrow.prev{left:8px}
.deity-nav-arrow.next{right:8px}
.deity-nav-arrow:active{opacity:.85}
.deity-nav-arrow:disabled{opacity:.15;cursor:default;box-shadow:none}
.deity-swipe-hint{text-align:center;color:var(--muted);font-size:.74rem;letter-spacing:.14em;margin:10px 0 0}
.deity-swipe-hint[hidden]{display:none}
.deity-detail-name{text-align:center;font-size:1.5rem;font-weight:700;color:var(--ink);margin:16px 0 2px;letter-spacing:.12em}
.deity-detail-title{text-align:center;color:var(--gold-deep);font-size:.95rem;margin:0 0 6px;letter-spacing:.08em}
.deity-detail-pos{color:var(--muted);font-size:.72rem;letter-spacing:.1em;white-space:nowrap}
@keyframes deitySlideNext{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
@keyframes deitySlidePrev{from{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:none}}
.deity-detail-wrap.slide-next{animation:deitySlideNext .22s ease-out}
.deity-detail-wrap.slide-prev{animation:deitySlidePrev .22s ease-out}
.deity-sec{margin:12px 0}
.deity-sec p{margin-top:8px;line-height:1.85;font-size:.98rem;color:var(--ink)}
.deities-intro{margin:14px 0 2px;line-height:1.8;color:var(--muted);font-size:.92rem}