/* =========================================================
   阿衣智能 · 作品集深色皮肤（黑金）· 2026-11-02
   作用于 /gallery/images/ 与 /gallery/videos/
   必须在 v2.css 之后加载；仅覆盖外观，不改布局与交互
   ========================================================= */
:root{
  /* 翻转 v2.css 全局变量：湖蓝→金，米白→近黑 */
  --bg-1:#0a0a0c; --bg-2:#0d0d10;
  --blue:#d8b26e; --lake:#d8b26e;
  --ink:#f5f3ef; --ink-2:#9b978f; --ink-3:#6f6b64;
  --navy:#14141a; --footer:#07070a;
  --card:#131316;
  --sh-soft:0 10px 28px rgba(0,0,0,.45);
  --sh-lift:0 20px 48px rgba(0,0,0,.62);
  --r-lg:6px; --r-md:4px;
  --font-art:"Songti SC","STSong","SimSun","Noto Serif SC",serif;
  --g-gold:#d8b26e;
  --g-gold-soft:rgba(216,178,110,.5);
  --g-line:rgba(255,255,255,.08);
}
body{background:linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 100%) fixed}
:focus-visible{outline:3px solid var(--g-gold);outline-offset:2px}

/* ---------- 导航 ---------- */
.subnav{background:rgba(10,10,12,.86);border-bottom:1px solid var(--g-line)}
.subnav-inner{height:64px}
.brand-g{display:flex;align-items:center;gap:12px;font-size:17px;letter-spacing:5px;color:var(--ink)}
.brand-g .chip{background:#fff;border-radius:10px;padding:4px;display:flex}
.brand-g .chip img{height:30px;width:auto}
.gnav-links{display:flex;align-items:center;gap:30px;font-size:13px;letter-spacing:3px}
.gnav-links a{color:var(--ink-2);transition:color .2s}
.gnav-links a:hover{color:var(--g-gold)}
.gnav-links a.on{color:var(--g-gold)}
.gnav-links .back-home{display:inline-flex;align-items:center;border:1px solid var(--g-gold-soft);
  color:var(--g-gold);font-size:12.5px;letter-spacing:2px;padding:8px 20px;border-radius:999px;
  transition:background .2s;font-weight:500}
.gnav-links .back-home:hover{background:rgba(216,178,110,.12)}
@media(max-width:820px){
  .gnav-links a:not(.back-home){display:none}
  .subnav-inner{justify-content:space-between}
}

/* ---------- 页头 ---------- */
.g-hero{padding:84px 0 12px}
.g-hero .kicker{display:flex;justify-content:center;align-items:center;gap:16px;
  font-size:12px;letter-spacing:8px;color:var(--g-gold);margin-bottom:24px}
.g-hero .kicker::before,.g-hero .kicker::after{content:"";width:44px;height:1px;background:var(--g-gold-soft)}
.g-hero h1{font-size:clamp(40px,4.6vw,54px);letter-spacing:.14em;color:var(--ink);font-weight:400}
.g-hero p{color:var(--ink-2);letter-spacing:.16em;margin-top:16px}

/* ---------- 分类筛选 ---------- */
.chips{top:64px;background:linear-gradient(180deg,rgba(10,10,12,.97) 68%,rgba(10,10,12,0))}
.chip{background:transparent;border:1.5px solid rgba(255,255,255,.16);color:var(--ink-2)}
.chip:hover{border-color:var(--g-gold);color:var(--g-gold)}
.chip.on{background:var(--g-gold);border-color:var(--g-gold);color:#0a0a0c;
  box-shadow:0 6px 20px rgba(216,178,110,.22)}

/* ---------- 图片卡片 ---------- */
.gcard{background:#141417;border:1px solid rgba(255,255,255,.07);
  box-shadow:0 10px 30px rgba(0,0,0,.45)}
.gcard:hover{transform:translateY(-4px);border-color:var(--g-gold-soft);
  box-shadow:0 22px 52px rgba(0,0,0,.6)}
.gcard.gmosaic .gtile{background:#141417}
.gcard .glabel{background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.82))}

/* 系列 / 颜色标题 */
.series-block{margin-bottom:72px}
.series-head h2{letter-spacing:.08em}
.series-head .cnt,.color-head .cnt{color:var(--ink-3)}
.color-head{color:#e9e6df}
.color-head::before{background:var(--g-gold)}

/* 导览砖 */
.gfill{background:linear-gradient(155deg,#1a1a20 0%,#0e0e12 100%);
  border:1px solid var(--g-gold-soft)}
.gfill span{color:#f0ead9}
.gfill em{color:rgba(216,178,110,.78)}
.gfill:hover{filter:none;border-color:var(--g-gold);background:linear-gradient(155deg,#20201f 0%,#121215 100%)}
.gfill:focus-visible{outline:3px solid var(--g-gold);outline-offset:-3px}
.empty-tip{color:var(--ink-3)}

/* ---------- 视频卡片 ---------- */
.vgrid{padding-bottom:40px}
.vcard{background:#101014;border:1px solid rgba(255,255,255,.07);
  box-shadow:0 10px 30px rgba(0,0,0,.45)}
.vcard:hover{border-color:var(--g-gold-soft);box-shadow:0 22px 52px rgba(0,0,0,.6)}
.vcard img{opacity:1}
.vplay{background:var(--g-gold);box-shadow:0 10px 30px rgba(216,178,110,.32)}
.vdur{background:rgba(0,0,0,.62);border:1px solid rgba(255,255,255,.14);color:#e9e6df}
.vtag{color:#f5f3ef;text-shadow:0 1px 8px rgba(0,0,0,.85)}

/* ---------- 页脚 / 灯箱 ---------- */
.footer{margin-top:88px}
.footer a:hover{color:var(--g-gold)}
.footer-legal a:hover{color:var(--g-gold)}
.lightbox{background:rgba(4,4,6,.95)}
.lb-close{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08)}
.lb-close:hover{background:rgba(255,255,255,.2)}
.lb-cap{color:rgba(245,243,239,.8)}