/* ============================================================
   壁纸库主题 · 补充样式
   ------------------------------------------------------------
   只放「静态站没有、WordPress 版才需要」的那几小块：
   页脚一行字、空状态提示、普通页面 / 404。
   其余样式全在 site.css（从静态站原样搬来的，别在这里覆盖它）。
   ============================================================ */

/* 页脚一行小字（在 .shell 给推广条预留的空白里，不会顶到推广条） */
.wpl-footer {
  position: relative;
  z-index: 1;
  /* ★ 2026-09-29 老板：「头部和底部都按照 1440 那个规则来，应该是所有的内容都是这个框架」。
     页脚也走 --cw，跟顶栏 / 网格 / 推广条同一把尺子。 */
  max-width: var(--cw);
  margin: 0 auto;
  /* ⚠️ width:100% 是为了配合列表页新加的 flex 竖排（.shell）：
     flex 里子项一旦有跨轴的 margin:auto，就**不再被拉伸**、按内容收缩 ——
     页脚文字短的时候会缩成一窄条（数值上看不出来，长文案换行才露馅）。
     网格那边同理，同一个坑，别删。 */
  width: 100%;
  padding: .18rem .16rem .34rem;
  text-align: center;
  font-size: .2rem;
  line-height: 1.6;
  color: var(--text-3);
}
/* 页脚里的「用户协议 · 隐私政策」。
   ★ 字号写 px 而不是 rem：本页脚其余文字继承的是 .2rem，而根字号在
     手机上会被压到 26px ⇒ .2rem 只剩 5.2px。页脚文字看不清没关系，
     但这两个是**要点的链接**，所以单独用真实像素写死。 */
.wpl-foot-txt { display: block; }
.wpl-foot-links {
  display: inline-flex; align-items: center; gap: 10px;
  margin-top: 7px;
}
.wpl-foot-links a {
  font-size: 13px; color: var(--text-2); text-decoration: none;
  padding-bottom: 1px; border-bottom: 1px solid transparent;
  transition: color .2s, border-color .2s;
}
.wpl-foot-links a:hover { color: var(--text); border-bottom-color: currentColor; }
.wpl-foot-links i { font-style: normal; opacity: .35; font-size: 13px; }
/* ICP 备案号：跟协议链接同一行，小一号、淡一档 —— 低调但可点（链到工信部备案系统） */
.wpl-foot-links a.wpl-icp { font-size: 12px; color: var(--text-3); }

/* ── 页脚贴底 + 手机端字号（2026-10-10 晚）────────────────
   · 个人中心（APP 内置页）内容不满一屏时页脚悬在半空 —— 同列表页
     手法：shell flex 竖排 + margin-top:auto 压底。内容超一屏时
     余量为 0、auto 自动失效，长内容页不受影响。
   · 手机根字号被压到 26px ⇒ .2rem 只剩 5.2px 蚂蚁字，≤800px
     页脚说明改真实像素；链接行（用户协议·隐私政策·侵权投诉·
     备案号）钉死 nowrap —— 360 窄屏也不换行。 */
body[data-page="account"] .shell { display: flex; flex-direction: column; }
body[data-page="account"] .wpl-footer { margin-top: auto; }

@media (max-width: 800px) {
  /* 2026-10-12 老板定：页脚说明文字别贴边 —— 基础 padding 左右 .16rem 在
     手机根字号 26px 下只剩 4px，改真实像素。
     2026-10-12 再压：手机上底部要给内容让地方，行距/底距收紧（文案一字不动）。 */
  .wpl-footer { font-size: 11px; line-height: 1.6; padding-bottom: 10px; padding-left: 16px; padding-right: 16px; }
  .wpl-foot-txt { line-height: 1.65; opacity: .8; }

  /* 2026-10-12 老板定：用户协议那行单独优化 ——
     · 390 宽下「协议·隐私·投诉·备案号」挤一整行，分隔点小、层次糊；
     · 改成**两行**：文档链接一行（间距放宽、好点按），备案号另起一行
       （小一号、再淡一档）—— 手机版页脚最通行的排法；
     · 行上方补一条 var(--line) 极淡分隔线，跟上面的说明文字分层；
     · 备案号前的「·」由 .wpl-icp-sep 在手机档藏掉（桌面上照旧显示）。 */
  .wpl-foot-links {
    flex-wrap: wrap; justify-content: center;
    gap: 4px 18px;
    margin-top: 10px; padding-top: 12px;
    border-top: 1px solid var(--line, rgba(255, 255, 255, .12));
  }
  .wpl-foot-links a { white-space: nowrap; font-size: 12px; padding: 3px 2px; }
  .wpl-foot-links i { font-size: 12px; }
  .wpl-icp-sep { display: none; }
  .wpl-foot-links a.wpl-icp {
    flex-basis: 100%; text-align: center;
    font-size: 11px; color: var(--text-3); opacity: .8;
    letter-spacing: .3px; padding-top: 2px;
  }
}

/* ── 手机端撤掉底部推广条（2026-10-12 老板定）────────────
   那条「把喜欢的图，一键放进桌面」是给桌面软件引流的，手机上
   点了也装不了，白占一条屏幕还压内容 —— ≤800 整个不要。
   手法同 doc 页（site.css 已有 body[data-page=doc] .promobar{display:none}）。
   ⚠️ --promo-h 要一起清零：.shell 的 padding-bottom、回到顶部的
   bottom 都按它让位，不清的话手机底下会空出一截。 */
@media (max-width: 800px) {
  .promobar { display: none; }
  :root { --promo-h: 0rem; }
}

/* 一张壁纸都没有时，给管理员一句「下一步点哪里」 */
.wpl-setup-tip {
  margin: .3rem .16rem .1rem;
  padding: .2rem .26rem;
  border-radius: var(--r-card);
  border: 1px solid var(--line);
  border-left: 3px solid var(--accent);
  background: rgba(255, 255, 255, .06);
  color: var(--text-2);
  font-size: .24rem;
  line-height: 1.8;
}
.wpl-setup-tip a { color: var(--text); text-decoration: underline; }

/* 顶栏的「个人中心」入口。
   未登录 = 普通圆钮（跟旁边那三个图标一样）；已登录 = 文字头像（昵称首字）。
   ★ 不做头像上传、也不用 Gravatar —— 国内 Gravatar 加载不出来是常态，
     顶栏上挂一个破图比不放头像还难看。文字头像是零请求、零依赖的画法。 */
.meico.on {
  background: linear-gradient(135deg, #6f8bbe, #a67fc4);
  color: #fff;
  font-size: .26rem;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 4px 14px rgba(111, 139, 190, .34);
}
.meico.on:hover { background: linear-gradient(135deg, #8199c8, #b28fd0); }
.meico.on b { font-weight: 700; }

/* 普通页面 / 404 */
.wpl-page {
  max-width: 900px;
  margin: .6rem auto 0;
  padding: 0 .16rem;
  color: var(--text-2);
}
.wpl-page h1 {
  font-size: .7rem;
  color: var(--text);
  margin-bottom: .2rem;
}
.wpl-page p { font-size: .26rem; line-height: 1.9; margin: .12rem 0; }
.wpl-page a { color: var(--text); }
.wpl-btn {
  display: inline-block;
  margin-top: .12rem;
  padding: .12rem .3rem;
  border-radius: var(--r-pill);
  background: var(--pill);
  color: var(--text-dark) !important;
  font-size: .24rem;
  text-decoration: none;
}
.wpl-content img { max-width: 100%; height: auto; }
.wpl-content a { color: var(--text); }

/* ── SEO 底货（2026-09-30 v1.0.36）────────────────────────
   .seo-only：视觉上彻底拿掉、爬虫和读屏器照读 —— 用 clip 方案而不是
   display:none，避免被搜索引擎当「隐藏文字」降权。首页的 h1 靠它。 */
.seo-only {
  position: absolute !important;
  width: 1px; height: 1px;
  margin: -1px; padding: 0; border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
}
/* 详情页服务端预填的那段描述文字（JS 加载后被 #side 的新内容整体替换） */
#side .seo-desc { font-size: 13px; line-height: 1.8; color: var(--text-3); margin: 6px 0; }
#side > .shot { width: 100%; border-radius: var(--r-md, 12px); display: block; }