/* ============================================================
   plaza-xhs.css — DemanPlay 动态广场(小红书式暗色霓虹瀑布流)
   依赖站点 play.css 的 token;此处用 var(--token, fallback) 兜底,
   即使 play.css 偶发加载失败也保持暗色霓虹观感。
   作用域:.pz-scope(只影响动态广场主体,不动全站 nav)
   ============================================================ */

.pz-scope{
  /* 映射站点 token + 兜底值(dark) */
  --pz-text:      var(--text, oklch(0.96 0.008 300));
  --pz-dim:       var(--text-dim, oklch(0.80 0.02 300));
  --pz-mute:      var(--text-mute, oklch(0.64 0.022 300));
  --pz-surface:   var(--surface, oklch(0.265 0.026 296));
  --pz-surface2:  var(--surface-2, oklch(0.305 0.028 296));
  --pz-line:      var(--line, oklch(0.38 0.03 296));
  --pz-line-soft: var(--line-soft, oklch(0.33 0.026 296));
  --pz-card:      var(--card-grad, linear-gradient(180deg, oklch(0.285 0.027 296), oklch(0.25 0.024 296)));
  --pz-bright:    var(--v-bright, oklch(0.78 0.15 300));
  --pz-deep:      var(--v-deep, oklch(0.50 0.20 292));
  --pz-pink:      var(--a-pink, oklch(0.72 0.17 348));
  --pz-cyan:      var(--a-cyan, oklch(0.72 0.13 232));
  --pz-amber:     var(--a-amber, oklch(0.80 0.15 78));
  --pz-mint:      var(--a-mint, oklch(0.74 0.14 162));
  --pz-cn:        var(--cn, "Noto Sans SC", system-ui, sans-serif);
  --pz-mono:      var(--mono, "JetBrains Mono", monospace);
  --pz-hud:       var(--hud, "Chakra Petch", sans-serif);
  --pz-shadow-sm: var(--shadow-sm, 0 8px 24px -14px oklch(0 0 0 / .6));
}

/* ---------- 标题区 ---------- */
.pz-head{ margin-bottom:22px; }
.pz-head h1{ font-family:var(--pz-cn); font-weight:900; font-size:clamp(26px,3.4vw,40px); letter-spacing:-.02em; color:var(--pz-text); margin:0; }
.pz-head p{ font-family:var(--pz-cn); font-size:15px; color:var(--pz-mute); margin:9px 0 0; text-wrap:pretty; }

/* ---------- 筛选 chips ---------- */
.pz-filter{ display:flex; gap:9px; flex-wrap:wrap; margin-bottom:22px; }
.pz-chip{ font-family:var(--pz-cn); font-weight:600; font-size:13.5px; color:var(--pz-dim);
  padding:8px 16px; border-radius:999px; border:1.5px solid var(--pz-line); background:var(--pz-surface);
  cursor:pointer; transition:transform .15s, border-color .15s, color .15s, background .15s; }
.pz-chip:hover{ color:var(--pz-text); border-color:color-mix(in oklab,var(--pz-bright) 55%, var(--pz-line)); }
.pz-chip.on{ color:#fff; border-color:transparent; background:linear-gradient(135deg,var(--pz-bright),var(--pz-deep));
  box-shadow:0 8px 20px -10px var(--pz-bright); }

/* ---------- 瀑布流(CSS columns,自然错落) ---------- */
.pz-feed{ column-count:2; column-gap:14px; }
@media(min-width:560px){ .pz-feed{ column-count:3; column-gap:15px; } }
@media(min-width:900px){ .pz-feed{ column-count:4; column-gap:16px; } }
@media(min-width:1280px){ .pz-feed{ column-count:5; column-gap:16px; } }

/* ---------- 卡片 ---------- */
.pz-card{ break-inside:avoid; -webkit-column-break-inside:avoid; margin-bottom:15px;
  background:var(--pz-card); border:1.5px solid var(--pz-line); border-radius:16px; overflow:hidden;
  cursor:pointer; transition:transform .2s cubic-bezier(.34,1.4,.64,1), border-color .2s, box-shadow .2s;
  opacity:0; transform:translateY(16px); }
.pz-card.in{ opacity:1; transform:none; }
.pz-card:hover{ transform:translateY(-4px); border-color:var(--pz-bright);
  box-shadow:var(--pz-shadow-sm), 0 0 0 1px color-mix(in oklab,var(--pz-bright) 40%, transparent); }

/* 媒体区:保留自然宽高比 */
.pz-media{ position:relative; width:100%; aspect-ratio:var(--ar,1); overflow:hidden; background:var(--pz-surface2); }
.pz-media .ph{ position:absolute; inset:0; background:linear-gradient(140deg, var(--g1,var(--pz-bright)), var(--g2,var(--pz-deep))); }
.pz-media .ph::after{ content:""; position:absolute; inset:0; opacity:.45;
  background-image:radial-gradient(oklch(1 0 0/.28) 1px, transparent 1.5px); background-size:14px 14px;
  mask:linear-gradient(160deg,#000,transparent 75%); -webkit-mask:linear-gradient(160deg,#000,transparent 75%); }
.pz-media .ph .gly{ position:absolute; inset:0; display:grid; place-items:center; color:oklch(1 0 0/.55); }
.pz-media .ph .gly svg{ width:34%; height:34%; max-width:64px; max-height:64px; }
.pz-media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s; }
.pz-media video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
.pz-card:hover .pz-media img{ transform:scale(1.045); }
.pz-vbadge{ position:absolute; left:10px; top:10px; z-index:2; display:inline-flex; align-items:center; gap:5px;
  font-family:var(--pz-mono); font-size:10.5px; padding:4px 9px; border-radius:8px;
  background:oklch(0.12 0.02 296/.62); color:#fff; -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); }
.pz-vbadge svg{ width:11px; height:11px; }
.pz-vplay{ position:absolute; inset:0; z-index:2; display:grid; place-items:center; pointer-events:none; }
.pz-vplay span{ width:50px; height:50px; border-radius:50%; background:oklch(1 0 0/.9); display:grid; place-items:center; box-shadow:0 10px 30px -10px #000; }
.pz-vplay span svg{ width:20px; height:20px; color:#1a0f2e; margin-left:2px; }

/* 纯文字贴 */
.pz-textmedia{ position:relative; padding:26px 20px 22px; overflow:hidden;
  background:linear-gradient(150deg, color-mix(in oklab,var(--pz-bright) 26%, var(--pz-surface)), var(--pz-surface) 70%), var(--pz-card); }
.pz-textmedia::after{ content:""; position:absolute; inset:0; opacity:.5; pointer-events:none;
  background-image:radial-gradient(oklch(1 0 0/.16) 1px, transparent 1.5px); background-size:15px 15px;
  mask:linear-gradient(150deg,#000,transparent 80%); -webkit-mask:linear-gradient(150deg,#000,transparent 80%); }
.pz-textmedia .quote{ position:relative; font-family:var(--pz-cn); font-weight:800; font-size:18px; line-height:1.5;
  color:var(--pz-text); text-wrap:pretty; word-break:break-word; overflow-wrap:break-word; }
.pz-textmedia .qmark{ position:absolute; top:-6px; left:-2px; font-family:var(--display,serif); font-size:54px; line-height:1;
  color:color-mix(in oklab,var(--pz-bright) 50%, transparent); opacity:.4; pointer-events:none; }

/* 卡片正文 */
.pz-body{ padding:12px 14px 13px; }
.pz-text{ font-family:var(--pz-cn); font-size:13.5px; line-height:1.55; color:var(--pz-text); margin:0;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-wrap:pretty; word-break:break-word; overflow-wrap:break-word; }
.pz-topic{ display:inline-block; font-family:var(--pz-cn); font-weight:600; font-size:11px; color:var(--pz-bright);
  margin-bottom:7px; }

/* 作者行(小红书签名) */
.pz-author{ display:flex; align-items:center; gap:8px; margin-top:11px; }
.pz-author .pz-av{ width:28px; height:28px; font-size:12px; flex:none; }
.pz-author .pz-nick{ font-family:var(--pz-cn); font-size:12.5px; color:var(--pz-mute); white-space:nowrap;
  overflow:hidden; text-overflow:ellipsis; }
.pz-author .pz-like{ margin-left:auto; display:inline-flex; align-items:center; gap:5px; flex:none;
  background:none; border:0; cursor:pointer; font-family:var(--pz-mono); font-size:12px; color:var(--pz-mute);
  padding:2px; transition:color .15s; }
.pz-author .pz-like svg{ width:16px; height:16px; transition:transform .2s; }
.pz-author .pz-like:hover{ color:var(--pz-pink); }
.pz-author .pz-like.on{ color:var(--pz-pink); }
.pz-author .pz-like.on svg{ fill:var(--pz-pink); stroke:var(--pz-pink); animation:pz-pop .3s; }
@keyframes pz-pop{ 0%{transform:scale(1);} 40%{transform:scale(1.35);} 100%{transform:scale(1);} }

/* 骨架占位(加载时) */
.pz-skel{ break-inside:avoid; margin-bottom:15px; border-radius:16px; overflow:hidden;
  border:1.5px solid var(--pz-line); background:var(--pz-surface); }
.pz-skel .s-media{ width:100%; }
.pz-skel .s-line{ height:11px; margin:12px 14px; border-radius:6px; }
.pz-skel .s-media, .pz-skel .s-line{ background:linear-gradient(90deg,var(--pz-surface2),var(--pz-surface) 40%,var(--pz-surface2) 80%);
  background-size:200% 100%; animation:pz-shimmer 1.3s infinite; }
@keyframes pz-shimmer{ 0%{background-position:200% 0;} 100%{background-position:-200% 0;} }

/* 空态 */
.pz-empty{ text-align:center; padding:70px 20px; font-family:var(--pz-cn); color:var(--pz-mute); }

/* ============================================================ 详情灯箱 */
.pz-lb{ position:fixed; inset:0; z-index:700; display:none; align-items:center; justify-content:center; padding:24px; }
.pz-lb.open{ display:flex; }
.pz-lb-bg{ position:absolute; inset:0; background:oklch(0.06 0.02 296/.8); -webkit-backdrop-filter:blur(7px); backdrop-filter:blur(7px); animation:pz-fade .2s; }
@keyframes pz-fade{ from{opacity:0;} to{opacity:1;} }
.pz-lb-card{ position:relative; z-index:1; width:min(1160px, 94vw); max-width:1160px; height:min(860px, 90vh); max-height:90vh; display:flex; overflow:hidden;
  background:var(--bg-2, oklch(0.235 0.024 296)); border:1.5px solid var(--pz-line); border-radius:22px;
  box-shadow:0 40px 100px -40px #000; animation:pz-rise .24s cubic-bezier(.34,1.4,.64,1); }
@keyframes pz-rise{ from{opacity:0; transform:translateY(20px) scale(.985);} to{opacity:1; transform:none;} }
.pz-lb-media{ position:relative; flex:1.4; min-width:0; background:oklch(0.1 0.015 296); display:flex; align-items:center; justify-content:center; }
.pz-lb-media img{ max-width:100%; max-height:90vh; object-fit:contain; display:block; }
.pz-lb-media video{ max-width:100%; max-height:90vh; object-fit:contain; display:block; background:#000; }
.pz-lb-media .ph{ position:absolute; inset:0; }
.pz-lb-media .ph .gly svg{ max-width:108px; max-height:108px; }
.pz-lb-media .pz-vplay span{ width:72px; height:72px; }
.pz-lb-side{ flex:none; width:392px; max-width:42%; min-width:0; display:flex; flex-direction:column; }
.pz-lb-side.full{ width:100%; max-width:560px; max-height:100%; margin:0 auto; }
.pz-lb-x{ position:absolute; top:13px; right:13px; z-index:5; width:34px; height:34px; border-radius:50%; border:0;
  background:oklch(0.12 0.02 296/.6); color:#fff; font-size:19px; line-height:1; cursor:pointer; -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); }
.pz-lb-x:hover{ background:oklch(0.12 0.02 296/.85); }

.pz-lb-auth{ display:flex; align-items:center; gap:11px; padding:18px 20px 14px; border-bottom:1px solid var(--pz-line); }
.pz-lb-auth .av{ width:42px; height:42px; font-size:16px; flex:none; }
.pz-lb-auth .nm{ font-family:var(--pz-cn); font-weight:800; font-size:15px; color:var(--pz-text); }
.pz-lb-auth .tm{ font-family:var(--pz-mono); font-size:11px; color:var(--pz-mute); margin-top:2px; }
.pz-lb-auth .dm{ margin-left:auto; }

.pz-lb-scroll{ flex:1; overflow-y:auto; padding:16px 20px; }
.pz-lb-content{ font-family:var(--pz-cn); font-size:14.5px; line-height:1.7; color:var(--pz-text); text-wrap:pretty; margin:0 0 6px; white-space:pre-wrap; word-break:break-word; overflow-wrap:break-word; }
.pz-lb-topic{ display:inline-block; font-family:var(--pz-cn); font-weight:600; font-size:12px; color:var(--pz-bright); margin-bottom:10px; }

.pz-cm-h{ font-family:var(--pz-cn); font-weight:700; font-size:13px; color:var(--pz-mute); margin:16px 0 12px; }
.pz-cm-list{ display:flex; flex-direction:column; gap:14px; }
.pz-cm{ display:flex; gap:10px; }
.pz-cm .av{ width:30px; height:30px; font-size:12px; flex:none; }
.pz-cm-main{ flex:1; min-width:0; }
.pz-cm-nm{ font-family:var(--pz-cn); font-weight:700; font-size:12.5px; color:var(--pz-text); }
.pz-cm-tx{ font-family:var(--pz-cn); font-size:13.5px; color:var(--pz-dim); line-height:1.55; margin-top:2px; word-break:break-word; }
.pz-cm-meta{ display:flex; align-items:center; gap:14px; margin-top:5px; font-family:var(--pz-mono); font-size:10.5px; color:var(--pz-mute); }
.pz-cm-dm, .pz-cm-del{ background:none; border:0; cursor:pointer; font-family:var(--pz-cn); font-size:11px; padding:0; }
.pz-cm-dm{ color:var(--pz-bright); }
.pz-cm-del{ color:var(--pz-mute); }
.pz-cm-del:hover{ color:var(--pz-pink); }
.pz-cm-empty{ font-family:var(--pz-cn); font-size:13px; color:var(--pz-mute); text-align:center; padding:18px 0; }

.pz-lb-bar{ display:flex; align-items:center; gap:20px; padding:13px 20px; border-top:1px solid var(--pz-line); border-bottom:1px solid var(--pz-line); }
.pz-lb-bar .act{ display:inline-flex; align-items:center; gap:7px; background:none; border:0; cursor:pointer;
  font-family:var(--pz-mono); font-size:13.5px; color:var(--pz-mute); }
.pz-lb-bar .act svg{ width:19px; height:19px; }
.pz-lb-bar .act.liked{ color:var(--pz-pink); }
.pz-lb-bar .act.liked svg{ fill:var(--pz-pink); stroke:var(--pz-pink); }

.pz-cm-box{ display:flex; gap:9px; padding:13px 20px; }
.pz-cm-box textarea{ flex:1; min-height:40px; max-height:120px; resize:none; padding:9px 12px; border-radius:11px;
  border:1.5px solid var(--pz-line); background:var(--pz-surface2); color:var(--pz-text);
  font-family:var(--pz-cn); font-size:13.5px; outline:none; }
.pz-cm-box textarea:focus{ border-color:var(--pz-bright); }
.pz-cm-box .send{ flex:none; align-self:flex-end; }

@media(max-width:720px){
  .pz-lb{ padding:0; }
  .pz-lb-card{ flex-direction:column; width:100%; max-width:100%; max-height:100vh; height:100vh; border-radius:0; }
  .pz-lb-media{ flex:none; height:42vh; max-height:42vh; }
  .pz-lb-side{ width:100%; max-width:100%; flex:1; }
}

@media(prefers-reduced-motion:reduce){
  .pz-card{ opacity:1 !important; transform:none !important; transition:none; }
  .pz-card:hover{ transform:none; }
  .pz-lb-bg, .pz-lb-card{ animation:none; }
  .pz-author .pz-like.on svg{ animation:none; }
}

/* ============================================================ 追加:占位图通用化 + 发布通道 + 轮播 + 评论配图 + 关注 */
/* 灯箱内占位图也要渐变/纹理/图标(灯箱挂在 .pz-scope 上) */
.pz-lb-media .ph{ background:linear-gradient(140deg, var(--g1,var(--pz-bright)), var(--g2,var(--pz-deep))); }
.pz-lb-media .ph::after{ content:""; position:absolute; inset:0; opacity:.4;
  background-image:radial-gradient(oklch(1 0 0/.25) 1px, transparent 1.5px); background-size:16px 16px;
  mask:linear-gradient(160deg,#000,transparent 78%); -webkit-mask:linear-gradient(160deg,#000,transparent 78%); }
.pz-lb-media .ph .gly{ position:absolute; inset:0; display:grid; place-items:center; color:oklch(1 0 0/.5); }

/* 快捷发布通道 */
.pz-compose{ margin-bottom:20px; background:var(--pz-card); border:1.5px solid var(--pz-line); border-radius:18px; overflow:hidden; transition:border-color .2s, box-shadow .2s; }
.pz-compose.open{ border-color:var(--pz-bright); box-shadow:var(--pz-shadow-sm); }
.pz-compose-bar{ display:flex; align-items:center; gap:12px; padding:12px 14px; cursor:text; }
.pz-compose-av{ width:38px; height:38px; font-size:15px; flex:none; }
.pz-compose-ph{ flex:1; min-width:0; font-family:var(--pz-cn); font-size:14.5px; color:var(--pz-mute); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pz-compose.open .pz-compose-ph{ display:none; }
.pz-compose-tools{ display:flex; align-items:center; gap:8px; flex:none; }
.pz-ct{ display:inline-flex; align-items:center; gap:6px; font-family:var(--pz-cn); font-weight:600; font-size:13px; color:var(--pz-dim); padding:7px 12px; border-radius:10px; border:1.5px solid var(--pz-line); background:var(--pz-surface); cursor:pointer; transition:.15s; }
.pz-ct:hover{ color:var(--pz-bright); border-color:var(--pz-bright); }
.pz-ct svg{ width:16px; height:16px; }
@media(max-width:600px){ .pz-ct span{ display:none; } .pz-ct{ padding:8px; } }
.pz-compose:not(.open) .pz-compose-panel{ display:none; }
.pz-compose-panel{ padding:2px 14px 14px; }
.pz-compose-panel textarea{ width:100%; min-height:80px; resize:vertical; border:0; background:transparent; color:var(--pz-text); font-family:var(--pz-cn); font-size:15px; line-height:1.65; outline:none; padding:6px 2px; }
.pz-compose-counter{ text-align:right; font-family:var(--pz-mono); font-size:12px; color:var(--pz-mute); padding:0 4px 4px; transition:color .2s; }
.pz-compose-counter.warn{ color:var(--pz-amber); }
.pz-compose-counter.over{ color:oklch(0.65 0.22 25); font-weight:600; }
.pz-compose-prev{ display:grid; grid-template-columns:repeat(auto-fill,minmax(84px,1fr)); gap:8px; margin:8px 0; }
.pz-compose-prev:empty{ display:none; margin:0; }
.pz-compose-prev .pv{ position:relative; aspect-ratio:1; border-radius:10px; overflow:hidden; background:var(--pz-surface2); }
.pz-compose-prev .pv img, .pz-compose-prev .pv video{ width:100%; height:100%; object-fit:cover; }
.pz-compose-prev .pv .rm{ position:absolute; top:3px; right:3px; width:20px; height:20px; border-radius:50%; background:rgba(0,0,0,.6); color:#fff; border:0; cursor:pointer; font-size:13px; line-height:1; display:grid; place-items:center; }
.pz-compose-prev .pv .vtag{ position:absolute; left:4px; bottom:4px; font-size:9px; background:rgba(0,0,0,.6); color:#fff; padding:1px 6px; border-radius:6px; }
.pz-compose-foot{ display:flex; align-items:center; gap:9px; flex-wrap:wrap; margin-top:10px; }
.pz-compose-topics{ display:flex; gap:6px; flex-wrap:wrap; }
.pz-tp{ font-family:var(--pz-cn); font-weight:600; font-size:12px; color:var(--pz-dim); padding:5px 11px; border-radius:999px; border:1.5px solid var(--pz-line); background:var(--pz-surface); cursor:pointer; transition:.15s; }
.pz-tp.on{ color:#fff; border-color:transparent; background:linear-gradient(135deg,var(--pz-bright),var(--pz-deep)); }
.pz-compose-foot .sp{ flex:1; }
.pz-icon-btn{ width:38px; height:38px; border-radius:10px; border:1.5px solid var(--pz-line); background:var(--pz-surface); color:var(--pz-dim); cursor:pointer; display:grid; place-items:center; transition:.15s; }
.pz-icon-btn:hover{ color:var(--pz-bright); border-color:var(--pz-bright); }
.pz-icon-btn svg{ width:18px; height:18px; }

/* 多图角标 + 轮播控件 */
.pz-multi{ position:absolute; right:10px; top:10px; z-index:2; display:inline-flex; align-items:center; gap:4px; font-family:var(--pz-mono); font-size:11px; padding:4px 8px; border-radius:8px; background:oklch(0.12 0.02 296/.6); color:#fff; -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); }
.pz-multi svg{ width:12px; height:12px; }
.pz-nav{ position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; border-radius:50%; border:0; background:oklch(0.1 0.02 296/.5); color:#fff; font-size:24px; line-height:1; cursor:pointer; display:grid; place-items:center; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); z-index:3; transition:background .15s, transform .15s; }
.pz-nav:hover{ background:oklch(0.1 0.02 296/.82); }
.pz-nav:active{ transform:translateY(-50%) scale(.92); }
.pz-nav.prev{ left:14px; } .pz-nav.next{ right:14px; }
.pz-counter{ position:absolute; top:14px; right:14px; z-index:3; font-family:var(--pz-mono); font-size:12px; padding:4px 11px; border-radius:999px; background:oklch(0.1 0.02 296/.6); color:#fff; -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); }
.pz-dots{ position:absolute; bottom:14px; left:0; right:0; z-index:3; display:flex; gap:6px; justify-content:center; }
.pz-dots i{ width:6px; height:6px; border-radius:50%; background:oklch(1 0 0/.45); transition:.18s; }
.pz-dots i.on{ background:#fff; width:20px; border-radius:3px; }

/* 评论配图 + 关注 */
.pz-cm-imgs{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; margin-top:8px; max-width:230px; }
.pz-cm-imgs .ci{ aspect-ratio:1; border-radius:8px; overflow:hidden; background:var(--pz-surface2); }
.pz-cm-imgs .ci img{ width:100%; height:100%; object-fit:cover; }
.pz-cm-prev{ display:flex; gap:8px; flex-wrap:wrap; padding:12px 20px 0; }
.pz-cm-prev:empty{ display:none; }
.pz-cm-prev .pv{ position:relative; width:56px; height:56px; border-radius:10px; overflow:hidden; background:var(--pz-surface2); }
.pz-cm-prev .pv img{ width:100%; height:100%; object-fit:cover; }
.pz-cm-prev .pv .rm{ position:absolute; top:2px; right:2px; width:18px; height:18px; border-radius:50%; background:rgba(0,0,0,.6); color:#fff; border:0; cursor:pointer; font-size:11px; line-height:1; display:grid; place-items:center; }
.pz-cm-img{ flex:none; align-self:flex-end; width:40px; height:40px; border-radius:11px; border:1.5px solid var(--pz-line); background:var(--pz-surface2); color:var(--pz-dim); cursor:pointer; display:grid; place-items:center; }
.pz-cm-img:hover{ color:var(--pz-bright); border-color:var(--pz-bright); }
.pz-cm-img svg{ width:18px; height:18px; }
.pz-lb-auth .pz-follow.following{ background:var(--pz-surface2); color:var(--pz-dim); border:1.5px solid var(--pz-line); box-shadow:none; }

/* 评论点赞/回复(2026-07-16) */
.pz-cm-meta .pz-cm-like{ display:inline-flex; align-items:center; gap:3px; background:none; border:0; cursor:pointer; color:inherit; font:inherit; padding:0; opacity:.75; }
.pz-cm-meta .pz-cm-like svg{ width:13px; height:13px; }
.pz-cm-meta .pz-cm-like.on{ color:#ff4d7e; opacity:1; }
.pz-cm-meta .pz-cm-like.on svg{ fill:#ff4d7e; stroke:#ff4d7e; }
.pz-cm-meta .pz-cm-re{ background:none; border:0; cursor:pointer; color:inherit; font:inherit; padding:0; opacity:.75; }
.pz-cm-meta .pz-cm-re:hover{ opacity:1; text-decoration:underline; }
.pz-cm-replyto{ color:#7c4dff; font-weight:700; }
.pz-cm-replybar{ display:none; align-items:center; gap:8px; margin:10px 20px 0; padding:7px 13px; border-radius:10px; background:rgba(124,77,255,.09); color:#7c4dff; font-size:12.5px; font-weight:700; }
.pz-cm-replybar .x{ margin-left:auto; border:0; background:none; cursor:pointer; color:inherit; font-size:14px; line-height:1; }
/* 回复型评论:缩进+左侧竖线,一眼看出是楼中楼 */
.pz-cm.is-reply{ margin-left:26px; padding-left:12px; border-left:2.5px solid rgba(124,77,255,.25); }