/*
 * laolicms 网站综合管理系统 v1.0.1
 * 作者：丿king　　联系 QQ：1735737677
 * 本文件作用：笑话频道三套版式（频道首页 / 列表页 / 内页）专用样式，旧站 xiaohua.php 三种模式的版式整理；新类统一 xiaohua- 前缀（旧站 joke-item 的位置）
 * 变量：无（纯样式，被 pc/index_xiaohua.html、pc/lists_xiaohua.html、pc/view_xiaohua.html 引用）
 * 文件路径：application/template/laoli/public/pc/css/sub_xiaohua.css
 */

/* 首页/列表/内页共用：文字型内容更适合两栏，窄屏自动堆叠 */
.xiaohua-layout .sub-aside{flex:0 0 280px;width:280px;}
.xiaohua-home .sub-three-wrap{margin-bottom:0;}
@media (max-width:900px){.xiaohua-layout .sub-aside{width:100%;}}

/* 首页分类双列区块 */
.xiaohua-cate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;align-items:start;}
.xiaohua-cate-grid .sub-group{margin-bottom:0;}
.xiaohua-cate-body{padding:6px 15px 12px;}
@media (max-width:768px){.xiaohua-cate-grid{grid-template-columns:minmax(0,1fr);}}

/* 二级分类胶囊 + 排序工具条 */
.xiaohua-subnav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px;}
.xiaohua-subnav-item{padding:5px 12px;border-radius:14px;background:#f5f6f8;font-size:13px;color:#666;text-decoration:none;}
.xiaohua-subnav-item:hover{background:var(--chengb,#ff7200);color:#fff;}
.xiaohua-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;background:var(--bg-color,#fff);border-radius:6px;padding:12px 15px;margin-bottom:15px;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.xiaohua-toolbar-title{font-size:16px;font-weight:600;color:var(--text-color,#333);}
.xiaohua-toolbar-count{margin-left:8px;font-size:12px;font-weight:400;color:#999;}
.xiaohua-toolbar-sort{display:flex;flex-wrap:wrap;gap:6px;}
.xiaohua-toolbar-sort a{padding:5px 12px;border:1px solid #eee;border-radius:4px;font-size:13px;color:#666;text-decoration:none;}
.xiaohua-toolbar-sort a.active,.xiaohua-toolbar-sort a:hover{border-color:var(--chengb,#ff7200);color:var(--chengb,#ff7200);background:#fff8f2;}
.xiaohua-panel{padding-bottom:0;}
.xiaohua-panel .daishen-pagination{padding:12px 15px;}

/* 流式条目（旧站 joke-item）：标题 + 两三行摘要 + meta */
.xiaohua-item{padding:14px 2px;border-bottom:1px dashed #f0f0f0;}
.xiaohua-item:last-child{border-bottom:none;}
.xiaohua-item-title{margin:0 0 7px;font-size:16px;font-weight:600;line-height:1.6;}
.xiaohua-item-title a{color:var(--text-color,#333);text-decoration:none;}
.xiaohua-item-title a:hover{color:var(--chengb,#ff7200);}
.xiaohua-tag{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:10px;font-size:11px;font-weight:400;background:#fff2e8;color:var(--chengb,#ff7200);vertical-align:middle;}
.xiaohua-tag.top{background:#f0f6ff;color:#165dff;}
.xiaohua-summary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.9;color:var(--sub-text-color,#666);text-decoration:none;word-break:break-all;}
.xiaohua-summary:hover{color:var(--chengb,#ff7200);}
.xiaohua-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-size:12px;color:#aaa;}
.xiaohua-meta i{margin-right:2px;}
.xiaohua-meta-cate{color:var(--chengb,#ff7200);}
@media (max-width:768px){.xiaohua-item-title{font-size:15px;}.xiaohua-summary{-webkit-line-clamp:2;font-size:13px;}.xiaohua-meta{gap:4px 10px;}}
.xiaohua-meta-time{margin-left:auto;}
@media (max-width:768px){.xiaohua-meta-time{margin-left:0;}}

/* 内页正文 */
.xiaohua-show{background:var(--bg-color,#fff);border-radius:8px;padding:20px;margin-bottom:15px;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.xiaohua-h1{margin:0 0 12px;font-size:24px;line-height:1.6;color:var(--text-color,#222);word-break:break-all;}
.xiaohua-show-meta{display:flex;flex-wrap:wrap;gap:8px 18px;padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid #f0f0f0;font-size:13px;color:#999;}
.xiaohua-show-meta i{color:var(--chengb,#ff7200);}
.xiaohua-show-meta .xiaohua-meta-cate{color:var(--chengb,#ff7200);}
.xiaohua-content{padding:16px 0 6px;font-size:16px;line-height:2.1;color:var(--text-color,#333);word-break:break-word;}
.xiaohua-content p{margin:0 0 12px;}
.xiaohua-content-none{color:#aaa;font-size:14px;}
@media (max-width:768px){.xiaohua-show{padding:16px;}.xiaohua-h1{font-size:20px;}.xiaohua-content{font-size:15px;line-height:2;}}

/* 点赞 / 收藏 */
.xiaohua-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:18px;padding-top:16px;border-top:1px dashed #f0f0f0;}
.xiaohua-love{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border-radius:4px;background:var(--chengb,#ff7200);color:#fff;font-size:14px;text-decoration:none;cursor:pointer;}
.xiaohua-love:hover{background:#e56700;color:#fff;}
.xiaohua-actions .collect-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border:1px solid #eee;border-radius:4px;font-size:14px;color:#666;text-decoration:none;}
.xiaohua-actions .collect-btn.collected,.xiaohua-actions .collect-btn:hover{border-color:var(--chengb,#ff7200);color:var(--chengb,#ff7200);}

/* 上一条 / 下一条 */
.xiaohua-pn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:15px;}
.xiaohua-pn-item{display:flex;align-items:center;gap:10px;background:var(--bg-color,#fff);border:1px solid #f0f0f0;border-radius:8px;padding:12px 14px;text-decoration:none;transition:box-shadow .2s,transform .2s;}
.xiaohua-pn-item.right{justify-content:flex-end;text-align:right;}
.xiaohua-pn-item:hover{box-shadow:0 6px 18px rgba(0,0,0,.08);transform:translateY(-2px);}
.xiaohua-pn-ico{flex:none;width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;background:#f5f6f8;color:#888;font-size:15px;}
.xiaohua-pn-text{min-width:0;}
.xiaohua-pn-text b{display:block;font-size:12px;font-weight:400;color:#aaa;}
.xiaohua-pn-text em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-size:14px;color:var(--text-color,#333);max-width:34vw;}
@media (max-width:768px){.xiaohua-pn{grid-template-columns:minmax(0,1fr);}.xiaohua-pn-text em{max-width:60vw;}}

/* 底部双列推荐 */
.xiaohua-rec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:15px;}
.xiaohua-rec-grid .dhny_data_card{margin:0;}
.xiaohua-rec-body{padding:6px 15px 12px;}
.xiaohua-rec-grid .sub-text-list a{font-size:14px;}
.sub-text-none{color:#bbb;font-size:13px;list-style:none;}
@media (max-width:768px){.xiaohua-rec-grid{grid-template-columns:minmax(0,1fr);}}

/* 夜间模式 */
.dark-mode .xiaohua-subnav-item,.dark-mode .xiaohua-toolbar-sort a,.dark-mode .xiaohua-pn-ico{background:#242424;color:#bbb;}
.dark-mode .xiaohua-toolbar-sort a,.dark-mode .xiaohua-pn-item{border-color:#3a3a3a;}
.dark-mode .xiaohua-toolbar-sort a.active,.dark-mode .xiaohua-toolbar-sort a:hover{background:#2f2118;color:var(--chengb,#ff7200);}