/* KOReaderManager 项目页专用样式（依赖 style.css 变量） */
.hero-tool { padding: 3.5rem 0 2.75rem; }
.tool-eyebrow { font-size: .78rem; font-weight: 600; letter-spacing: .08em; color: #b03a2e; margin: 0 0 .6rem; }
.dark .tool-eyebrow { color: #d4553f; }
.tool-badges { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.25rem; }
.tool-badge { font-size: .75rem; color: var(--ink-text-muted); border: 1px solid var(--ink-border); border-radius: 999px; padding: .25rem .7rem; background: var(--ink-bg-alt); }
.tool-cta { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.5rem; }
.tool-btn { display: inline-flex; align-items: center; gap: .4rem; font-size: .85rem; font-weight: 600; padding: .6rem 1.15rem; border-radius: .5rem; text-decoration: none; transition: transform .15s, box-shadow .15s, border-color .15s; }
.tool-btn:hover { transform: translateY(-1px); }
.tool-btn-primary { background: #222; color: #fff; border: 1px solid #222; }
.dark .tool-btn-primary { background: #e8e8e8; color: #111; border-color: #e8e8e8; }
.tool-btn-primary:hover { box-shadow: 0 6px 20px rgba(0, 0, 0, .18); }
.tool-btn-ghost { background: none; color: var(--ink-text); border: 1px solid var(--ink-border); }
.tool-btn-ghost:hover { border-color: var(--ink-text-muted); }
/* content.css 里 `.content-page a`（0,1,1）会盖掉 .tool-btn 的颜色和下划线：
   主按钮变成 #222 字 on #222 底 = 看不见。这里提权到 0,2,0 显式覆盖。 */
.content-page .tool-btn { text-decoration: none; }
.content-page .tool-btn-primary { color: #fff; }
.dark .content-page .tool-btn-primary { color: #111; }
.tool-note { font-size: .8rem; color: var(--ink-text-muted); margin-top: .9rem; }

.tool-page { max-width: 860px; padding-bottom: 3rem; }
.tool-page h2 { font-size: 1.35rem; margin: 2.5rem 0 .35rem; }
.tool-page section > p { color: var(--ink-text-muted); font-size: .92rem; margin: 0 0 1.1rem; }

/* 功能卡片 */
.feature-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: .85rem; margin-top: 1.1rem; }
.feature-card { border: 1px solid var(--ink-border); border-radius: .75rem; padding: 1rem 1.1rem; background: var(--ink-bg-alt); transition: border-color .2s, transform .2s; }
.feature-card:hover { border-color: var(--ink-text-muted); transform: translateY(-2px); }
.feature-card h3 { font-size: .95rem; margin: 0 0 .35rem; }
.feature-card p { font-size: .82rem; line-height: 1.65; color: var(--ink-text-muted); margin: 0; }

/* 系统要求 */
.req-list { margin: .5rem 0 0; padding: 0; list-style: none; }
.req-list li { position: relative; padding: .5rem 0 .5rem 1.5rem; font-size: .9rem; border-bottom: 1px dashed var(--ink-border); }
.req-list li::before { content: "✓"; position: absolute; left: 0; color: #b03a2e; font-weight: 700; }
.dark .req-list li::before { color: #d4553f; }

/* 使用步骤 */
.step-list { margin: .5rem 0 0; padding: 0 0 0 1.4rem; }
.step-list li { font-size: .9rem; padding: .4rem 0; border-bottom: 1px dashed var(--ink-border); }

/* 插件目录 */
.catalog-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: .6rem; margin-top: 1.1rem; }
.catalog-item { display: flex; flex-direction: column; gap: .2rem; border: 1px solid var(--ink-border); border-radius: .6rem; padding: .7rem .9rem; }
.catalog-item b { font-size: .85rem; }
.catalog-item span { font-size: .78rem; color: var(--ink-text-muted); line-height: 1.6; }

/* FAQ */
.faq-item { border-bottom: 1px solid var(--ink-border); padding: 1rem 0; }
.faq-item h3 { font-size: .95rem; margin: 0 0 .35rem; }
.faq-item p { font-size: .85rem; line-height: 1.7; color: var(--ink-text-muted); margin: 0; }

@media (max-width: 640px) {
  .hero-tool { padding: 2.5rem 0 2rem; }
  .tool-cta .tool-btn { flex: 1 1 auto; justify-content: center; }
}