:root{
  --bg:#f7f8fa; --card:#fff; --ink:#1f2733; --sub:#6b7785;
  --brand:#2f6bff; --line:#e8ebf0; --chip:#eef3ff;
  --warn:#b45309; --warnbg:#fff7ed; --warnline:#fcd9a8;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{margin:0;font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
  background:var(--bg);color:var(--ink);line-height:1.65;font-size:16px}
.wrap{max-width:760px;margin:0 auto;padding:0 14px 64px}

/* 顶部品牌区 —— 干净白底，不堆 banner */
header{background:var(--card);border-bottom:1px solid var(--line);
  padding:22px 18px 18px;text-align:center}
header .brand{font-size:19px;font-weight:800;letter-spacing:.3px;
  display:flex;align-items:center;justify-content:center;gap:9px}
header .logo{width:30px;height:30px;border-radius:8px;background:var(--brand);
  color:#fff;font-size:16px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
header .sub{margin:7px 0 0;color:var(--sub);font-size:13px}

/* 资源库总入口（资源明细在腾讯文档，更新不换链接） */
.lib-cta{max-width:760px;margin:15px auto 0;padding:13px 15px;
  display:flex;align-items:center;gap:12px;text-decoration:none;text-align:left;
  background:linear-gradient(135deg,#2f6bff,#528aff);color:#fff;
  border-radius:14px;box-shadow:0 4px 14px rgba(47,107,255,.22)}
.lib-cta:active{transform:translateY(1px)}
.lib-cta .lib-ico{font-size:25px;line-height:1}
.lib-cta .lib-txt{flex:1;min-width:0;display:flex;flex-direction:column}
.lib-cta .lib-txt b{font-size:16px;font-weight:800}
.lib-cta .lib-txt i{font-style:normal;font-size:12.2px;opacity:.88;margin-top:2px}
.lib-cta .lib-go{font-size:13.5px;font-weight:700;white-space:nowrap;
  background:rgba(255,255,255,.22);padding:6px 11px;border-radius:9px}

/* 网盘口令 */
.item .pwd{margin-top:8px;font-size:12.4px;color:var(--sub)}
.item .pwd code{background:var(--chip);color:var(--brand);border-radius:6px;
  padding:2px 7px;font-family:inherit;word-break:break-all}

/* hidden 兜底：.lib-cta(display:flex) 等显式 display 会盖掉 hidden 属性默认样式 */
[hidden]{display:none !important}

/* 搜索框 */
.search-wrap{padding:12px 14px 2px;max-width:760px;margin:0 auto}
.search{width:100%;box-sizing:border-box;font-family:inherit;font-size:14px;
  padding:10px 14px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);
  outline:none;-webkit-appearance:none}
.search:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--chip)}
.nores{text-align:center;color:var(--sub);font-size:13px;padding:26px 0;background:var(--card);
  border:1px dashed var(--line);border-radius:12px;margin-top:14px}

/* 三大分类卡片 */
.cards{max-width:760px;margin:14px auto;padding:0 14px;display:grid;gap:10px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:14px 15px;text-decoration:none;color:var(--ink);display:grid;
  grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:11px;align-items:center;
  box-shadow:0 1px 3px rgba(20,40,80,.04)}
.card .ico{grid-row:1/3;font-size:24px;text-align:center}
.card b{font-size:15.5px;grid-column:2}
.card i{grid-column:2;font-style:normal;font-size:12.3px;color:var(--sub);margin-top:2px}

main{max-width:760px;margin:0 auto;padding:0 14px}
section{scroll-margin-top:14px;margin-top:22px}
section h2{font-size:17px;margin:0 0 4px}
section .hint{color:var(--sub);font-size:12.6px;margin:0 0 12px}

.list{display:grid;gap:10px}
.item{background:var(--card);border:1px solid var(--line);border-radius:13px;
  padding:13px 14px;box-shadow:0 1px 3px rgba(20,40,80,.04)}
.item.row{display:flex;align-items:center;gap:10px}
.item .t{font-size:15px;font-weight:700}
.item .desc{font-size:12.8px;color:var(--sub);margin-top:5px;word-break:break-word}
.item pre.code{background:#f4f6fb;border:1px solid var(--line);border-radius:9px;
  padding:10px 11px;font-size:12.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word;
  margin:9px 0 11px;color:#33415a;max-height:230px;overflow:auto}
.item .acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.item.row .acts{margin-left:auto;flex:0 0 auto}

.btn{border:1px solid var(--brand);color:var(--brand);background:#fff;font-size:12.6px;
  padding:7px 13px;border-radius:9px;text-decoration:none;white-space:nowrap;cursor:pointer;
  font-family:inherit}
.btn:active{background:var(--chip)}
.btn.open{background:var(--brand);color:#fff}
.btn.copy{border-color:var(--line);color:var(--sub)}
.btn.todo{background:var(--warnbg);border-color:var(--warnline);color:var(--warn);cursor:default}
.date{font-size:12px;color:var(--sub);align-self:center}

/* ②.5 原创资料 / 作品卡：缩略图 + 文案 横排 */
.item.prod{display:flex;gap:12px;align-items:flex-start}
.item.prod .thumb{width:84px;height:84px;flex:0 0 auto;border-radius:10px;overflow:hidden;
  border:1px solid var(--line);background:#fafbfd;display:flex;align-items:center;justify-content:center}
.item.prod .thumb img{width:100%;height:100%;object-fit:cover}
.item.prod .thumb.ph{font-size:11px;color:var(--sub);text-align:center;padding:6px}
.item.prod .prod-body{flex:1;min-width:0}

footer{text-align:center;color:var(--sub);font-size:12.3px;line-height:1.7;margin-top:34px}
footer .up{font-weight:700;color:var(--ink);margin-bottom:4px}

.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);
  background:#1f2733;color:#fff;padding:9px 18px;border-radius:999px;font-size:13px;
  opacity:0;transition:.25s;pointer-events:none;z-index:9}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* 顶部 slogan 记忆点 */
.brand-txt{flex-direction:column;align-items:flex-start;gap:4px}
.slogan{display:inline-block;font-size:11.5px;font-weight:700;color:var(--brand);
  background:var(--chip);border:1px solid var(--chip);border-radius:999px;padding:2px 10px;letter-spacing:.4px}

/* 顶部右侧双按钮 */
.brand-btns{display:flex;gap:7px;margin-left:auto}
.wx-mini{border:1px solid var(--line);color:var(--ink);background:#fff;font-size:12px;
  padding:4px 11px;border-radius:999px;cursor:pointer;font-family:inherit}
.wx-mini:active{background:var(--chip)}

/* 流量卡高亮卡片 / 板块 */
.card.hot{border-color:var(--warnline);background:var(--warnbg);
  box-shadow:0 1px 6px rgba(180,83,9,.10)}
.card.hot .ico{filter:none}
.hot-tag{display:inline-block;font-size:11px;font-weight:800;color:#fff;background:var(--warn);
  border-radius:999px;padding:1px 9px;margin-left:7px;vertical-align:middle}
.hot-sec h2{color:#9a4a06}
.hot-item{border-color:var(--warnline);background:var(--warnbg)}

/* 免责声明 */
.disclaimer{display:inline-block;margin-top:8px;font-size:11px;color:#9aa4b1;opacity:.85}

/* 底部固定栏：双按钮 */
.wxbar{gap:10px;padding:9px 14px calc(9px + env(safe-area-inset-bottom))}
.wxbar button{width:auto;flex:1;max-width:none;font-size:13.5px;padding:11px 10px}
.wxbar #gzhBarBtn{background:#fff;color:var(--brand);border:1px solid var(--brand)}
.wxbar #wxBarBtn{background:var(--brand);color:#fff;border:none}

/* 顶部品牌 + 关注按钮 */
header .brand{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}
.brand-txt{display:flex;align-items:center;gap:10px}
.gzh-mini{border:1px solid var(--brand);color:var(--brand);background:#fff;font-size:12px;
  padding:4px 11px;border-radius:999px;cursor:pointer;font-family:inherit}
.gzh-mini:active{background:var(--chip)}

/* 联系 / 二维码 */
.contact{display:flex;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);
  border-radius:13px;padding:14px;box-shadow:0 1px 3px rgba(20,40,80,.04)}
.qr-box{width:104px;height:104px;flex:0 0 auto;border:1px dashed var(--line);border-radius:10px;
  display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fafbfd}
.qr-box img{width:100%;height:100%;object-fit:contain}
.qr-ph{font-size:11.5px;color:var(--sub);text-align:center;padding:6px;line-height:1.4}
.qr-ph.big{font-size:14px;padding:0 20px}
.contact-txt{flex:1;min-width:0}
.contact-txt b{font-size:15px}
.contact-txt p{font-size:12.8px;color:var(--sub);margin:5px 0 10px}

/* 底部固定栏 */
.wxbar{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);
  padding:9px 14px calc(9px + env(safe-area-inset-bottom));display:flex;justify-content:center;z-index:8;
  box-shadow:0 -2px 10px rgba(20,40,80,.06)}
.wxbar button{background:var(--brand);color:#fff;border:none;font-size:14px;font-weight:700;
  padding:11px 22px;border-radius:999px;font-family:inherit;cursor:pointer;width:100%;max-width:420px}
body{padding-bottom:62px}

/* 弹窗 */
.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:20}
.modal.show{display:flex}
.modal-mask{position:absolute;inset:0;background:rgba(15,23,42,.5)}
.modal-box{position:relative;background:#fff;border-radius:16px;padding:20px;max-width:300px;width:84%;
  text-align:center;box-shadow:0 10px 40px rgba(0,0,0,.2)}
.modal-box h3{margin:0 0 12px;font-size:16px}
.modal-box img{width:200px;height:200px;object-fit:contain;border:1px solid var(--line);border-radius:8px}
.modal-x{position:absolute;top:8px;right:12px;border:none;background:none;font-size:22px;color:var(--sub);cursor:pointer;line-height:1}
.btn.wx{border-color:var(--brand);color:var(--brand)}