/* ============================================================
   wuer-app 子页扩展样式（site.css）
   基准线：home.css 为主页 165 行原样迁移，一行不改（D10）；
   本文件只服务子页新增结构（列表/详情/联系/404），双主题作用域与 home.css 对齐。
   ============================================================ */

/* ---- 子页页头 ---- */
.page-hero{padding:70px 0 8px}
.page-hero h1{font-size:34px;font-weight:800;letter-spacing:2px}
.page-hero .sub{font-size:13px;letter-spacing:2px;margin-top:6px}
.day .page-hero h1{color:#0c1220}
.night .page-hero h1{color:#eaf0ff}
.day .page-hero .sub{color:#8a93a8}
.night .page-hero .sub{color:#5a6ea8}

/* ---- 方向筛选 chips ---- */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 4px}
.chip{font-size:12px;font-weight:700;padding:5px 14px;border-radius:14px;text-decoration:none;display:inline-block}
.day .chip{background:#eef4ff;color:#2563eb}
.day .chip.on{background:#2563eb;color:#fff}
.night .chip{background:#1a2450;color:#8fb0ff}
.night .chip.on{background:#4a7dff;color:#fff}

/* ---- 文章列表 ---- */
.alist{display:flex;flex-direction:column;gap:14px;margin:18px 0 40px}
.alist .item{border-radius:16px;padding:18px 20px;text-decoration:none;display:block;transition:transform .2s ease}
.alist .item:hover{transform:translateY(-2px)}
.day .alist .item{background:#ffffff;border:1px solid #e4e8ef;box-shadow:0 8px 24px #dbe4f066}
.night .alist .item{background:#0c1230cc;border:1px solid #1e2c5e}
.alist .item h3{font-size:16px;margin-bottom:4px}
.day .alist .item h3{color:#0c1220}
.night .alist .item h3{color:#eaf0ff}
.alist .item p{font-size:13px;margin:0 0 8px}
.day .alist .item p{color:#5a6478}
.night .alist .item p{color:#93a5d6}
.alist .item .d{display:flex;gap:6px;flex-wrap:wrap}

/* ---- 详情页 ---- */
.detail{padding-top:44px}
.crumb{font-size:13px;margin-bottom:18px}
.crumb a{text-decoration:none}
.day .crumb a{color:#0f8ac0}
.night .crumb a{color:#5aa0ff}
.d-title{font-size:30px;font-weight:800;letter-spacing:1px}
.day .d-title{color:#0c1220}
.night .d-title{color:#eaf0ff}
.d-tagline{font-size:14px;margin:8px 0 4px}
.day .d-tagline{color:#5a6478}
.night .d-tagline{color:#93a5d6}
.d-meta{margin:14px 0 6px;display:flex;gap:8px;flex-wrap:wrap}

/* ---- 工具下载盒 ---- */
.dlbox{border-radius:16px;padding:18px 20px;margin:16px 0;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.day .dlbox{background:#f4f7fd;border:1px solid #e4e8ef}
.night .dlbox{background:#0c1230cc;border:1px solid #1e2c5e}
.dl-title{font-weight:800;font-size:15px}
.day .dl-title{color:#0c1220}
.night .dl-title{color:#eaf0ff}
.dl-md5{font-size:12px;margin-top:4px;word-break:break-all}
.day .dl-md5{color:#8a93a8}
.night .dl-md5{color:#7284b8}
.dlbtn{font-weight:800;font-size:14px;padding:12px 24px;border-radius:14px;text-decoration:none}
.day .dlbtn{background:#2563eb;color:#fff}
.night .dlbtn{background:#4a7dff;color:#fff;box-shadow:0 0 18px #4a7dff66}
.ch-title{font-size:20px;font-weight:800;margin:26px 0 4px}
.day .ch-title{color:#0c1220}
.night .ch-title{color:#eaf0ff}

/* ---- 正文排版 ---- */
.prose{margin:22px 0 40px;font-size:14.5px;line-height:1.9}
.day .prose{color:#3c465e}
.night .prose{color:#c3d1f2}
.prose h2{margin:30px 0 12px;font-size:20px;font-weight:800}
.day .prose h2{color:#0c1220}
.night .prose h2{color:#eaf0ff}
.prose h3{margin:22px 0 10px;font-size:16.5px;font-weight:800}
.day .prose h3{color:#0c1220}
.night .prose h3{color:#eaf0ff}
.prose p{margin:10px 0}
.prose ul,.prose ol{margin:10px 0 10px 22px}
.prose li{margin:6px 0}
.prose blockquote{border-left:3px solid #2563eb;margin:14px 0;padding:6px 14px;border-radius:0 10px 10px 0}
.day .prose blockquote{background:#eef4ff;color:#3c465e}
.night .prose blockquote{background:#0c1230cc;color:#c3d1f2}
.prose a{color:#2563eb}
.night .prose a{color:#7fb0ff}
.prose code{font-family:Consolas,'Courier New',monospace;font-size:13px;padding:2px 6px;border-radius:6px}
.day .prose code{background:#eef4ff;color:#1d4ed8}
.night .prose code{background:#12204a;color:#8fb0ff}
.codehilite{border-radius:12px;padding:14px 16px;overflow-x:auto;margin:14px 0}
.day .codehilite{background:#f4f7fd;border:1px solid #e4e8ef}
.night .codehilite{background:#0a0f28;border:1px solid #1e2c5e}
.codehilite pre{margin:0;font-family:Consolas,'Courier New',monospace;font-size:13px;line-height:1.7}
.codehilite code{background:none;padding:0}
.day .codehilite code{color:#1a1f2e}
.night .codehilite code{color:#dfe7ff}

/* ---- 实验室入口 ---- */
.lab-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-bottom:40px}
@media(max-width:820px){.lab-grid{grid-template-columns:1fr}}
.lab-h{font-size:18px;font-weight:800;margin-bottom:12px;display:flex;justify-content:space-between;align-items:baseline}
.day .lab-h{color:#0c1220}
.night .lab-h{color:#eaf0ff}
.lab-more{font-size:12.5px;text-decoration:none;font-weight:700}
.day .lab-more{color:#0f8ac0}
.night .lab-more{color:#5aa0ff}
.lab-grid .alist{margin:0}
.lab-grid .notes{margin:0}

/* ---- 视频块 ---- */
.vblock{margin-bottom:20px}
.vdesc{margin-top:10px}
.day .vdesc{color:#5a6478}
.night .vdesc{color:#93a5d6}

/* ---- 联系页 ---- */
.contact-box{display:flex;justify-content:center;margin:20px 0 40px}
.contact-mail{border-radius:18px;padding:26px 30px;width:100%;max-width:560px}
.day .contact-mail{background:#ffffff;border:1px solid #e4e8ef;box-shadow:0 8px 24px #dbe4f066}
.night .contact-mail{background:#0c1230cc;border:1px solid #1e2c5e}
.cm-label{font-size:12px;font-weight:700;letter-spacing:2px;margin-bottom:10px}
.day .cm-label{color:#8a93a8}
.night .cm-label{color:#5a6ea8}
.cm-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cm-addr{font-family:Consolas,monospace;font-size:15px;font-weight:700;padding:8px 14px;border-radius:10px}
.day .cm-addr{background:#eef4ff;color:#1d4ed8}
.night .cm-addr{background:#12204a;color:#8fb0ff}
.copybtn{cursor:pointer;font:700 12.5px/1 'PingFang SC','Microsoft YaHei',sans-serif;padding:10px 18px;border-radius:12px;border:1px solid transparent}
.day .copybtn{background:#2563eb;color:#fff}
.night .copybtn{background:#4a7dff;color:#fff}
.cm-note{font-size:13px;margin-top:12px}
.day .cm-note{color:#5a6478}
.night .cm-note{color:#93a5d6}

/* ---- 联系页留言卡（M3，提交区零彩蛋） ---- */
.msg-textarea,.msg-input{width:100%;box-sizing:border-box;border-radius:12px;outline:none;
  font:14px/1.7 'PingFang SC','Microsoft YaHei',sans-serif;padding:12px 14px;transition:border-color .2s}
.msg-textarea{min-height:112px;resize:vertical}
.msg-input{margin-top:10px}
.day .msg-textarea,.day .msg-input{background:#f4f7fd;border:1px solid #e4e8ef;color:#0c1220}
.night .msg-textarea,.night .msg-input{background:#0a0f28;border:1px solid #1e2c5e;color:#dfe7ff}
.day .msg-textarea:focus,.day .msg-input:focus{border-color:#2563eb}
.night .msg-textarea:focus,.night .msg-input:focus{border-color:#4a7dff}
.day .msg-textarea::placeholder,.day .msg-input::placeholder{color:#9aa4b8}
.night .msg-textarea::placeholder,.night .msg-input::placeholder{color:#5a6ea8}
.msg-foot{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.msg-count{font-size:12px}
.day .msg-count{color:#8a93a8}
.night .msg-count{color:#7284b8}
.msg-result{font-size:13px;margin-top:12px}
.day .msg-result.ok{color:#15803d}
.day .msg-result.err{color:#b91c1c}
.night .msg-result.ok{color:#4ade80}
.night .msg-result.err{color:#f87171}
.msg-textarea:disabled,.msg-input:disabled{opacity:.6}
/* honeypot：移出屏幕（不用 display:none，防部分浏览器跳过自动填充逻辑） */
.hp-field{position:absolute;left:-9999px;top:-9999px;height:0;overflow:hidden}

/* ---- 404 悟了吗 ---- */
.p404{min-height:78vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}
.p404-code{font-size:72px;font-weight:900;letter-spacing:8px;line-height:1}
.day .p404-code{color:#0c1220}
.night .p404-code{background:linear-gradient(180deg,#fff,#7fb0ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.p404-q{font-size:26px;font-weight:800;margin-top:18px;letter-spacing:6px}
.day .p404-q{color:#2563eb}
.night .p404-q{color:#7fb0ff}
.p404-a{font-size:14px;margin-top:12px}
.day .p404-a{color:#5a6478}
.night .p404-a{color:#7284b8}
.p404-back{margin-top:26px;font-size:13.5px;font-weight:800;text-decoration:none;padding:12px 24px;border-radius:14px}
.day .p404-back{background:#2563eb;color:#fff}
.night .p404-back{background:#4a7dff;color:#fff;box-shadow:0 0 18px #4a7dff66}