/* tmux-home: tmux 专集首页(/tmux/) 中栏定制样式
   来源: uidemo tmux-home v2 原型落地(2026-09-16), 自模板 literal style 块提取
   加载: view/index/tmux-home/config.php inner_css(docs.min.css 之后, 覆盖级联)
   ⚠️ 改本文件须 bump 域名 conf app_version(styleVer 缓存烧死 ?v=), 与共享 CSS 同口径 */

/* th2 = tmux 首页 v2 Hero+速查混合型: hero 定义区 + Top 快捷卡栅格 + 分节表 + 深读导航; 承接 what-is 与 cheat sheet 双意图 */
.th2-hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:center;padding:24px;border:1px solid #cfe1d5;border-radius:14px;background:linear-gradient(135deg,#f4faf6 0%,#eef4fa 100%)}
.th2-hero h1{margin:0 0 8px;font-size:1.9rem;line-height:1.25}
.th2-hero p{margin:0 0 12px;color:#3d4a42;font-size:1rem;line-height:1.6}
.th2-badges{display:flex;flex-wrap:wrap;gap:7px}
.th2-badges span{padding:3px 11px;border-radius:99px;border:1px solid #c4d8ca;background:#fff;font-size:.78rem;color:#3d5245;font-weight:600}
.th2-flow{border:1px solid var(--ifm-toc-border-color,#e4e6e8);border-radius:12px;background:#fff;padding:16px}
.th2-flow b{display:block;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;color:#606770;margin-bottom:10px}
.th2-flow ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.th2-flow li{display:flex;align-items:center;gap:10px;font-size:.86rem;color:#1c1e21}
.th2-flow .n{flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:var(--ifm-color-primary,#2e8555);color:#fff;font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.th2-kbd{display:inline-block;padding:2px 8px;border:1px solid #cdd3dc;border-bottom-width:2px;border-radius:6px;background:#fff;font:600 .78rem/1.5 var(--ifm-font-family-monospace,ui-monospace,Menlo,Consolas,monospace);color:var(--ifm-color-content,#1c1e21);white-space:nowrap}
/* 特异性须压过 docs.min.css 的 .docItemContainer_RhpI header + * (Docusaurus 把 header 后首个元素 margin 清零) */
.th2-wrap .th2-top{margin:44px 0 0}
.th2-top h2,.th2-sec h2{font-size:1.28rem;margin:0 0 4px;padding-bottom:8px;border-bottom:2px solid var(--ifm-color-emphasis-200,#e4e6e8)}
.th2-top > p,.th2-sec > p{margin:4px 0 14px;color:var(--ifm-color-content-secondary,#606770);font-size:.92rem}
.th2-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.th2-card{border:1px solid var(--ifm-toc-border-color,#e4e6e8);border-radius:10px;padding:12px 14px;background:#fff}
.th2-card:hover{border-color:var(--ifm-color-primary,#2e8555);box-shadow:0 2px 8px rgba(46,133,85,.12)}
.th2-card b{display:block;font-size:.88rem;margin-bottom:6px}
.th2-card .k{margin:0 0 6px}
.th2-card small{color:#606770;font-size:.78rem;line-height:1.45;display:block}
.th2-sec{margin:30px 0 0;scroll-margin-top:90px}
.th2-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--ifm-toc-border-color,#e4e6e8);border-radius:10px;overflow:hidden;font-size:.9rem}
.th2-table th{background:var(--ifm-color-emphasis-100,#f2f3f5);text-align:left;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:#606770;padding:9px 14px}
.th2-table td{padding:9px 14px;border-top:1px solid var(--ifm-color-emphasis-100,#f2f3f5);vertical-align:top}
.th2-table tr:hover td{background:#f8faf9}
.th2-a{font-weight:600}
.th2-note{color:#606770;font-size:.84rem}
.th2-learn{margin:34px 0 0;padding:18px;border:1px dashed #cdd3dc;border-radius:12px}
.th2-learn h2{font-size:1.05rem;margin:0 0 10px;border:0;padding:0}
.th2-learn .th2-cards a{text-decoration:none;color:inherit;display:block}
.th2-learn .th2-card b{color:var(--ifm-color-primary,#2e8555)}
@media (max-width:1100px){.th2-hero{grid-template-columns:1fr}}
@media print{.col--3,.pagination-nav,.th2-learn{display:none!important}}