/* 首页专有样式：大搜索按钮、上新横幅、热门轮播、分区目录网格。
   区块头 .section/.section-head、信任条、页脚、topbar/tabbar 都在 common.css，这里不重复。 */
/* ===== 搜索入口（首页是跳转按钮，不是输入框）===== */
.search-btn-big{display:flex;align-items:center;gap:10px;width:100%;margin-top:12px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:13px 18px;box-shadow:var(--shadow);color:var(--lighter);font-size:14px}
.search-btn-big svg{flex:none;color:var(--sub)}
/* ===== 通知条（文案取 site_setting.banner_tag / banner_text）===== */
.notice{margin-top:12px;display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,#FFF3D6,#FFE9E2);border:1px solid #F7E3BE;border-radius:var(--radius-s);padding:9px 12px}
.notice-tag{flex:none;font-size:11px;font-weight:800;color:#fff;background:var(--orange-deep);border-radius:6px;padding:2px 7px}
.notice-text{font-size:13px;color:#8A5A2B;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* ===== 热门资料（同宽 · 渐变背景 · 自动滚动，数据取 hot_card）===== */
.hot-scroll{display:flex;gap:12px;overflow-x:auto;margin:0;padding:2px 0 6px;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}
.hot-scroll::-webkit-scrollbar{display:none}
.hot-card{flex:none;width:calc(100% - 44px);height:92px;border-radius:var(--radius);position:relative;overflow:hidden;box-shadow:var(--shadow);scroll-snap-align:start;cursor:pointer}
.hot-card .hot-badge{position:absolute;top:9px;left:12px;font-size:9.5px;font-weight:800;color:#fff;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:2px 8px}
.hot-card .hot-body{position:absolute;left:12px;right:12px;bottom:9px;color:#fff}
.hot-card .hot-name{font-size:15px;font-weight:800;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hot-card .hot-row{display:flex;align-items:center;justify-content:space-between;margin-top:5px}
.hot-card .hot-meta{font-size:10.5px;opacity:.92}
.hot-card .hot-cta{font-size:11px;font-weight:700;color:var(--orange-deep);background:#fff;border-radius:999px;padding:3px 10px;box-shadow:0 2px 6px rgba(0,0,0,.14)}
.hot-card.h-g1{background:linear-gradient(120deg,#FF9A7A,#FF6B4A)}
.hot-card.h-g2{background:linear-gradient(120deg,#8FD3C7,#5FBFA9)}
.hot-card.h-g3{background:linear-gradient(120deg,#B7A6E0,#9B85D3)}
.hot-card.h-g4{background:linear-gradient(120deg,#7A9CC6,#5F84B8)}
/* ===== 目录网格（layout=1 分区）===== */
.cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.cat-cell{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 14px 13px;box-shadow:var(--shadow);cursor:pointer;overflow:hidden;transition:transform .15s}
.cat-cell:active{transform:scale(.97)}
.cat-cell .cat-name{font-size:15px;font-weight:800;position:relative;z-index:1}
.cat-cell .cat-sub{font-size:11px;color:var(--sub);margin-top:3px;position:relative;z-index:1}
.cat-cell .cat-count{position:absolute;right:10px;top:10px;font-size:10px;font-weight:700;color:#fff;border-radius:999px;padding:2px 8px}
.cat-cell.mint{background:var(--mint-bg)} .cat-cell.mint .cat-count{background:var(--mint-deep)}
.cat-cell.purple{background:var(--purple-bg)} .cat-cell.purple .cat-count{background:var(--purple-deep)}
.cat-cell.orange{background:var(--orange-bg)} .cat-cell.orange .cat-count{background:var(--orange-deep)}
.cat-cell.blue{background:var(--blue-bg)} .cat-cell.blue .cat-count{background:var(--blue-deep)}
.cat-cell.apricot{background:#FBF0DC} .cat-cell.apricot .cat-count{background:#D9A75B}
.cat-cell.pink{background:#FDEBEA} .cat-cell.pink .cat-count{background:#E58E83}
.cat-cell .star{position:absolute;right:14px;bottom:12px;opacity:.35}
/* ===== 真题大卡（layout=2 分区）===== */
.zt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.zt-cell{border-radius:var(--radius);padding:16px 14px;color:#fff;box-shadow:var(--shadow);cursor:pointer;position:relative;overflow:hidden}
.zt-cell .zt-name{font-size:16px;font-weight:800;position:relative;z-index:1}
.zt-cell .zt-sub{font-size:11px;opacity:.92;margin-top:4px;position:relative;z-index:1}
.zt-cell .zt-arrow{position:absolute;right:12px;top:14px;opacity:.9;z-index:1}
.zt-cell.g1{background:linear-gradient(135deg,#5FBFA9,#8FD3C7)}
.zt-cell.g2{background:linear-gradient(135deg,#9B85D3,#B7A6E0)}
/* ===== 桌面适配 ===== */
@media (min-width:768px){
  .hot-card{width:calc(100% - 56px);height:104px}
  .cat-grid{grid-template-columns:repeat(3,1fr)}
}