/* ============================================================
   阅读与成长 模块样式（复用 news.css 的通用组件，仅补充本页专属）
   ============================================================ */

/* 类型标签 */
.badge.type-article { background: rgba(122,154,103,.22); color: #4a6a3a; }
.badge.type-column { background: rgba(74,140,220,.16); color: #3a6ea5; }
.badge.type-research { background: rgba(120,120,220,.16); color: #5a5ab0; }
.badge.type-book { background: rgba(210,180,120,.24); color: #7a6a3a; }
.badge.type-course { background: rgba(32,178,170,.18); color: #2a7a74; }
.badge.type-source { background: rgba(140,140,150,.18); color: #555; }
.badge.ai-tag { background: rgba(180,120,60,.16); color: #8a5a20; }

/* 主题标签 */
.badge.topic-deep { background: rgba(90,110,80,.16); color: #4a5a3f; }
.badge.topic-thinking { background: rgba(120,140,200,.18); color: #4a5aa0; }
.badge.topic-digital { background: rgba(60,150,200,.16); color: #2f6f9a; }
.badge.topic-career { background: rgba(200,160,90,.22); color: #7a6030; }
.badge.topic-psych { background: rgba(200,120,150,.18); color: #8a4a5f; }
.badge.topic-finance { background: rgba(122,154,103,.22); color: #4a6a3a; }
.badge.topic-science { background: rgba(150,130,190,.20); color: #5f4a8a; }
.badge.topic-history { background: rgba(170,140,90,.22); color: #6f5a2a; }

/* 状态标签（想读 / 在读 / 已读 / 搁置） */
.badge.status-toread { background: rgba(210,180,120,.24); color: #7a6a3a; }
.badge.status-reading { background: rgba(60,150,200,.18); color: #2f6f9a; }
.badge.status-done { background: rgba(122,154,103,.26); color: #4a6a3a; }
.badge.status-paused { background: rgba(150,150,150,.20); color: #666; }

/* 阅读状态切换 */
.r-status { display: inline-flex; gap: 3px; background: var(--panel-2); border-radius: 10px; padding: 3px; }
.r-status button { border: none; background: transparent; color: var(--text-muted); font-size: 12px; padding: 5px 10px; border-radius: 8px; font-weight: 600; transition: background .18s ease, color .18s ease; }
.r-status button.on { background: var(--accent); color: #fff; }

.ii-body { font-size: 13px; color: var(--text-muted); line-height: 1.7; margin-top: 8px; }
.rd-reason { color: var(--accent-strong, #4a6a3a); }

/* 书籍封面 */
.ii-head { display: flex; gap: 12px; align-items: flex-start; }
.rd-cover { width: 56px; height: 78px; object-fit: cover; border-radius: 8px; flex: 0 0 auto; box-shadow: 0 2px 8px rgba(0,0,0,.10); background: var(--panel-2); }

/* 阅读进度 */
.rd-progress { display: flex; align-items: center; gap: 10px; margin-top: 10px; }
.rd-bar { flex: 1; height: 8px; border-radius: 999px; background: var(--panel-2); overflow: hidden; max-width: 320px; }
.rd-bar > i { display: block; height: 100%; border-radius: 999px; background: var(--accent, #7a9a67); transition: width .25s ease; }
.rd-pg { font-size: 12px; color: var(--text-muted); white-space: nowrap; }

/* 编辑 / 删除 */
.mini-btn.act-del { color: #b4534b; }
.mini-btn.act-del:hover { background: rgba(180,83,75,.10); }
.mini-btn.act-edit { color: #3a6ea5; }
.mini-btn.act-edit:hover { background: rgba(58,110,165,.10); }

/* 表单小字提示 */
.grid-form .field > span em { font-style: normal; font-weight: 400; color: var(--text-muted); font-size: 12px; }

/* 研究条目：AI 导读三问 */
.rd-read { margin-top: 10px; padding: 10px 12px; border-radius: 12px; background: var(--panel-2); display: flex; flex-direction: column; gap: 6px; }
.rd-read > div { font-size: 13px; line-height: 1.7; color: var(--text); }
.rd-read b { color: var(--accent-strong, #4a6a3a); }
.rd-flag { margin-top: 10px; font-size: 12px; line-height: 1.6; color: #8a5a20; background: rgba(200,150,60,.12); border-radius: 10px; padding: 8px 10px; }

/* 次要提示条 */
.notice-soft { background: var(--panel-2); color: var(--text-muted); font-size: 13px; }

/* ===== 工作台：区块标题 ===== */
.sec-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 24px 0 6px; }
.sec-title { margin: 0; font-size: 16px; }
.sec-sub { margin: 0 0 12px; color: var(--text-muted); font-size: 13px; }
.quick-btn { white-space: nowrap; }

/* ===== 今日学习 ===== */
.today-section { margin-top: 6px; }
.ts-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr)); gap: 14px; }
.ts-card { background: var(--panel, #fff); border: 1px solid var(--border, rgba(0,0,0,.08)); border-radius: 16px; padding: 14px 15px; box-shadow: 0 2px 10px rgba(0,0,0,.05); display: flex; flex-direction: column; gap: 5px; }
.ts-card.is-understood { opacity: .72; }
.ts-top { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--text-muted); }
.ts-type { background: rgba(122,154,103,.18); color: #4a6a3a; border-radius: 999px; padding: 2px 9px; font-weight: 600; }
.ts-min { margin-left: auto; white-space: nowrap; }
.ts-title { margin: 2px 0 3px; font-size: 15px; line-height: 1.4; }
.ts-line { font-size: 13px; line-height: 1.65; }
.ts-line b { color: var(--accent-strong, #4a6a3a); }
.ts-topicline { color: var(--text-muted); }
.ts-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.ts-note { margin-top: 6px; }

/* ===== 我的结论（知识库） ===== */
.kb-section { margin-top: 30px; }
.kb-list { display: grid; gap: 12px; margin-bottom: 12px; }
.kb-card { background: var(--panel, #fff); border-left: 4px solid var(--accent, #7a9a67); border-radius: 12px; padding: 12px 15px; box-shadow: 0 2px 10px rgba(0,0,0,.05); }
.kb-topic { font-weight: 700; }
.kb-src { font-size: 12px; color: var(--text-muted); margin: 2px 0 6px; }
.kb-line { font-size: 13px; line-height: 1.65; }
.kb-line b { color: var(--accent-strong, #4a6a3a); }
.kb-actions { display: flex; align-items: center; gap: 8px; margin-top: 8px; }
.kb-date { font-size: 12px; color: var(--text-muted); margin-right: auto; }

/* 分类标签略缩 */
.cat-tabs button { white-space: nowrap; }

/* 已理解 */
.badge.understood-tag { background: rgba(122,154,103,.26); color: #4a6a3a; }
.ii.is-understood { opacity: .78; }
.ii-flash { animation: rdflash 2.4s ease; }
@keyframes rdflash { 0% { box-shadow: 0 0 0 3px rgba(122,154,103,.55); } 100% { box-shadow: none; } }

/* 笔记输入框（今日学习 + 列表） */
.ts-note textarea, .ii-note textarea { width: 100%; min-height: 72px; border-radius: 10px; border: 1px solid var(--border, rgba(0,0,0,.12)); padding: 8px 10px; font: inherit; resize: vertical; background: var(--panel, #fff); color: var(--text, inherit); }

/* ===== 全局：带 hidden 属性的元素必须真正隐藏（避免浮层遮挡页面点击） ===== */
[hidden] { display: none !important; }

/* ===== 阅读抽屉（详情阅读 / 5 分钟学习） ===== */
.drawer-mask { position: fixed; inset: 0; background: rgba(30,30,30,.34); z-index: 100; }
.drawer { position: fixed; top: 0; right: 0; height: 100%; width: min(460px, 92vw); background: var(--panel, #fff); z-index: 110; box-shadow: -10px 0 40px rgba(0,0,0,.22); display: flex; flex-direction: column; transform: translateX(100%); transition: transform .22s ease; }
.drawer.open { transform: translateX(0); }
.drawer-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 18px; border-bottom: 1px solid var(--border, rgba(0,0,0,.08)); }
.drawer-kind { font-size: 12px; font-weight: 700; letter-spacing: .4px; color: var(--accent-strong, #4a6a3a); }
.drawer-close { border: none; background: transparent; font-size: 26px; line-height: 1; cursor: pointer; color: var(--text-muted); }
.drawer-body { padding: 18px; overflow-y: auto; flex: 1 1 auto; }
.dw-title { margin: 0 0 6px; font-size: 19px; line-height: 1.4; }
.dw-meta { font-size: 12px; color: var(--text-muted); line-height: 1.6; margin-bottom: 10px; }
.dw-tags { margin-bottom: 10px; }
.dw-block { margin: 12px 0; }
.dw-block > b { display: block; font-size: 13px; color: var(--accent-strong, #4a6a3a); margin-bottom: 4px; }
.dw-block p { margin: 0 0 6px; font-size: 14px; line-height: 1.75; }
.dw-block ul { margin: 4px 0 0; padding-left: 20px; }
.dw-block li { font-size: 14px; line-height: 1.7; margin: 3px 0; }
.dw-think textarea { width: 100%; min-height: 90px; border-radius: 10px; border: 1px solid var(--border, rgba(0,0,0,.14)); padding: 10px; font: inherit; resize: vertical; background: var(--panel, #fff); color: var(--text, inherit); }
.dw-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--border, rgba(0,0,0,.08)); }
.mini-btn.on { background: var(--accent, #7a9a67); color: #fff; }

/* 卡片整体可点击（进入详情阅读） */
.ts-card, .ii, .shelf-book { cursor: pointer; }

/* ===== 我的书架 ===== */
.shelf-section { margin-top: 6px; }
.shelf-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(260px, 100%), 1fr)); gap: 12px; }
.shelf-book { background: var(--panel, #fff); border: 1px solid var(--border, rgba(0,0,0,.08)); border-radius: 14px; padding: 12px 14px; box-shadow: 0 2px 10px rgba(0,0,0,.05); display: flex; flex-direction: column; gap: 6px; }
.sb-head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.sb-title { font-weight: 700; font-size: 14px; line-height: 1.4; }
.sb-author { font-size: 12px; color: var(--text-muted); }
.sb-actions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 4px; }

/* ===== 方向标签 / 核心观点 ===== */
.badge.subtype-tag { background: rgba(150,130,90,.18); color: #6f5a2a; }
.ts-sub { background: rgba(150,130,90,.18); color: #6f5a2a; border-radius: 999px; padding: 2px 9px; font-weight: 600; }
.ts-points { margin: 4px 0 0; padding-left: 20px; }
.ts-points li { margin: 2px 0; }
.rd-points ul { margin: 4px 0 0; padding-left: 20px; }
.rd-points li { margin: 2px 0; }

/* 书架卡的字段行 / 今日一句总结 */
.sb-line { font-size: 12px; color: var(--text-muted); line-height: 1.5; }
.ts-brief { border-left: 4px solid var(--accent, #7a9a67); }
.ts-brief .ts-line { font-weight: 600; }
.ts-empty { opacity: .92; }