/* ========== 黑色电影版主题 + 后台效果开关 ========== */
:root{
  --bg:#0a0a0a;
  --bg-soft:#111111;
  --text:#f1f1f1;
  --text-70:rgba(241,241,241,.7);
  --text-50:rgba(241,241,241,.5);
  --text-30:rgba(241,241,241,.3);
  --line:rgba(255,255,255,.14);
  --line-strong:rgba(255,255,255,.3);
}
.nav.solid{background:rgba(10,10,10,.88);backdrop-filter:blur(14px)}
.hero-bg::after{background:linear-gradient(180deg,rgba(10,10,10,.45) 0%,rgba(10,10,10,.1) 40%,rgba(10,10,10,.92) 100%)}
.work .s{color:var(--text-70)}
.work .idx{color:var(--text-50)}

/* ---------- 效果开关①：标题常显（默认） ---------- */
.info-always .work::after{background:linear-gradient(180deg,transparent 45%,rgba(10,10,10,.85));opacity:.85}
.info-always .work:hover .ph{opacity:.72}

/* ---------- 效果开关①：悬停浮现（白色画廊版效果） ---------- */
.info-hover .work::after{background:linear-gradient(180deg,transparent 55%,rgba(10,10,10,.7));opacity:0}
.info-hover .work:hover::after{opacity:1}
.info-hover .work .meta{opacity:0;transform:translateY(8px)}
.info-hover .work:hover .meta{opacity:1;transform:translateY(0)}

/* ---------- 效果开关②：网格间距 ---------- */
.gap-tight .feat-grid{gap:2px;padding:0}
.gap-tight .list-grid{gap:2px;padding:2px 0 100px}
.gap-wide .feat-grid{gap:24px;padding:0 4vw;max-width:1440px;margin:0 auto}
.gap-wide .list-grid{gap:24px;padding:40px 4vw 100px;max-width:1440px;margin:0 auto}

/* ---------- 分类行悬停 ---------- */
.cat-row:hover{background:var(--bg-soft)}

/* ---------- 移动端抽屉 ---------- */
@media (max-width:640px){
  .nav-links{background:rgba(10,10,10,.97)}
}

/* ---------- WP 编辑器内容排版（关于页等） ---------- */
.entry-content p{color:var(--text-70);font-size:14px;letter-spacing:.04em;margin-bottom:14px;max-width:720px}
.entry-content h2,.entry-content h3{font-family:var(--serif);letter-spacing:.12em;margin:34px 0 16px}
.entry-content img{height:auto;border:0}
.entry-content a{border-bottom:1px solid var(--line-strong)}

/* ---------- 分页 ---------- */
.pdz-pagination{display:flex;justify-content:center;gap:10px;padding:0 0 90px}
.pdz-pagination .page-numbers{
  min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--line);font-size:12px;letter-spacing:.1em;color:var(--text-70);padding:0 12px;
}
.pdz-pagination .page-numbers.current{background:var(--text);color:var(--bg);border-color:var(--text)}
.pdz-pagination .page-numbers:hover{border-color:var(--text);color:var(--text)}
.pdz-pagination .page-numbers.current:hover{color:var(--bg)}

/* ---------- 单张照片页 ---------- */
.photo-stage{padding:150px 4vw 60px;max-width:1200px;margin:0 auto}
.photo-stage img{height:auto;max-height:76vh;width:auto;max-width:100%;margin:0 auto}
/* 照片图集轮播 */
.photo-slider{position:relative;max-width:1200px;margin:0 auto;padding:150px 4vw 30px}
.ps-viewport{overflow:hidden}
.ps-track{display:flex;transition:transform .55s cubic-bezier(.22,.61,.36,1)}
.ps-slide{flex:0 0 100%;min-width:0;display:flex;align-items:center;justify-content:center}
.ps-slide img{width:auto;height:auto;max-width:100%;max-height:72vh;object-fit:contain}
.ps-arrow{position:absolute;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--text-50);font-size:38px;line-height:1;cursor:pointer;padding:14px 16px;transition:color .3s;z-index:2;font-family:var(--serif)}
.ps-arrow:hover{color:var(--text)}
.ps-prev{left:8px}
.ps-next{right:8px}
.ps-count{position:absolute;right:calc(4vw + 4px);bottom:0;font-size:11px;letter-spacing:.2em;color:var(--text-50)}
.ps-count b{font-weight:400;color:var(--text)}
.ps-dots{display:flex;justify-content:center;gap:10px;padding:16px 0 4vw}
.ps-dots i{width:26px;height:1px;background:var(--text-50);opacity:.5;cursor:pointer;transition:opacity .3s}
.ps-dots i.on{opacity:1;background:var(--text)}
.photo-meta{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;max-width:1200px;margin:26px auto 0;padding:0 4vw 90px}
.photo-meta .t{font-family:var(--serif);font-size:24px;letter-spacing:.15em;font-weight:600}
.photo-meta .s{font-size:12px;letter-spacing:.2em;color:var(--text-50)}
.pn-nav{display:flex;gap:26px;font-size:12px;letter-spacing:.25em;color:var(--text-50)}
.pn-nav a:hover{color:var(--text)}

/* ---------- 固定链接提示 ---------- */
.pdz-empty{padding:120px 4vw;text-align:center;color:var(--text-50);font-size:13px;letter-spacing:.15em}