/* ============================================================
   MetaZero 网页项目 · 共享主题 theme.css  (CTO Theo · 技术部把关)
   作用:把散落在各 web 项目里反复手抄的赛博朋克配色/面板/扫描线/
        返回键统一成一份。新项目只需 <link> 本文件即可复用,
        不再各写各的(资源共用)。改配色只改这一处 = 全站联动。
   用法:<link rel="stylesheet" href="/shared/theme.css">
   ============================================================ */
:root{
  /* 赛博朋克 × 东方夜色 · 唯一调色板(各项目统一引用) */
  --bg:#050612; --bg2:#0b0a1e; --ink:#e9f3ff; --mut:#8b95ad;
  --cyan:#20f6ff; --pink:#ff3bd5; --amber:#ffb545; --purple:#7f5cff; --green:#35ff91;
  --gold:#ffce63; --red:#c8233a; --jade:#3fe0c8;
  --glass:linear-gradient(135deg,rgba(5,6,18,.86),rgba(20,10,38,.62));
  --line:rgba(32,246,255,.45);
  --font:"Noto Serif SC","Songti SC","Courier New",monospace;
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--ink);font-family:var(--font)}

/* 扫描线/暗角覆盖层:<div class="mz-scan"></div> */
.mz-scan{position:fixed;inset:0;pointer-events:none;z-index:50;
  background:repeating-linear-gradient(to bottom,rgba(255,255,255,.03) 0 1px,transparent 1px 4px),
             radial-gradient(circle at 50% 45%,transparent 0 54%,rgba(0,0,0,.45) 100%);
  mix-blend-mode:screen;opacity:.5}

/* 玻璃面板 */
.mz-panel{border:1.5px solid var(--line);background:var(--glass);
  box-shadow:0 0 28px rgba(32,246,255,.16),inset 0 0 32px rgba(255,59,213,.07);
  backdrop-filter:blur(5px);border-radius:10px;padding:14px 16px}

/* 霓虹标题 */
.mz-neon{margin:0;color:#fff;letter-spacing:.08em;
  text-shadow:2px 0 var(--pink),-2px 0 var(--cyan),0 0 18px rgba(255,59,213,.8)}

/* 返回终端按钮:<a class="mz-back" href="/">◀ 返回终端</a> */
.mz-back{position:fixed;left:16px;bottom:16px;z-index:60;color:#06101b;background:var(--cyan);
  border:0;padding:8px 12px;font-weight:900;text-decoration:none;border-radius:6px;
  box-shadow:3px 3px 0 var(--pink);cursor:pointer}
.mz-back:hover{filter:brightness(1.12)}

/* 标签 chip */
.mz-tag{display:inline-block;margin:0 6px 6px 0;padding:3px 8px;border:1px solid rgba(255,255,255,.22);
  color:var(--cyan);background:rgba(0,0,0,.35);font-size:12px;border-radius:4px}

/* 隐藏滚动条但可滚 */
.mz-scroll{scrollbar-width:thin;scrollbar-color:var(--purple) transparent}
.mz-scroll::-webkit-scrollbar{width:6px;height:6px}
.mz-scroll::-webkit-scrollbar-thumb{background:var(--purple);border-radius:3px}

@media(max-width:720px){.mz-back{left:10px;bottom:10px}}