/* ============================================================
   insp-square.css —— 灵感广场 1:1 复刻参考站（惠众AI /home?menu=linggan）
   深色基准 + JS 绝对定位瀑布流 + 容器宽度自适应列数 + 移动抽屉
   类名统一 sq- 前缀，避免与 workbench.css 冲突
   ============================================================ */

:root {
  --sq-primary: #00cae0;
  --sq-primary-deep: #00a8b8;
  --sq-primary-grad: linear-gradient(135deg, #00cae0, #00a8b8);
  --sq-gold: #fbbf24;
  --sq-pink: #ec4899;
  --sq-page: #0f0f12;
  --sq-side-1: #141419;
  --sq-side-2: #0f0f12;
  --sq-card: rgba(30, 31, 37, 0.8);
  --sq-card-solid: #1e1f25;
  --sq-card-cover: linear-gradient(135deg, #1e1f25, #2d2e34);
  --sq-w100: rgba(255,255,255,1);
  --sq-w90: rgba(255,255,255,.9);
  --sq-w85: rgba(255,255,255,.85);
  --sq-w80: rgba(255,255,255,.8);
  --sq-w60: rgba(255,255,255,.6);
  --sq-w50: rgba(255,255,255,.5);
  --sq-w20: rgba(255,255,255,.2);
  --sq-w12: rgba(255,255,255,.12);
  --sq-w10: rgba(255,255,255,.1);
  --sq-w06: rgba(255,255,255,.06);
  --sq-w05: rgba(255,255,255,.05);
  --sq-w03: rgba(255,255,255,.03);
  --sq-c12: rgba(0,202,224,.12);
  --sq-c20: rgba(0,202,224,.2);
  --sq-gap: 16px;
}

* { box-sizing: border-box; }
html, body { height: 100%; }
body.sq-page { margin:0; background: var(--sq-page); color: var(--sq-w90);
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  overflow: hidden; -webkit-font-smoothing: antialiased; }

.sq-shell { display: flex; flex-direction: row; height: 100vh; height: 100dvh; width: 100%; overflow: hidden; }

/* ============================ 左侧栏 ============================ */
.sq-side {
  width: 280px; flex-shrink: 0; display: flex; flex-direction: column;
  background: linear-gradient(180deg, var(--sq-side-1) 0%, var(--sq-side-2) 100%);
  border-right: 1px solid var(--sq-w06); position: relative; z-index: 40;
  transition: transform .24s ease, width .24s ease;
}
.sq-logo { display:flex; align-items:center; gap:11px; padding: 16px 18px 14px; flex-shrink:0; }
.sq-logo-badge { width:38px; height:38px; border-radius:11px; flex-shrink:0; display:grid; place-items:center;
  font-weight:900; font-size:18px; color:#fff;
  background: linear-gradient(135deg,#22d3ee,#6366f1); box-shadow:0 4px 16px rgba(34,211,238,.3); }
.sq-logo-txt { line-height:1.25; min-width:0; }
.sq-logo-txt strong { font-size:16px; font-weight:800; color:#fff; display:block; letter-spacing:.5px; }
.sq-logo-txt small { font-size:10px; color:var(--sq-w50); letter-spacing:.08em; }

/* 主导航：4 个纵向小卡 */
.sq-primary { display:flex; gap:8px; padding:6px 14px 12px; flex-shrink:0; }
.sq-pitem {
  flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px;
  padding:9px 2px; border-radius:11px; color:var(--sq-w60); cursor:pointer; text-decoration:none;
  font-size:12px; transition: background .18s,color .18s; border:1px solid transparent;
}
.sq-pitem .pi-ic { width:23px; height:23px; display:grid; place-items:center; }
.sq-pitem .pi-ic svg { width:22px; height:22px; }
.sq-pitem:hover { background: var(--sq-w05); color:var(--sq-w90); }
.sq-pitem.active {
  background: linear-gradient(135deg, rgba(236,72,153,.16), rgba(219,39,119,.11));
  color: #f9a8d4; border-color: rgba(236,72,153,.22);
}
.sq-pitem.active .pi-ic svg { color:#f472b6; }

/* 分类筛选面板（滚动区） */
.sq-fenlei { flex:1; min-height:0; overflow-y:auto; padding:4px 14px 14px; display:flex; flex-direction:column; gap:12px; }
.sq-fenlei::-webkit-scrollbar { width:6px; }
.sq-fenlei::-webkit-scrollbar-thumb { background: var(--sq-w10); border-radius:3px; }
.sq-fl-title { font-size:12px; font-weight:700; color:var(--sq-w50); letter-spacing:.04em;
  display:flex; align-items:center; gap:7px; }
.sq-fl-title::after { content:""; flex:1; height:1px; background:var(--sq-w06); }
.sq-fl-search { display:flex; gap:7px; align-items:center; background:var(--sq-w03);
  border:1px solid rgba(251,191,36,.2); border-radius:8px; padding:0 10px; height:36px; }
.sq-fl-search span { color:var(--sq-gold); opacity:.8; font-size:14px; }
.sq-fl-search input { flex:1; min-width:0; border:0; outline:0; background:transparent; color:var(--sq-w90); font-size:12.5px; }
.sq-fl-search input::placeholder { color:var(--sq-w50); }
.sq-fl-actions { display:flex; gap:8px; margin:10px 0 4px; }
.sq-fl-ok { flex:1; height:32px; border-radius:8px; border:1px solid rgba(251,191,36,.35);
  background:rgba(251,191,36,.08); color:var(--sq-gold); font-weight:700; font-size:12.5px; cursor:pointer; }
.sq-fl-ok:hover { background:rgba(251,191,36,.16); }
.sq-fl-clear { height:32px; padding:0 12px; border-radius:8px; border:1px solid var(--sq-w12);
  background:transparent; color:var(--sq-w50); font-size:12px; cursor:pointer; white-space:nowrap; }
.sq-fl-clear:hover { color:var(--sq-w90); border-color:var(--sq-w20); }
.sq-tags { display:flex; flex-wrap:wrap; gap:9px 8px; margin-top:4px;}
.sq-tag {
  font-size:12px; line-height:1; padding:7px 12px; border-radius:999px; cursor:pointer; white-space:nowrap;
  color:var(--tag-c,#cbd5e1); background:var(--tag-bg,rgba(148,163,184,.06)); border:1px solid var(--tag-bd,rgba(148,163,184,.22)); transition:.16s;
}
/* 需求16：分类标签多彩轮换（青/紫/粉/金/绿），对齐参考站丰富配色 */
.sq-tag:nth-child(5n+1){--tag-c:#67e8f9;--tag-bg:rgba(34,211,238,.07);--tag-bd:rgba(34,211,238,.30);}
.sq-tag:nth-child(5n+2){--tag-c:#c4b5fd;--tag-bg:rgba(139,92,246,.09);--tag-bd:rgba(139,92,246,.32);}
.sq-tag:nth-child(5n+3){--tag-c:#f9a8d4;--tag-bg:rgba(236,72,153,.09);--tag-bd:rgba(236,72,153,.32);}
.sq-tag:nth-child(5n+4){--tag-c:#fcd34d;--tag-bg:rgba(251,191,36,.08);--tag-bd:rgba(251,191,36,.32);}
.sq-tag:nth-child(5n+5){--tag-c:#86efac;--tag-bg:rgba(34,197,94,.08);--tag-bd:rgba(34,197,94,.30);}
.sq-tag:hover { color:var(--tag-c); border-color:var(--tag-c); transform:translateY(-1px); filter:brightness(1.12); }
.sq-tag.on { background:var(--tag-bg); border-color:var(--tag-c); color:var(--tag-c); font-weight:700; box-shadow:0 0 0 1px var(--tag-bd),0 4px 14px -6px var(--tag-bd); }

/* 侧栏底部用户区 */
.sq-side-foot { flex-shrink:0; border-top:1px solid var(--sq-w06); padding:12px 14px; display:flex; flex-direction:column; gap:9px; }
.sq-login { width:100%; height:40px; border-radius:10px; border:1px solid var(--sq-primary);
  background:rgba(0,202,224,.1); color:var(--sq-primary); font-weight:700; font-size:13.5px; cursor:pointer; }
.sq-login:hover { background:rgba(0,202,224,.18); }
.sq-usercard { display:flex; align-items:center; gap:10px; padding:6px; border-radius:10px; cursor:pointer; }
.sq-usercard:hover { background:var(--sq-w05); }
.sq-ava { width:36px;height:36px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;color:#04262e;font-weight:800;
  background:linear-gradient(135deg,#00cae0,#6366f1); font-size:14px; overflow:hidden; }
.sq-ava img { width:100%;height:100%;object-fit:cover; }
.sq-usercard .u-meta { flex:1;min-width:0; line-height:1.3; }
.sq-usercard .u-meta strong { font-size:13px;color:var(--sq-w90);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.sq-usercard .u-meta small { font-size:11px;color:var(--sq-primary); }
.sq-recharge { height:36px;border-radius:9px;border:0;cursor:pointer;font-weight:700;font-size:12.5px;color:#1a1206;
  background:linear-gradient(135deg,#fbbf24,#f59e0b); display:inline-flex;align-items:center;justify-content:center;gap:6px; }
.sq-foot-tools { display:flex; gap:8px; }
.sq-foot-tools button { flex:1; height:32px; border-radius:8px; border:1px solid var(--sq-w12);
  background:transparent; color:var(--sq-w60); font-size:12px; cursor:pointer; display:inline-flex;align-items:center;justify-content:center;gap:5px; }
.sq-foot-tools button:hover { color:var(--sq-w90); border-color:var(--sq-w20); }

/* ============================ 主区 ============================ */
.sq-main { flex:1; min-width:0; display:flex; flex-direction:column; background:var(--sq-page); overflow:hidden; position:relative; }

/* 筛选栏 */
.sq-filterbar { display:flex; align-items:center; gap:16px; padding:14px 60px 14px 24px; flex-shrink:0;
  border-bottom:1px solid var(--sq-w06); background:rgba(20,20,25,.4); }
.sq-viewtabs, .sq-typetabs { display:flex; gap:4px; align-items:center; }
.sq-viewtabs button {
  border:0; cursor:pointer; padding:8px 20px; border-radius:999px; font-size:14px; font-weight:600;
  color:var(--sq-w60); background:var(--sq-w05); white-space:nowrap; transition:.16s;
}
.sq-viewtabs button:hover { color:var(--sq-w90); }
.sq-viewtabs button.active { background:var(--sq-primary-grad); color:#fff; box-shadow:0 2px 12px rgba(0,202,224,.35); }
.sq-typetabs { padding-left:16px; border-left:1px solid var(--sq-w10); }
.sq-typetabs button {
  border:1px solid var(--sq-w10); cursor:pointer; padding:7px 16px; border-radius:999px; font-size:13px;
  color:var(--sq-w50); background:transparent; white-space:nowrap; transition:.16s;
}
.sq-typetabs button:hover { color:var(--sq-w85); border-color:var(--sq-w20); }
.sq-typetabs button.active { background:var(--sq-c12); border-color:var(--sq-primary); color:var(--sq-primary); font-weight:600; }
.sq-filterbar .sq-spacer { flex:1; }
.sq-pub { height:38px;padding:0 18px;border-radius:10px;border:0;cursor:pointer;font-weight:700;font-size:13.5px;color:#04262e;
  background:var(--sq-primary-grad); display:inline-flex;align-items:center;gap:6px; white-space:nowrap;
  box-shadow:0 4px 14px rgba(0,202,224,.3); }
.sq-pub:hover { filter:brightness(1.08); }
.sq-mobile-menu { display:none; width:38px;height:38px;border-radius:10px;border:1px solid var(--sq-w12);
  background:var(--sq-card-solid);color:var(--sq-w90);font-size:17px;cursor:pointer;place-items:center;flex-shrink:0; }

/* 瀑布流滚动容器 */
.sq-scroll { flex:1; min-height:0; overflow-y:auto; padding:16px 20px 30px; }
.sq-scroll::-webkit-scrollbar { width:8px; }
.sq-scroll::-webkit-scrollbar-thumb { background:var(--sq-w10); border-radius:4px; }
.sq-masonry { position:relative; width:100%; }
.sq-item { position:absolute; transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .3s; break-inside:avoid; }

/* 卡片 */
.sq-card {
  height:100%; display:flex; flex-direction:column; border-radius:12px; overflow:hidden; cursor:pointer;
  background:var(--sq-card); border:1px solid transparent;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.sq-item:hover .sq-card { transform:translateY(-6px); border-color:var(--sq-c20);
  box-shadow:0 20px 40px rgba(0,0,0,.5); }
.sq-cover { position:relative; width:100%; aspect-ratio:4/3; overflow:hidden; background:var(--sq-card-cover); }
.sq-cover img { width:100%;height:100%;object-fit:cover;display:block; transition:transform .4s ease; }
.sq-item:hover .sq-cover img { transform:scale(1.04); }
/* 渐变占位（图未加载/失败） */
.sq-cover.ph { display:grid; place-items:center; background:var(--sq-card-cover); }
.sq-cover.ph .ph-emoji { font-size:40px; filter:drop-shadow(0 4px 12px rgba(0,0,0,.4)); }
/* 类型角标 */
.sq-badge-type { position:absolute;left:9px;top:9px;z-index:2;font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:6px;
  background:rgba(168,85,247,.22); color:#d8b4fe; backdrop-filter:blur(4px); }
.sq-badge-type.video { background:rgba(0,202,224,.2); color:#7dd3fc; }
.sq-play { position:absolute; inset:0; margin:auto; width:42px;height:42px;border-radius:50%;z-index:2;
  background:rgba(0,0,0,.5); display:grid;place-items:center; backdrop-filter:blur(2px); }
.sq-play::before { content:""; border-left:14px solid #fff; border-top:9px solid transparent; border-bottom:9px solid transparent; margin-left:4px; }
/* 收藏按钮 */
.sq-fav { position:absolute;top:8px;right:8px;z-index:3;width:32px;height:32px;border-radius:50%;border:0;cursor:pointer;
  background:rgba(0,0,0,.55); color:#fff; display:grid;place-items:center;font-size:15px; opacity:0; transition:.18s; }
.sq-item:hover .sq-fav { opacity:1; }
.sq-fav.on { opacity:1; color:#fb7185; }
.sq-fav:hover { background:rgba(0,0,0,.75); }
/* hover 统计遮罩 */
.sq-overlay { position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;gap:14px;align-items:center;
  padding:20px 11px 8px; font-size:12px;color:rgba(255,255,255,.92);
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.62));
  opacity:0; transition:opacity .2s; text-shadow:0 1px 3px rgba(0,0,0,.6); }
.sq-item:hover .sq-overlay { opacity:1; }
.sq-overlay .ov-stat { display:inline-flex;align-items:center;gap:4px; }
.sq-overlay svg { width:13px;height:13px; }
/* 卡片信息 */
.sq-info { padding:10px 12px 12px; display:flex; flex-direction:column; gap:8px; flex:1; }
.sq-title { font-size:13.5px; line-height:1.4; font-weight:500; color:var(--sq-w90);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; word-break:break-word; }
.sq-cardtags { display:flex; flex-wrap:wrap; gap:6px; margin-top:auto; }
.sq-cardtags span { font-size:11px; line-height:1; padding:4px 8px; border-radius:4px;
  color:var(--sq-primary); background:var(--sq-c12); white-space:nowrap; }
.sq-model-line { font-size:11px; color:var(--sq-w50); display:flex;align-items:center;gap:5px; min-width:0; white-space:nowrap; overflow:hidden; }
.sq-model-line b { color:var(--sq-w80); font-weight:500; min-width:0; overflow:hidden; text-overflow:ellipsis; }

/* 空态 / 加载 */
.sq-empty { text-align:center; color:var(--sq-w50); padding:90px 20px; font-size:14.5px; grid-column:1/-1; }
.sq-empty .e-ic { font-size:46px; display:block; margin-bottom:14px; }
.sq-loadmore { text-align:center; padding:10px 0 46px; }
.sq-loadmore button { padding:9px 26px;border-radius:999px;border:1px solid var(--sq-w12);background:var(--sq-w05);
  color:var(--sq-w80);font-size:13px;cursor:pointer; }
.sq-loadmore button:hover { border-color:var(--sq-primary); color:var(--sq-primary); }
.sq-loading { text-align:center;color:var(--sq-w50);font-size:12.5px;padding:16px; }

/* ============================ 详情弹窗 ============================ */
.sq-modal-mask { position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.85);
  display:grid; place-items:center; padding:24px; opacity:0; pointer-events:none; transition:opacity .2s; }
.sq-modal-mask.show { opacity:1; pointer-events:auto; }
.sq-modal { width:min(880px,96vw); max-height:90vh; overflow:auto; background:#19191e; border-radius:16px; position:relative;
  transform:translateY(12px) scale(.98); transition:transform .22s; box-shadow:0 40px 100px rgba(0,0,0,.6); }
.sq-modal-mask.show .sq-modal { transform:none; }
.sq-modal-x { position:absolute;top:12px;right:12px;z-index:5;width:34px;height:34px;border-radius:50%;border:0;cursor:pointer;
  background:rgba(0,0,0,.5);color:#fff;font-size:18px;display:grid;place-items:center; }
.sq-modal-x:hover { background:rgba(0,0,0,.75); }
.sq-modal-body { display:flex; flex-direction:row; }
.sq-modal-media { flex:0 0 46%; background:#000; display:grid;place-items:center; min-height:320px; }
.sq-modal-media img, .sq-modal-media video { width:100%;height:100%;object-fit:contain; max-height:90vh; }
.sq-modal-info { flex:1; padding:26px 24px; display:flex;flex-direction:column;gap:18px; min-width:0; }
.sq-mb-head { display:flex;flex-direction:column;gap:11px; }
.sq-mb-badge { align-self:flex-start;font-size:11.5px;padding:4px 12px;border-radius:4px;font-weight:600;
  background:rgba(168,85,247,.2); color:#c084fc; }
.sq-mb-badge.video { background:rgba(0,202,224,.18); color:#67e8f9; }
.sq-modal-info h2 { font-size:19px;color:#fff;font-weight:700;line-height:1.45;margin:0; }
.sq-mb-stats { display:flex;flex-wrap:wrap;gap:8px 16px; }
.sq-mb-stats .st, .sq-mb-stats .ov-stat { display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--sq-w60); }
.sq-mb-stats .st svg, .sq-mb-stats .ov-stat svg { width:15px;height:15px; }
.sq-mb-row { display:flex;gap:9px;font-size:13px; }
.sq-mb-row .lb { color:var(--sq-w50); flex-shrink:0; }
.sq-mb-row .vl { color:var(--sq-w90); }
.sq-mb-row .price { color:var(--sq-gold); font-size:16px; font-weight:700; }
.sq-mb-author { display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.03);border-radius:9px;padding:12px; }
.sq-mb-author img { width:40px;height:40px;border-radius:50%;object-fit:cover;background:#333; }
.sq-mb-author .au-lb { font-size:13px;color:var(--sq-w60); }
.sq-mb-tags { display:flex;flex-wrap:wrap;gap:7px; }
.sq-mb-tags span { font-size:11.5px;padding:4px 10px;border-radius:5px;background:var(--sq-c12);color:var(--sq-primary); }
.sq-mb-actions { display:flex;gap:12px;margin-top:auto;padding-top:6px; }
.sq-mb-fav { height:42px;padding:0 20px;border-radius:10px;border:1px solid var(--sq-w12);background:rgba(255,255,255,.05);
  color:var(--sq-w90);font-size:13.5px;cursor:pointer;display:inline-flex;align-items:center;gap:7px; }
.sq-mb-fav.on { color:#fb7185;border-color:rgba(251,113,133,.4);background:rgba(251,113,133,.08); }
.sq-mb-use { flex:1;height:42px;border-radius:10px;border:0;cursor:pointer;font-weight:700;font-size:14px;color:#04262e;
  background:var(--sq-primary-grad); box-shadow:0 6px 18px rgba(0,202,224,.3); }
.sq-mb-use:hover { filter:brightness(1.08); }

/* ============================ 发布弹窗（沿用并对齐深色） ============================ */
.sq-pub-mask { position:fixed;inset:0;z-index:9998;background:rgba(8,10,16,.6);backdrop-filter:blur(4px);
  display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .2s; }
.sq-pub-mask.show { opacity:1;pointer-events:auto; }
.sq-pub-modal { width:min(540px,96vw);max-height:90vh;overflow:auto;background:#16161c;border:1px solid var(--sq-w12);
  border-radius:18px;padding:26px;position:relative; }
.sq-pub-modal h3 { margin:0 0 18px;font-size:19px;color:#fff; }
.sq-pub-modal .x { position:absolute;top:16px;right:18px;background:0;border:0;color:var(--sq-w50);font-size:22px;cursor:pointer; }
.sq-pf { margin-bottom:14px; }
.sq-pf label { display:block;font-size:13px;color:var(--sq-w80);margin-bottom:6px;font-weight:600; }
.sq-pf input,.sq-pf textarea { width:100%;background:#101015;border:1px solid var(--sq-w12);border-radius:11px;
  padding:10px 13px;color:var(--sq-w90);font-size:14px;outline:0;box-sizing:border-box;font-family:inherit; }
.sq-pf textarea { min-height:76px;resize:vertical; }
.sq-pf input:focus,.sq-pf textarea:focus { border-color:var(--sq-primary); }
.sq-seg { display:flex;gap:8px; }
.sq-seg button { flex:1;padding:9px;border-radius:10px;border:1px solid var(--sq-w12);background:#101015;color:var(--sq-w60);font-size:13.5px;cursor:pointer; }
.sq-seg button.on { background:var(--sq-c12);border-color:var(--sq-primary);color:var(--sq-primary);font-weight:700; }
.sq-pub-submit { width:100%;height:44px;border-radius:11px;border:0;cursor:pointer;font-weight:700;font-size:14.5px;color:#04262e;
  background:var(--sq-primary-grad); justify-content:center; }

/* 移动端遮罩 */
.sq-mask { position:fixed;inset:0;z-index:35;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .24s; }
.sq-mask.show { opacity:1;pointer-events:auto; }

/* ============================ 响应式（容器/视口自适应） ============================ */
/* 平板：侧栏收窄 */
@media (max-width: 1024px) {
  .sq-filterbar { padding:12px 16px; gap:12px; }
  .sq-scroll { padding:14px 14px 26px; }
}
/* 手机：侧栏抽屉、主区全宽、顶部可横滑 */
@media (max-width: 820px) {
  .sq-side { position:fixed; left:0; top:0; bottom:0; width:300px; max-width:86vw; z-index:200;
    transform:translateX(-102%); box-shadow:0 0 60px rgba(0,0,0,.6); }
  .sq-side.mobile-open { transform:translateX(0); }
  .sq-mobile-menu { display:grid; }
  .sq-filterbar { flex-wrap:nowrap; overflow-x:auto; gap:10px; padding:10px 52px 10px 12px; scrollbar-width:none; }
  .sq-filterbar::-webkit-scrollbar { display:none; }
  .sq-viewtabs, .sq-typetabs { flex:0 0 auto; }
  .sq-viewtabs button { padding:7px 14px; font-size:13px; }
  .sq-typetabs { padding-left:10px; }
  .sq-typetabs button { padding:6px 12px; font-size:12.5px; }
  .sq-pub { flex:0 0 auto; height:36px; padding:0 14px; }
  .sq-modal-body { flex-direction:column; }
  .sq-modal-media { flex:none; min-height:220px; }
  :root { --sq-gap: 10px; }
}
@media (max-width: 480px) {
  .sq-side { width:280px; }
  .sq-scroll { padding:10px 10px 22px; }
  .sq-viewtabs button { padding:6px 12px; font-size:12.5px; }
}

/* ============================ 浅色主题适配 ============================ */
html[data-theme="light"] body.sq-page { background:#f4f5fa; color:#1c2233; }
html[data-theme="light"] .sq-side { background:linear-gradient(180deg,#ffffff,#f5f7fc); border-right:1px solid #e9ebf2; }
html[data-theme="light"] .sq-logo-txt strong { color:#1c2233; }
html[data-theme="light"] .sq-pitem { color:#64748b; }
html[data-theme="light"] .sq-pitem:hover { background:#f1f5f9; color:#1c2233; }
html[data-theme="light"] .sq-fl-title { color:#94a3b8; } .sq-fl-title::after { background:#e9ebf2; }
html[data-theme="light"] .sq-fl-search { background:#f1f3f9; }
html[data-theme="light"] .sq-fl-search input { color:#1c2233; }
html[data-theme="light"] .sq-tag { background:#f6f0dd; border-color:#ecd9a8; color:#8a6d2a; }
html[data-theme="light"] .sq-tag.on { background:#fde68a; color:#7c5a10; border-color:#f59e0b; }
html[data-theme="light"] .sq-main { background:#f4f5fa; }
html[data-theme="light"] .sq-filterbar { background:#fff; border-bottom:1px solid #e9ebf2; }
html[data-theme="light"] .sq-viewtabs button { background:#f1f3f9; color:#64748b; }
html[data-theme="light"] .sq-typetabs button { border-color:#e2e8f0; color:#64748b; }
html[data-theme="light"] .sq-card { background:#fff; box-shadow:0 2px 12px rgba(30,42,80,.06); }
html[data-theme="light"] .sq-cover.ph { background:linear-gradient(135deg,#eef2f7,#e2e8f0); }
html[data-theme="light"] .sq-title { color:#1c2233; }
html[data-theme="light"] .sq-model-line { color:#94a3b8; }
html[data-theme="light"] .sq-modal { background:#fff; }
html[data-theme="light"] .sq-modal-info h2 { color:#0f172a; }
html[data-theme="light"] .sq-pub-modal { background:#fff; }
html[data-theme="light"] .sq-pf input, html[data-theme="light"] .sq-pf textarea, html[data-theme="light"] .sq-seg button { background:#f8fafc;border-color:#e2e8f0;color:#1c2233; }
/* —— 浅色补全：筛选搜索/按钮/标签/加载更多/详情弹窗 —— */
html[data-theme="light"] .sq-fl-search { border-color:#e2e8f0; }
html[data-theme="light"] .sq-fl-search span { color:#94a3b8 !important; opacity:1; }
html[data-theme="light"] .sq-fl-search input::placeholder { color:#94a3b8; }
html[data-theme="light"] .sq-fl-ok { background:#fef3c7 !important; border-color:#f59e0b !important; color:#b45309 !important; }
html[data-theme="light"] .sq-fl-ok:hover { background:#fde68a !important; }
html[data-theme="light"] .sq-fl-clear { border-color:#d4d9e6 !important; color:#64748b !important; }
html[data-theme="light"] .sq-fl-clear:hover { color:#1c2233 !important; border-color:#94a3b8 !important; }
html[data-theme="light"] .sq-loadmore button { background:#fff !important; border-color:#d4d9e6 !important; color:#475569 !important; }
html[data-theme="light"] .sq-loadmore button:hover { border-color:#0e9ec0 !important; color:#0e7490 !important; }
html[data-theme="light"] .sq-loading { color:#94a3b8; }
html[data-theme="light"] .sq-modal-x { background:#eef1f7 !important; color:#475569 !important; }
html[data-theme="light"] .sq-modal-x:hover { background:#e2e8f0 !important; }
html[data-theme="light"] .sq-mb-stats .st,
html[data-theme="light"] .sq-mb-stats .ov-stat { color:#64748b !important; }
html[data-theme="light"] .sq-mb-row .lb { color:#94a3b8 !important; }
html[data-theme="light"] .sq-mb-row .vl { color:#1c2233 !important; }
html[data-theme="light"] .sq-mb-badge { background:#f3effe !important; color:#7c3aed !important; }
html[data-theme="light"] .sq-mb-badge.video { background:#ecfeff !important; color:#0e7490 !important; }
html[data-theme="light"] .sq-mb-author { background:#f7f8fc !important; color:#334155 !important; }
html[data-theme="light"] .sq-mb-desc,
html[data-theme="light"] .sq-mb-prompt { color:#334155 !important; }
html[data-theme="light"] .sq-mb-fav { background:#f1f3f9 !important; color:#475569 !important; border-color:#e2e8f0 !important; }
html[data-theme="light"] .sq-mb-fav:hover { color:#e11d48 !important; border-color:#fecdd3 !important; }
html[data-theme="light"] .sq-logo-txt small { color:#94a3b8 !important; }
html[data-theme="light"] .sq-fl-search span { color:#64748b !important; }
html[data-theme="light"] button.x { background:#eef1f7 !important; color:#475569 !important; border-color:#e2e8f0 !important; }
html[data-theme="light"] button.x:hover { background:#e2e8f0 !important; color:#1c2233 !important; }

/* ================== 详情大图：兜底 + 悬停放大提示（v9） ================== */
.sq-modal-media .det-media-wrap { position:relative; width:100%; height:100%; min-height:320px; display:grid; place-items:center; overflow:hidden; cursor:zoom-in; background:radial-gradient(circle at 50% 38%, #15161d, #000 78%); }
.sq-modal-media .det-img { max-width:100%; max-height:90vh; object-fit:contain; cursor:zoom-in; transition:transform .25s ease, filter .25s ease; }
.det-media-wrap:hover .det-img { transform:scale(1.012); filter:brightness(1.06); }
.det-zoom-hint { position:absolute; left:50%; bottom:14px; transform:translateX(-50%) translateY(6px); font-size:12px; color:#e6faff; padding:6px 13px; border-radius:999px; background:rgba(8,20,28,.68); border:1px solid rgba(34,211,238,.35); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); opacity:0; transition:opacity .2s ease, transform .2s ease; pointer-events:none; white-space:nowrap; letter-spacing:.3px; }
.det-media-wrap:hover .det-zoom-hint { opacity:1; transform:translateX(-50%) translateY(0); }
.sq-modal-media .det-ph { display:flex; flex-direction:column; align-items:center; gap:12px; color:#5a6172; }
.sq-modal-media .det-ph span { font-size:56px; opacity:.45; }
.sq-modal-media .det-ph small { font-size:12.5px; letter-spacing:.5px; }

/* ================== 全屏放大灯箱（v9） ================== */
.insp-lb-mask { position:fixed; inset:0; z-index:10020; background:rgba(0,0,0,.93); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); opacity:0; transition:opacity .18s ease; }
.insp-lb-mask.show { opacity:1; }
.insp-lb-stage { position:absolute; inset:0; display:grid; place-items:center; overflow:hidden; }
#lbImg { max-width:92vw; max-height:85vh; object-fit:contain; cursor:grab; user-select:none; -webkit-user-drag:none; transform-origin:center center; box-shadow:0 30px 90px rgba(0,0,0,.72); border-radius:6px; will-change:transform; }
.insp-lb-bar { position:absolute; top:16px; left:50%; transform:translateX(-50%); z-index:2; display:flex; align-items:center; gap:4px; padding:6px 8px; border-radius:999px; background:rgba(20,22,30,.72); border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }
.lb-btn { min-width:34px; height:34px; padding:0 11px; border:0; border-radius:999px; background:transparent; color:#dfe6f5; font-size:14px; cursor:pointer; display:grid; place-items:center; text-decoration:none; font-family:inherit; }
.lb-btn:hover { background:rgba(34,211,238,.18); color:#67e8f9; }
.lb-zoomval { min-width:54px; text-align:center; font-size:12.5px; color:#cbd5e1; font-variant-numeric:tabular-nums; }
.lb-x { font-size:20px; }
.insp-lb-hint { position:absolute; bottom:18px; left:50%; transform:translateX(-50%); z-index:2; font-size:12px; color:#8a93a6; background:rgba(10,12,18,.62); padding:6px 14px; border-radius:999px; border:1px solid rgba(255,255,255,.08); white-space:nowrap; }
@media (max-width:600px){ .insp-lb-hint{ display:none; } #lbImg{ max-width:96vw; max-height:78vh; } }
html[data-theme="light"] .sq-mb-row .lb { color:#64748b !important; }