<?php
/* ============================================================
   space.css —— 个人空间(照片墙)样式
   与主页 :root 变量完全兼容;同时被 index.php 主区与 space.php 独立页引用
   ============================================================ */

/* 主页嵌入版:作为一段内容流(section.pad 之内),只覆盖 .grid/.ph/.lb */
.wall{padding:0}
.group-label{font-family:var(--mono);font-size:12px;letter-spacing:.16em;color:var(--muted);
  text-transform:uppercase;margin:36px 0 18px;display:flex;align-items:center;gap:14px}
.group-label::after{content:"";flex:1;height:1px;background:var(--line)}
.grid{columns:3;column-gap:22px}
@media(max-width:1000px){.grid{columns:2}}
@media(max-width:620px){.grid{columns:1}}
.ph{break-inside:avoid;margin-bottom:22px;position:relative;border:1px solid var(--line);border-radius:6px;
  overflow:hidden;background:var(--bg-soft);transition:border-color .35s var(--ease)}
.ph:hover{border-color:rgba(198,255,77,.45)}
.ph img{width:100%;display:block;cursor:zoom-in;background:#0e0e10}
.ph .meta{padding:14px 16px 16px}
.ph .d{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.12em;margin-bottom:6px}
.ph .t{font-family:var(--jp);font-size:15px;font-weight:500;margin-bottom:4px}
.ph .c{font-family:var(--jp);font-size:13px;color:var(--muted);line-height:1.6;white-space:pre-line}
.empty{border:1px dashed var(--line);border-radius:8px;padding:80px 20px;text-align:center;color:var(--muted);
  font-family:var(--jp);font-size:14px;margin-top:36px}
.empty .tri{width:16px;height:16px;background:var(--accent);opacity:.5;clip-path:polygon(50% 0,100% 100%,0 100%);display:inline-block;margin-bottom:16px}

/* 灯箱 */
.lb{display:none;position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.92);backdrop-filter:blur(10px)}
.lb.open{display:flex;align-items:center;justify-content:center}
.lb img{max-width:88vw;max-height:78vh;border-radius:4px;box-shadow:0 30px 80px rgba(0,0,0,.8)}
.lb .cap{position:absolute;bottom:26px;left:0;right:0;text-align:center;font-family:var(--jp)}
.lb .cap .t{font-size:16px;font-weight:500}
.lb .cap .c{font-size:13px;color:var(--muted);margin-top:4px;max-width:640px;margin-left:auto;margin-right:auto;white-space:pre-line}
.lb .cap .d{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.14em;margin-top:8px}
.lb button{position:absolute;background:none;border:1px solid var(--line);color:var(--fg);border-radius:50%;
  width:46px;height:46px;font-size:18px;cursor:pointer;transition:.25s}
.lb button:hover{border-color:var(--accent);color:var(--accent)}
.lb .x{top:22px;right:24px} .lb .p{left:22px;top:50%;transform:translateY(-50%)} .lb .nx{right:22px;top:50%;transform:translateY(-50%)}

/* 主页内嵌节段:与其它 section 留白一致 */
section.space{padding:var(--s-section) 40px}
section.space .sec-label{margin-bottom:8px}
section.space .grid-wrap{max-width:1280px;margin:0 auto}