/* ============================================================
 * 老手村 · 新首页样式（PC + WAP）
 * 来源：老手村首页-改版预览5.html 抽取 + 作用域化
 * ⛔ 全文件作用域限定在 .lsc-home 内，不改全站任何元素
 * ⛔ 改这个文件必须同时 bump 版本号（functions.php）
 * ============================================================ */

.lsc-home{
  --main:#339999; --main-dark:#2A8585; --main-soft:#E1F5EE;
  /* logo 三色体系（2026-09-15 从 logo 像素实测：青绿66% / 橙18% / 黄16%） */
  --brand-teal:#369696; --brand-orange:#ff7e06; --brand-yellow:#ffd206;
  --warm:#ff7e06; --bg:#fff; --card:#fff; --ink:#1a1a1a; --ink2:#5f5e5a;
  --ink3:#8a8a85; --line:#e8e8e4; --hero:#1a1a2e;
  --blue:#2196F3; --purple:#7C4DFF; --teal:#00BFA5; --amber:#FF9800; --cyan:#4FC3F7;
}.lsc-home *{box-sizing:border-box}.lsc-home{margin:0;background:var(--bg);color:var(--ink);
  font:15px/1.65 "Microsoft YaHei UI","Microsoft YaHei","PingFang SC",system-ui,sans-serif;}.lsc-home a{text-decoration:none;color:inherit}
/* ⛔ 2026-09-15 老板：首页内容要跟顶栏、正文对齐才协调。
   真因：外层 `.site-content` 的 4.5455% 内边距已经把内容区算成 1200（113~1313），
   这里再叠 18px 内边距 = 二次留白 → 首页内容被挤到 1164 宽、左起 131，比正文右缩 18px。
   改法：**内边距归零**，让首页内容正好填满那 1200（113~1313），与顶栏/正文一条线。
   ⛔ 别再往这里加左右 padding（要留白就调外层）。 */
.lsc-home .wrap{max-width:1200px;margin:0 auto;padding:0}

/* ===== Hero：中性炭黑块 + logo 双色线（圆角、不满通栏） ===== */.lsc-home .hero{background:#fff;padding:20px 0 4px}.lsc-home .hero .herobox{background:#2b3033;border-radius:14px;padding:46px 44px;color:#fff}
/* 品牌双色线：青绿 → 橙 硬边分段（不是柔和渐变） */.lsc-home .hero .bar3{width:46px;height:3px;border-radius:2px;margin:0 0 14px;
  background:linear-gradient(90deg,var(--brand-teal) 0 50%,var(--brand-orange) 50% 100%)}.lsc-home .hero h1{margin:0 0 10px;font-size:32px;font-weight:800;letter-spacing:.4px}.lsc-home .hero p{margin:0;color:rgba(255,255,255,.8);font-size:15.5px}

/* ===== 通用区块 ===== */.lsc-home section{padding:34px 0 6px}.lsc-home .sec-head{display:flex;align-items:flex-end;gap:12px;margin-bottom:16px}.lsc-home .sec-head h2{margin:0;font-size:21px}.lsc-home .sec-head .bar{width:4px;height:20px;background:var(--main);border-radius:2px}.lsc-home .sec-head .more{margin-left:auto;font-size:13.5px;color:var(--main);white-space:nowrap}.lsc-home .sec-head .hint{font-size:12.5px;color:var(--ink3)}

/* ===== 软件分类（7 个品类） ===== */.lsc-home .cats{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.lsc-home .cat{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 10px;
  text-align:center;transition:.15s}.lsc-home .cat:hover{border-color:var(--main);box-shadow:0 4px 14px rgba(51,153,153,.13);transform:translateY(-2px)}.lsc-home .cat b{display:block;font-size:14.5px;margin-bottom:3px}.lsc-home .cat span{font-size:12px;color:var(--ink3)}.lsc-home .cat i{display:block;font-size:20px;font-style:normal;margin-bottom:6px}

/* ===== 软件卡（由 software_list 配置渲染） ===== */.lsc-home .softs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.lsc-home .soft{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column}.lsc-home .soft:hover{border-color:var(--main);box-shadow:0 6px 18px rgba(0,0,0,.06)}.lsc-home .soft .info{display:block;color:inherit}.lsc-home .soft .info:hover h3{color:var(--main-dark)}.lsc-home .soft .info:hover .ico{opacity:.9}.lsc-home .soft .hd{display:flex;gap:11px;align-items:center;margin-bottom:10px}.lsc-home .ico{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:800;font-size:17px;flex:0 0 auto}.lsc-home .soft h3{margin:0;font-size:16px}.lsc-home .soft .sub{font-size:12.5px;color:var(--ink3)}.lsc-home .soft .desc{color:var(--ink2);font-size:13.5px;min-height:40px;margin:0 0 11px}.lsc-home .soft .plat{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.lsc-home .plat span{font-size:12px;border:1px solid var(--line);border-radius:5px;padding:1px 7px;color:var(--ink2)}.lsc-home .soft .dl{margin-top:auto}.lsc-home .soft .dl a{display:block;text-align:center;padding:10px 0;border-radius:8px;
  font-size:14px;font-weight:700;letter-spacing:.3px;transition:.18s;background:#162943;color:#fff}
/* 「立即下载」按钮：E 档深藏蓝（2026-09-15 老板定档，色相 215° 压暗至明度 17%） */.lsc-home .dl .primary{background:#162943;color:#fff;box-shadow:0 1px 4px rgba(22,41,67,.28)}.lsc-home .dl .primary:hover{background:#0f1b2c;box-shadow:0 4px 12px rgba(22,41,67,.42);
  transform:translateY(-1px)}

/* ⛔ 2026-09-15 19:5x 老板否掉「立即下载 + 专题页」并列两个按钮（"不是两个都在"）→
   卡片只留一个 .primary，去处由 PHP 决定（有已发布专题 → 专题页，否则 → 下载详情页）。
   上一版的 .topicbtn / .dl{display:flex} 规则已全部删除，别再加回来。 */

/* ===== 两栏区块：左=教程（3列卡片） 右=排行榜（左右高度拉齐） ===== */.lsc-home .split{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:stretch}.lsc-home .split>div, .lsc-home .split>aside{display:flex;flex-direction:column}.lsc-home .split>aside .sec-head{margin-bottom:14px}.lsc-home .tutlist{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;flex:1;
  grid-auto-rows:1fr;align-content:stretch}.lsc-home .tutlist a{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px;
  display:flex;gap:10px;align-items:center;box-shadow:0 1px 3px rgba(20,40,40,.06);transition:.15s}.lsc-home .tutlist a:hover{border-color:var(--main);box-shadow:0 4px 14px rgba(20,40,40,.1)}.lsc-home .tutlist .timg{width:84px;height:62px;border-radius:6px;overflow:hidden;flex:0 0 auto;background:#eef2f2}.lsc-home .tutlist .timg img{width:100%;height:100%;object-fit:cover;display:block}.lsc-home .tutlist .ttxt{display:flex;flex-direction:column;justify-content:center;min-width:0}.lsc-home .tutlist h4{margin:0 0 5px;font-size:13.5px;line-height:1.5;font-weight:400;color:var(--ink);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lsc-home .tutlist a:hover h4{color:var(--main-dark)}.lsc-home .tutlist .tdate{font-size:12px;color:var(--ink3)}.lsc-home .rankone{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px;
  flex:1;display:flex;flex-direction:column;justify-content:space-between}.lsc-home .rankone a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:14px}.lsc-home .rankone a:hover{background:#f6fafa}.lsc-home .rankone .no{width:21px;height:21px;border-radius:6px;background:#eef1f1;color:#5f5e5a;font-size:12px;
  display:flex;align-items:center;justify-content:center;font-weight:700;flex:0 0 auto}.lsc-home .rankone a:nth-child(1) .no{background:var(--warm);color:#fff}.lsc-home .rankone a:nth-child(2) .no{background:#FF9800;color:#fff}.lsc-home .rankone a:nth-child(3) .no{background:#FFC107;color:#fff}.lsc-home .rankone .cnt{margin-left:auto;font-size:12.5px;color:var(--ink3)}

/* ===== 文章卡（缩略图 + 分类 + 标题 + 日期） ===== */.lsc-home .pcard{background:var(--card);border:1px solid var(--line);border-radius:11px;overflow:hidden;
  display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(20,40,40,.06);transition:.15s}.lsc-home .pcard:hover{border-color:var(--main);box-shadow:0 6px 18px rgba(20,40,40,.1)}.lsc-home .pcard .thumb{display:block;height:158px;overflow:hidden;background:#eef2f2}.lsc-home .pcard .thumb img{width:100%;height:100%;object-fit:cover;display:block}.lsc-home .pcard .bd{padding:12px 14px 13px;display:flex;flex-direction:column;flex:1}.lsc-home .pcard h4{margin:0 0 9px;font-size:14.5px;line-height:1.55;font-weight:400;color:var(--ink)}.lsc-home .pcard:hover h4{color:var(--main-dark)}.lsc-home .pcard .meta{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink3)}
/* 标签样式（做法 2，2026-09-15 16:51 老板定）：浅青绿底 + 青绿细描边 + 青绿字
   ⛔ 全站只此一种样式，不再分"栏目 / 产品"两套配色（.cat.k 不再单独定义，继承 .cat 即可）
   ⛔ 每条内容只挂一个标签；圆角 6px、内边距 2px 9px */.lsc-home .pcard .meta .cat{background:var(--main-soft);color:var(--main-dark);
  border:1px solid #9CD3C9;border-radius:6px;padding:2px 9px}

/* 技能插件：4 列 */.lsc-home .cards.c4{grid-template-columns:repeat(4,1fr)}.lsc-home .cards.c4 .pcard .thumb{height:140px}
/* AI 动态：纯文字横条资讯列表 */.lsc-home .newslist{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;
  box-shadow:0 1px 3px rgba(20,40,40,.06)}.lsc-home .newslist a{display:flex;align-items:center;gap:14px;padding:13px 18px;border-bottom:1px solid #f2f4f4;
  transition:.15s}.lsc-home .newslist a:last-child{border-bottom:0}.lsc-home .newslist a:hover{background:#f7fbfb}.lsc-home .newslist .nd{flex:0 0 auto;font-size:12.5px;font-weight:600;color:var(--main-dark);
  background:var(--main-soft);border-radius:5px;padding:3px 10px}.lsc-home .newslist h4{margin:0;font-size:14.5px;font-weight:400;line-height:1.5;color:var(--ink);flex:1}.lsc-home .newslist a:hover h4{color:var(--main-dark)}

/* ===== 友情链接（16:16 老板修正：放 AI 动态下面，低调不抢眼，纯文字一行） ===== */.lsc-home .flinks{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;padding:20px 0 4px;
  font-size:12.5px;color:var(--ink3)}.lsc-home .flinks .fl{flex:0 0 auto;color:var(--ink3)}.lsc-home .flinks a{font-size:12.5px;color:var(--ink3);transition:.15s}.lsc-home .flinks a:hover{color:var(--main)}

/* ===== 卡片列表（技能 / 动态 通用） ===== */
/* 内容区改白底后，靠极淡阴影让卡片浮起来（白卡 + 白底需要区分） */.lsc-home .cat, .lsc-home .soft, .lsc-home .card, .lsc-home .tutlist a, .lsc-home .rankone{box-shadow:0 1px 3px rgba(20,40,40,.06)}.lsc-home .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.lsc-home .card{background:var(--card);border:1px solid var(--line);border-radius:11px;padding:15px 16px;
  display:flex;flex-direction:column}.lsc-home .card:hover{border-color:var(--main)}
/* ⚠️ 遗留组件：.card 系列的 HTML 当前已不在用（技能卡改走 .pcard），保留样式以防将来复用。
   ⛔ 标签配色已按方案 B 对齐，别再把 .k.p 改回紫色 */.lsc-home .card h4{margin:0 0 7px;font-size:14.5px;line-height:1.55;font-weight:400}.lsc-home .card .k{display:inline-block;font-size:12.5px;background:var(--main-soft);color:var(--main-dark);
  border:1px solid #9CD3C9;border-radius:6px;padding:2px 9px;margin-bottom:8px;align-self:flex-start}.lsc-home .card .foot{margin-top:auto;padding-top:10px;font-size:12.5px;color:var(--ink3)}

/* ===== 页脚 ===== */.lsc-home footer{margin-top:40px;background:#1a1a2e;color:#9a9cb5;padding:26px 0;font-size:13px}.lsc-home footer .wrap{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.lsc-home footer a{color:#c9cbe0}@media(max-width:1080px){.lsc-home .softs{grid-template-columns:repeat(3,1fr)}.lsc-home .cats{grid-template-columns:repeat(4,1fr)}.lsc-home .split{grid-template-columns:1fr}.lsc-home .tutlist{grid-template-columns:repeat(2,1fr)}.lsc-home .cards.c4{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.lsc-home .softs{grid-template-columns:repeat(2,1fr)}.lsc-home .cards{grid-template-columns:1fr}.lsc-home .tutlist{grid-template-columns:1fr}.lsc-home .cards.c4{grid-template-columns:repeat(2,1fr)}.lsc-home .hero h1{font-size:25px}}


/* ============================================================
 * 以下为落地补充（原型之外的必要适配）
 * ============================================================ */

/* 软件卡：图标图片 / 无图占位 / 下载数据行（首页复用内页的 lsc_soft_card_html） */
/* ⛔ 2026-09-15 修：.ico 只有 color:#fff 没有底色 → 无图标时「白字白底」完全隐形，
   首页 8 张软件卡左上角一片空白。给 .ico 兜底一块青绿底（原型是色块+首字做法），
   后台传了 icon 图时图片 100% 覆盖、底色自然被盖住。 */
.lsc-home .soft .ico{background:var(--main)}
.lsc-home .soft .ico img{width:100%;height:100%;border-radius:11px;object-fit:cover;display:block}
.lsc-home .soft .ico .icoph{font-size:17px;line-height:1}
.lsc-home .soft .stat{display:flex;flex-wrap:wrap;gap:7px;align-items:center;
  font-size:12.5px;color:var(--ink3);margin:0 0 10px}
.lsc-home .soft .stat .n{color:var(--main-dark);font-weight:700}
.lsc-home .soft .stat .badge{background:var(--main-soft);color:var(--main-dark);
  border:1px solid #9CD3C9;border-radius:6px;padding:1px 7px;font-size:11.5px}

/* 空分类图标不占位 */
.lsc-home .cat i:empty{display:none}

/* 侧栏排行榜底部「查看完整排行榜」 */
.lsc-home .rankone .rankall{margin-top:6px;border-top:1px solid var(--line);border-radius:0;
  justify-content:center;justify-content:center;font-size:13px;color:var(--main);text-align:center}
.lsc-home .rankone .rankall:hover{background:#f6fafa;color:var(--main-dark)}

/* 卡片点击后可访问性 */
.lsc-home .soft .info{display:flex;flex-direction:column;flex:1}

/* ===== WAP 版（.lsc-home.wap）：手机模板专用，靠类名而非媒体查询 ===== */
.lsc-home.wap .wrap{padding:0 12px}
.lsc-home.wap .hero{padding:12px 0 2px}
.lsc-home.wap .hero .herobox{padding:22px 18px;border-radius:12px}
.lsc-home.wap .hero .bar3{margin-bottom:10px}
.lsc-home.wap .hero h1{font-size:21px;margin-bottom:6px}
.lsc-home.wap .hero p{font-size:13px;line-height:1.6}
.lsc-home.wap section{padding:20px 0 2px}
.lsc-home.wap .sec-head{margin-bottom:11px;gap:9px}
.lsc-home.wap .sec-head h2{font-size:17px}
.lsc-home.wap .sec-head .bar{height:17px}
.lsc-home.wap .sec-head .hint{display:none}
.lsc-home.wap .sec-head .more{font-size:12.5px}
.lsc-home.wap .cats{grid-template-columns:repeat(3,1fr);gap:8px}
.lsc-home.wap .cat{padding:11px 6px;border-radius:9px}
.lsc-home.wap .cat i{font-size:18px;margin-bottom:4px}
.lsc-home.wap .cat b{font-size:13px}
.lsc-home.wap .cat span{font-size:11.5px}
.lsc-home.wap .softs{grid-template-columns:1fr;gap:10px}
.lsc-home.wap .soft{padding:13px 13px 12px}
.lsc-home.wap .soft .desc{min-height:0;font-size:13px;margin-bottom:9px}
.lsc-home.wap .soft .dl a{padding:9px 0;font-size:13.5px}
.lsc-home.wap .split{grid-template-columns:1fr;gap:16px}
.lsc-home.wap .tutlist{grid-template-columns:1fr;gap:9px}
.lsc-home.wap .tutlist .timg{width:72px;height:54px}
.lsc-home.wap .tutlist h4{font-size:13px}
.lsc-home.wap .cards.c4{grid-template-columns:repeat(2,1fr);gap:10px}
.lsc-home.wap .cards.c4 .pcard .thumb{height:92px}
.lsc-home.wap .pcard h4{font-size:13px;margin-bottom:7px}
.lsc-home.wap .pcard .bd{padding:10px 11px 11px}
.lsc-home.wap .newslist a{padding:11px 13px;gap:10px}
.lsc-home.wap .newslist h4{font-size:13.5px}
.lsc-home.wap .newslist .nd{font-size:11.5px;padding:2px 8px}
.lsc-home.wap .flinks{padding:16px 0 2px;gap:5px 14px;font-size:12px}


/* ===================================================================
   2026-09-15：大屏内容宽度统一为 1200（与老博客页一致，靠外层 .site-content 的百分比内边距留白）。
   ⛔ 但小屏时外层留白只有 ~6px（父主题手机端 padding 1.5625%）→ 内容会贴屏边。
   这里补 18px；阈值 1260 = 1200 内容 + 两侧 30px，保证 ≥1260 时仍是满 1200、不受影响。
   =================================================================== */
@media (max-width: 1259px) {
  .lsc-home .wrap { padding: 0 18px; }
}