/* ============================================================
   脚本中心首页 · 主流设计语言（独立文件，仅 index.html 加载）
   - 主色 slate-900 + 强调色 indigo-600
   - 4 栏分类 / 3 栏卡片 / 3 列特性
   - 不动 base.html、不动 .cat / .card 旧类名
   ============================================================ */
.m-hero{
  padding:80px 0 64px;text-align:center;
  background:linear-gradient(180deg,var(--bg-2,#F8FAFC) 0%,#fff 100%);
}
.m-hero .container{max-width:1200px;margin:0 auto;padding:0 24px}
.m-eyebrow{
  display:inline-block;font-size:13px;font-weight:600;
  color:var(--accent,#4F46E5);background:var(--accent-bg,#EEF2FF);
  padding:5px 14px;border-radius:999px;letter-spacing:.02em;margin-bottom:20px;
}
.m-hero h1{
  font-size:56px;font-weight:800;line-height:1.15;letter-spacing:-.025em;
  color:var(--ink,#0F172A);max-width:18ch;margin:0 auto 18px;
}
.m-hero h1 em{font-style:normal;color:var(--accent,#4F46E5)}
.m-hero p{
  font-size:18px;line-height:1.6;color:var(--ink-2,#334155);
  max-width:54ch;margin:0 auto 36px;
}
.m-search-shell{max-width:640px;margin:0 auto}
.m-search-box{
  display:flex;align-items:center;gap:12px;
  background:#fff;border:1px solid var(--line-2,#CBD5E1);
  padding:14px 18px;border-radius:12px;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
  transition:.15s;
}
.m-search-box:focus-within{border-color:var(--accent,#4F46E5);box-shadow:0 0 0 4px var(--accent-bg,#EEF2FF)}
.m-search-box svg{flex:none;color:var(--muted,#64748B)}
.m-search-box input{
  flex:1;border:0;outline:0;background:transparent;
  font-size:16px;color:var(--ink,#0F172A);
}
.m-search-box input::placeholder{color:var(--muted,#64748B)}
.m-kbd{
  font-family:ui-monospace,Menlo,monospace;font-size:11px;color:var(--muted,#64748B);
  border:1px solid var(--line,#E2E8F0);padding:2px 7px;border-radius:5px;
  background:var(--bg-2,#F8FAFC);
}
.m-chips{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.m-chip{
  font-size:13.5px;font-weight:500;
  border:1px solid var(--line,#E2E8F0);background:#fff;color:var(--ink-2,#334155);
  padding:7px 16px;border-radius:999px;transition:.15s;cursor:pointer;
}
.m-chip:hover{border-color:var(--ink-2,#334155);color:var(--ink,#0F172A)}
.m-chip.on{background:var(--ink,#0F172A);color:#fff;border-color:var(--ink,#0F172A)}

/* 通用 section */
.m-block{padding:80px 0}
.m-block .container{max-width:1200px;margin:0 auto;padding:0 24px}
.m-bg-2{background:var(--bg-2,#F8FAFC)}
.m-sec-head{
  display:flex;align-items:end;justify-content:space-between;
  margin-bottom:36px;gap:24px;flex-wrap:wrap;
}
.m-sec-head h2{
  font-size:32px;font-weight:800;letter-spacing:-.02em;color:var(--ink,#0F172A);
}
.m-sec-head h2 em{font-style:normal;color:var(--accent,#4F46E5);font-weight:700}
.m-more{
  font-size:14px;font-weight:600;color:var(--accent,#4F46E5);
  display:inline-flex;align-items:center;gap:4px;
}
.m-more:hover{color:var(--accent-hover,#4338CA)}

/* 特性栏 */
.m-features{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.m-feat-icon{
  width:44px;height:44px;border-radius:10px;
  background:var(--accent-bg,#EEF2FF);color:var(--accent,#4F46E5);
  display:grid;place-items:center;margin-bottom:16px;
}
.m-feat h4{font-size:17px;font-weight:700;color:var(--ink,#0F172A);margin-bottom:8px}
.m-feat p{font-size:14.5px;line-height:1.65;color:var(--ink-2,#334155)}

/* 分类 4 栏 */
.m-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.m-cat{
  display:block;background:#fff;border:1px solid var(--line,#E2E8F0);
  border-radius:14px;padding:24px;transition:.2s;cursor:pointer;position:relative;overflow:hidden;
}
.m-cat:hover{
  border-color:var(--line-2,#CBD5E1);
  box-shadow:0 10px 30px -10px rgba(15,23,42,.10);
  transform:translateY(-2px);
}
.m-ico{
  width:44px;height:44px;border-radius:10px;
  display:grid;place-items:center;font-size:22px;margin-bottom:16px;
}
.m-cat.rural .m-ico{background:rgba(34,197,94,.10);color:#16A34A}
.m-cat.fun .m-ico{background:rgba(245,158,11,.10);color:#D97706}
.m-cat.knowledge .m-ico{background:rgba(14,165,233,.10);color:#0284C7}
.m-cat.drama .m-ico{background:rgba(168,85,247,.10);color:#9333EA}
.m-cat h3{font-size:18px;font-weight:700;color:var(--ink,#0F172A);margin-bottom:6px;letter-spacing:-.01em}
.m-desc{font-size:13.5px;color:var(--muted,#64748B);line-height:1.5;margin-bottom:14px;min-height:3em}
.m-meta{
  display:flex;justify-content:space-between;align-items:center;
  font-size:13px;color:var(--ink-2,#334155);
}
.m-meta b{font-weight:700;color:var(--ink,#0F172A)}
.m-arrow{
  width:28px;height:28px;border-radius:50%;
  background:var(--bg-2,#F8FAFC);display:grid;place-items:center;
  color:var(--muted,#64748B);font-size:13px;transition:.2s;
}
.m-cat:hover .m-arrow{background:var(--accent,#4F46E5);color:#fff;transform:translateX(2px)}

/* 最近更新 3 栏 */
.m-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.m-card{
  display:block;background:#fff;border:1px solid var(--line,#E2E8F0);
  border-radius:14px;padding:22px;transition:.2s;cursor:pointer;
}
.m-card:hover{
  border-color:var(--line-2,#CBD5E1);
  box-shadow:0 10px 30px -10px rgba(15,23,42,.10);
  transform:translateY(-2px);
}
.m-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.m-tag{font-size:12px;font-weight:600;padding:3px 10px;border-radius:6px}
.m-tag.rural{background:rgba(34,197,94,.10);color:#16A34A}
.m-tag.fun{background:rgba(245,158,11,.10);color:#D97706}
.m-tag.knowledge{background:rgba(14,165,233,.10);color:#0284C7}
.m-tag.drama{background:rgba(168,85,247,.10);color:#9333EA}
.m-time{font-size:12px;color:var(--muted,#64748B)}
.m-card h4{
  font-size:17px;font-weight:700;color:var(--ink,#0F172A);line-height:1.4;
  margin-bottom:10px;letter-spacing:-.01em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.m-card p{
  font-size:14px;line-height:1.6;color:var(--ink-2,#334155);margin-bottom:16px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.m-card-foot{
  display:flex;justify-content:space-between;align-items:center;
  padding-top:14px;border-top:1px solid var(--line,#E2E8F0);
  font-size:12.5px;color:var(--muted,#64748B);
}
.m-run{color:var(--accent,#4F46E5);font-weight:600}
.m-empty{
  text-align:center;padding:60px 0;color:var(--muted,#64748B);
  font-size:14.5px;background:#fff;border:1px dashed var(--line,#E2E8F0);border-radius:14px;
}

/* 响应式 */
@media (max-width:1024px){
  .m-cats,.m-list{grid-template-columns:repeat(2,1fr)}
  .m-features{grid-template-columns:1fr;gap:24px}
}
@media (max-width:768px){
  .m-hero{padding:48px 0 40px}
  .m-hero h1{font-size:36px}
  .m-hero p{font-size:16px}
  .m-block{padding:48px 0}
  .m-sec-head h2{font-size:24px}
  .m-cats,.m-list{grid-template-columns:1fr}
}

/* 苹果主题兼容（首页 base 主题是 neon，理论上不进 apple，但保险起见） */
body.apple .m-hero{background:linear-gradient(180deg,#fbfbfd 0%,#fff 100%)}
body.apple .m-cat,body.apple .m-card{background:#fff}
body.apple .m-hero h1{color:#1d1d1f}
body.apple .m-hero p{color:#6e6e73}
body.apple .m-feat h4,body.apple .m-cat h3,body.apple .m-card h4{color:#1d1d1f}
body.apple .m-feat p,body.apple .m-card p{color:#6e6e73}

/* ============================================================
   body.home 接管：把首页从 base 的"深色霓虹"切到主流白底
   —— 关掉深色背景层、接管全局变量、把 nav/footer 改成白底风
   ============================================================ */
body.home{
  --bg:#FFFFFF; --bg-2:#F8FAFC; --bg-3:#F1F5F9;
  --ink:#0F172A; --ink-2:#334155; --muted:#64748B;
  --line:#E2E8F0; --line-2:#CBD5E1;
  --accent:#4F46E5; --accent-hover:#4338CA; --accent-bg:#EEF2FF;
  background:#FFFFFF;
}
body.home .glow,body.home .grid-bg{display:none}
/* 导航条：白底 + 深色字 */
body.home .nav{background:linear-gradient(180deg,#EEF2FF 0%,#F8FAFC 100%);border-bottom:1px solid var(--line);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px)}
body.home .nav-inner{color:var(--ink)}
body.home .brand span{color:var(--ink)}
body.home .nav-links a{color:var(--ink-2)}
body.home .nav-links a:hover{color:var(--ink)}
body.home .btn{color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:8px;padding:8px 18px}
body.home .btn:hover{background:var(--bg-2);border-color:var(--line-2)}
/* 顶部 nav-stats 块（已发布脚本/内容类型）— 主流风格 */
body.home .nav-stats .ns span{color:var(--muted)}
body.home .nav-stats .ns b{color:var(--ink)}
/* 容器宽度：1200px 主流 */
body.home .container{max-width:1200px;margin:0 auto;padding:0 24px}
/* 浅色 LOGO 切换：白底下显示 logo-light，隐藏 logo-dark（深色版） */
body.home .logo-light{display:block}
body.home .logo-dark{display:none}
/* 页脚：白底 */
body.home .footer{background:var(--bg-3);color:var(--ink);border-top:1px solid var(--line)}
body.home .footer a{color:var(--muted)}
body.home .footer a:hover{color:var(--ink)}
body.home .beian{color:var(--muted)}
body.home .beian a{color:var(--muted)}
/* 卡片背景：白 */
body.home .m-hero{background:linear-gradient(180deg,#EEF2FF 0%,#F8FAFC 100%);color:var(--ink)}
body.home .m-hero h1{color:var(--ink)}
body.home .m-hero p{color:var(--ink-2)}
body.home .m-search-box{background:#fff;border-color:var(--line-2);box-shadow:0 1px 2px rgba(15,23,42,.04)}
body.home .m-search-box input{color:var(--ink)}
body.home .m-kbd{color:var(--muted);border-color:var(--line);background:var(--bg-2)}
/* 让 .m-hero 在桌面端也有合理上 padding（被 base .hero 影响） */
body.home .m-hero{padding-top:80px;padding-bottom:64px}

/* ============================================================
   首页专属页脚：4 栏（品牌 / 产品 / 资源 / 关注）+ 底部分割线
   —— 关掉 base.html 默认页脚（body.home .footer{display:none}）
   ============================================================ */
body.home .footer{display:none}
.m-foot{
  background:linear-gradient(180deg,#F8FAFC 0%,#EEF2FF 100%);
  padding:48px 0 32px;margin-top:60px;color:var(--ink,#0F172A);
}
.m-foot-inner{
  max-width:1200px;margin:0 auto;padding:0 24px;
  display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;
}
.m-foot h5{
  font-size:13px;font-weight:700;color:var(--ink,#0F172A);
  text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;
}
.m-foot p{font-size:13.5px;color:var(--muted,#64748B);line-height:1.8;margin:0}
.m-foot ul{list-style:none;padding:0;margin:0}
.m-foot li{
  font-size:13.5px;color:var(--muted,#64748B);
  line-height:2.1;cursor:default;position:relative;
}
.m-foot li:hover{color:var(--ink,#0F172A)}
/* 关注栏 4 个社交平台：hover 时显示"敬请期待" */
.m-foot .m-pending{color:var(--muted,#64748B)}
.m-foot .m-pending:hover{color:var(--accent,#4F46E5)}
.m-foot .m-pending::after{
  content:"";position:absolute;left:80px;top:50%;
  transform:translateY(-50%);
  font-size:11px;color:var(--accent,#4F46E5);
  background:var(--accent-bg,#EEF2FF);
  padding:2px 8px;border-radius:4px;
  white-space:nowrap;opacity:0;pointer-events:none;
  transition:opacity .15s,left .15s;
}
.m-foot .m-pending:hover::after{content:"敬请期待";opacity:1;left:90px}
.m-foot-copyright{
  max-width:1200px;margin:32px auto 0;padding:24px 24px 0;
  border-top:1px solid rgba(79,70,229,.12);
  display:flex;justify-content:space-between;align-items:center;
  font-size:12.5px;color:var(--muted,#64748B);
}
@media (max-width:1024px){
  .m-foot-inner{grid-template-columns:1fr 1fr;gap:28px}
}
@media (max-width:768px){
  .m-foot-inner{grid-template-columns:1fr;gap:24px}
  .m-foot-copyright{flex-direction:column;gap:8px;align-items:flex-start}
}