/* ===== 10 套前台模板样式 =====
   每套模板只需在 body 上挂 tpl-xxx 类即可（由 templates/theme.php 自动输出）
   想微调某一套，直接改下面对应区块里的 CSS 变量即可。 */

/* 1. 经典蓝 · 网格 */
body.tpl-classic{
  --brand:#2b6cff; --brand2:#1f57d8; --bg:#f5f7fb; --card:#fff;
  --txt:#1c2230; --sub:#6b7280; --line:#e6eaf2; --radius:12px;
}
body.tpl-classic .hd{box-shadow:0 2px 10px rgba(30,60,140,.06)}

/* 2. 清新绿 · 大卡 */
body.tpl-fresh{
  --brand:#17a673; --brand2:#0f8a5d; --bg:#f1faf6; --card:#fff;
  --txt:#16332a; --sub:#5d7f72; --line:#d9efe6; --radius:16px;
}
body.tpl-fresh .grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}
body.tpl-fresh .thumb{height:132px}
body.tpl-fresh .thumb img{max-height:104px}
body.tpl-fresh .hero h1{color:var(--brand2)}

/* 3. 暗夜科技 */
body.tpl-dark{
  --brand:#35c8ff; --brand2:#0ea5d9; --on-brand:#06222e;
  --bg:#0e1420; --card:#151d2c; --txt:#dbe3f0; --sub:#8b9ab5; --line:#22304a;
  --radius:14px; --shadow:0 6px 20px rgba(0,0,0,.45);
}
body.tpl-dark .hd{background:#111a29;border-bottom-color:#22304a}
body.tpl-dark .sch input{background:#0e1626;border-color:#22304a;color:#dbe3f0}
body.tpl-dark .card:hover{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand),0 8px 26px rgba(53,200,255,.18)}
body.tpl-dark .ft{background:#111a29;border-top-color:#22304a}
body.tpl-dark .row-go{color:#06222e}

/* 4. 杂志橙 · 侧栏 */
body.tpl-magazine{
  --brand:#ff6a13; --brand2:#e2550a; --bg:#fff8f2; --card:#fff;
  --txt:#2b1d12; --sub:#8a6a55; --line:#f2dfcd; --radius:10px;
}
body.tpl-magazine .bt{border-left-width:6px;font-size:19px}
body.tpl-magazine .sd h3{border-left-color:var(--brand);text-transform:none}
body.tpl-magazine .col-side .sd:first-child{background:#fff4ea}

/* 5. 门户红 · 列表 */
body.tpl-portal{
  --brand:#d92b2b; --brand2:#b71f1f; --bg:#f7f7f8; --card:#fff;
  --txt:#1f1f22; --sub:#71717a; --line:#e6e6ea; --radius:8px;
}
body.tpl-portal .row{padding:14px 16px}
body.tpl-portal .row-img{flex:0 0 66px;height:66px;border-radius:6px}
body.tpl-portal .row-txt h3{font-size:16.5px}
body.tpl-portal .hd{border-bottom:2px solid var(--brand)}

/* 6. 极简搜索 */
body.tpl-minimal{
  --brand:#111; --brand2:#000; --bg:#fff; --card:#fff;
  --txt:#111; --sub:#888; --line:#ececec; --radius:10px;
}
body.tpl-minimal .hd .inner{flex-direction:column;gap:10px;padding:16px}
body.tpl-minimal .sch{max-width:620px;width:100%;margin:0 auto}
body.tpl-minimal .sch input,body.tpl-minimal .sch button{padding:12px 16px;font-size:15px}
body.tpl-minimal .sch input{border-radius:24px 0 0 24px;border-color:#ddd}
body.tpl-minimal .card{border-color:transparent;background:#fafafa}
body.tpl-minimal .card:hover{border-color:#111;box-shadow:none}
body.tpl-minimal .bt{border-left:0;font-weight:700}

/* 7. 多彩瀑布 */
body.tpl-masonry{
  --brand:#7c4dff; --brand2:#5a2fd6; --bg:#f6f3ff; --card:#fff;
  --txt:#241a3d; --sub:#7a6f96; --line:#e8e0ff; --radius:14px;
}
body.tpl-masonry .card{border:0;background:linear-gradient(160deg,#fff,#faf7ff)}
body.tpl-masonry .card:hover{box-shadow:0 10px 26px rgba(124,77,255,.20)}
body.tpl-masonry .hero h1{background:linear-gradient(90deg,#7c4dff,#ff5fa2);-webkit-background-clip:text;background-clip:text;color:transparent}
body.tpl-masonry .bt{border-left-color:#ff5fa2}

/* 8. 应用商店 */
body.tpl-appstore{
  --brand:#5b6cff; --brand2:#3f4fe0; --bg:#f4f6ff; --card:#fff;
  --txt:#181f3a; --sub:#6f78a0; --line:#e2e7ff; --radius:20px;
}
body.tpl-appstore .grid{gap:20px}
body.tpl-appstore .card{border:0;box-shadow:0 6px 18px rgba(60,80,200,.10)}
body.tpl-appstore .thumb{height:120px;background:linear-gradient(135deg,#eef1ff,#e6ecff)}
body.tpl-appstore .card .ct b{font-size:15.5px}
body.tpl-appstore .gobtn a{border-radius:28px;box-shadow:0 6px 16px rgba(91,108,255,.35)}

/* 9. 复古墨绿 · 侧栏 */
body.tpl-retro{
  --brand:#2f6b4f; --brand2:#245540; --bg:#f3efe3; --card:#fbf8ef;
  --txt:#2c2a22; --sub:#7b7360; --line:#ddd4bd; --radius:4px;
  font-family:Georgia,"Songti SC","Microsoft YaHei",serif;
}
body.tpl-retro .hd{background:#fbf8ef;border-bottom:2px double var(--line)}
body.tpl-retro .logo{font-family:Georgia,serif;letter-spacing:2px}
body.tpl-retro .card{border-color:var(--line)}
body.tpl-retro .card:hover{transform:none;box-shadow:none;border-color:var(--brand)}
body.tpl-retro .bt{border-left:0;border-bottom:1px solid var(--line);padding:0 0 8px}
body.tpl-retro .sd{border-radius:2px}

/* 10. 商务灰蓝 · 列表 */
body.tpl-biz{
  --brand:#33507a; --brand2:#22385a; --bg:#eef1f6; --card:#fff;
  --txt:#1d2634; --sub:#6a7688; --line:#dde3ec; --radius:6px;
}
body.tpl-biz .row{padding:10px 14px}
body.tpl-biz .rows{border-radius:6px}
body.tpl-biz .hd{background:#22385a;border-bottom:0}
body.tpl-biz .hd .logo,.ft-biz{color:#fff}
body.tpl-biz .hd .logo{color:#fff}
body.tpl-biz .nv{color:#c6d0e0}
body.tpl-biz .nv a:hover{color:#fff}
body.tpl-biz .sch input{background:#2c456b;border-color:#2c456b;color:#fff}
body.tpl-biz .main{padding-top:18px}