/* pages/index.css - 由 pages/index/index.wxss 1:1 还原（rpx → rem, ÷100） */

/* ===== Hero ===== */
.hero {
  background: linear-gradient(135deg, #2C7BB0 0%, #1E5A86 100%);
  padding: 0.56rem 0.4rem 0.48rem;
  border-bottom-left-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
  box-shadow: 0 0.08rem 0.3rem rgba(44,123,176,0.25);
}
.hero-top { display: flex; align-items: center; justify-content: space-between; }
.hero-brand { display: flex; align-items: center; gap: 0.18rem; }
.hero-logo { width: 0.76rem; height: 0.76rem; border-radius: 50%; flex-shrink: 0;
  background: rgba(255,255,255,0.14); border: 1px solid rgba(255,255,255,0.22);
  object-fit: cover; display: block;
  box-shadow: 0 6px 18px rgba(0,0,0,0.10); backdrop-filter: blur(4px); }
.hero-brand-text { display: flex; flex-direction: column; gap: 0.04rem; }
.hero-kicker { font-size: 0.18rem; font-weight: 600; color: rgba(255,255,255,0.72); letter-spacing: 0.05rem; }
.hero-title { font-size: 0.44rem; font-weight: 800; color: #FBF9F3; letter-spacing: 0.03rem; }
.btn-import {
  flex-shrink: 0; font-size: 0.26rem; font-weight: 600; color: #FBF9F3;
  background: rgba(255,255,255,0.18); border: 0.01rem solid rgba(255,255,255,0.35);
  padding: 0.14rem 0.24rem; border-radius: 0.999rem; cursor: pointer;
}
.btn-import:active { background: rgba(255,255,255,0.28); }
.hero-sub { display: flex; align-items: center; margin-top: 0.24rem; }
.hero-sub-bar { width: 0.05rem; height: 0.3rem; border-radius: 0.05rem; background: #E8CD8B; margin-right: 0.14rem; flex-shrink: 0; }
.hero-sub-text { font-family: "Microsoft YaHei","微软雅黑",sans-serif; font-size: 0.32rem; font-weight: 700; color: #F2E8D5; letter-spacing: 0.02rem; }
.hero-sub-text .dot { color: #E8CD8B; margin: 0 0.08rem; font-weight: 700; }
.hero-sub-text .accent { color: #E8CD8B; }

/* 放大搜索框 */
.search-bar { margin-top: 0.28rem; display: flex; align-items: center; background: rgba(252,251,246,0.96);
  border-radius: 0.14rem; padding: 0.16rem 0.24rem; box-shadow: 0 0.06rem 0.18rem rgba(27,32,40,0.10); }
.search-icon { width: 0.32rem; height: 0.32rem; margin-right: 0.12rem; color: #2C7BB0; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.search-icon svg { width: 100%; height: 100%; }
.search-input { flex: 1; font-size: 0.28rem; color: #2B2B33; background: transparent; border: none; padding: 0; height: 0.4rem; line-height: 0.4rem; }
.search-clear { font-size: 0.28rem; color: #948B7D; padding: 0 0.08rem; flex-shrink: 0; cursor: pointer; }
.search-clear:active { color: #2C7BB0; }

/* ===== 标题行 ===== */
.header-row { display: flex; align-items: baseline; justify-content: space-between; padding: 0.4rem 0.4rem 0.16rem; }
.section-title { font-size: 0.34rem; font-weight: 700; color: #2B2B33; }
.section-count { font-size: 0.24rem; color: #948B7D; }

/* ===== 状态页 ===== */
.state { text-align: center; padding: 1.2rem 0.4rem; }
.state-emoji { font-size: 0.8rem; }
.state-text { margin-top: 0.24rem; font-size: 0.3rem; color: #948B7D; }
.state-hint { margin-top: 0.12rem; font-size: 0.24rem; color: #948B7D; }

/* ===== 题库列表 ===== */
.cat-list { padding: 0.08rem 0.32rem 0; }
.cat-card-wrap { margin-bottom: 0.24rem; }
.cat-card {
  position: relative; display: flex; align-items: stretch; background: #FCFBF6;
  border-radius: 0.2rem; padding: 0.28rem 0.3rem; box-shadow: 0 0.06rem 0.22rem rgba(27,32,40,0.06);
  border: 0.01rem solid #E7E0D2; z-index: 1; cursor: pointer;
}
.cat-bar { width: 0.08rem; align-self: stretch; background: linear-gradient(180deg, #2C7BB0, #1E5A86);
  border-radius: 0.08rem; margin-right: 0.22rem; flex-shrink: 0; }
.cat-content { flex: 1; min-width: 0; }
.cat-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.16rem; }
.cat-title-wrap { flex: 1; min-width: 0; }
.cat-name { font-size: 0.32rem; font-weight: 700; color: #2B2B33; line-height: 1.4; word-break: break-all;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.cat-received-tag { display: inline-block; margin-top: 0.1rem; padding: 0.04rem 0.12rem; font-size: 0.2rem;
  color: #2C7BB0; background: rgba(44,123,176,0.10); border-radius: 0.08rem; }
.cat-more-btn { flex-shrink: 0; margin-top: 0.02rem; margin-left: 0.14rem; padding: 0.08rem 0.22rem;
  border-radius: 0.22rem; background: #F7F4EC; color: #948B7D; font-size: 0.22rem; font-weight: 600;
  border: 0.01rem solid #E7E0D2; line-height: 1.4; cursor: pointer; }
.cat-more-btn:active { background: #ECE6D8; }
.cat-meta-row { margin-top: 0.12rem; display: flex; align-items: center; justify-content: space-between; gap: 0.14rem; }
.cat-meta { font-size: 0.24rem; color: #948B7D; flex-shrink: 0; }
.meta-dot { margin: 0 0.1rem; }
.cat-actions-wrap { display: flex; align-items: center; flex-shrink: 0; }
.cat-actions { flex-shrink: 0; display: flex; align-items: center; justify-content: flex-end; gap: 0.14rem; }
.cat-action { display: flex; align-items: center; justify-content: center; gap: 0.08rem; padding: 0.14rem 0.2rem;
  border-radius: 0.12rem; font-size: 0.24rem; font-weight: 500; background: #F7F4EC; border: 0.01rem solid #E7E0D2;
  white-space: nowrap; cursor: pointer; }
.cat-action.daily { color: #2C7BB0; }
.cat-action.daily:active { background: rgba(44,123,176,0.10); }
.cat-action.wrong { color: #C8553D; }
.cat-action.wrong.full { flex: 1; }
.cat-action.wrong:active { background: rgba(200,85,61,0.10); }
.ca-emoji { font-size: 0.26rem; line-height: 1; flex-shrink: 0; }
.ca-label { flex-shrink: 0; }
.ca-badge { font-size: 0.2rem; font-weight: 700; color: #FCFBF6; background: #C8553D; padding: 0.02rem 0.12rem;
  border-radius: 0.999rem; flex-shrink: 0; margin-left: 0.04rem; }

/* PC 端每题库 3 入口行，手机端隐藏 */
.cat-actions-pc { display: none; }

/* PC 仪表盘默认隐藏（桌面端在 pc.css 中显示） */
.pc-dashboard { display: none; }