/*
 * laolicms 网站综合管理系统 v1.0.0
 * 作者：丿king　　联系 QQ：1735737677
 * 本文件作用：网络电台频道三套版式（频道首页 / 列表页 / 内页）专用样式，旧站 diantai.php、diantai_lb.php、diantai_xq.php
 *            页内样式的整理版；公告滚动条沿用 laoli.css 的 notice-board / notice-marquee / notice-item 那一套
 * 变量：无（纯样式）
 * 文件路径：application/template/laoli/public/pc/css/sub_diantai.css
 */

/* 频道首页整体间距 */
.diantai-home>.sub-group,.diantai-home>.sub-three-wrap,.diantai-home>.wbsy-cate-filter,.diantai-home>.tool-search-container,.diantai-home>.dhlb_breadcrumb,.diantai-home>.diantai-notice{margin-bottom:15px;}

/* 公告条：外壳用 laoli.css 的 .notice-board，这里只调图标与文字颜色 */
.diantai-notice .notice-icon{color:var(--chengb,#ff7200);font-size:16px;margin-right:12px;flex-shrink:0;}
.diantai-notice .notice-item{color:var(--text-color,#444);}
.diantai-notice .notice-item .dot{background:var(--chengb,#ff7200);}

/* 电台小卡网格：flex 排版，一屏 6 列，逐段降级 6 → 4 → 3 → 2 */
.diantai-list{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;}
.diantai-list>li{width:calc(16.666% - 10px);}
.diantai-empty{width:100%;padding:24px;text-align:center;color:#aaa;font-size:14px;}
@media (max-width:1200px){.diantai-list>li{width:calc(25% - 9px);}}
@media (max-width:992px){.diantai-list>li{width:calc(33.333% - 8px);}}
@media (max-width:576px){.diantai-list>li{width:calc(50% - 6px);}}

.diantai-radio-card{display:block;padding:12px;border:1px solid #f0f0f0;border-radius:10px;background:var(--bg-color,#fff);text-decoration:none;text-align:center;transition:box-shadow .25s,border-color .25s,transform .25s;}
.diantai-radio-card:hover{border-color:var(--chengb,#ff7200);box-shadow:0 6px 18px rgba(0,0,0,.08);transform:translateY(-2px);}
.diantai-radio-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px;background:rgba(128,128,128,.1);margin-bottom:8px;}
.diantai-radio-card-name{display:flex;align-items:center;justify-content:center;gap:5px;font-size:13px;color:var(--text-color,#333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.diantai-radio-card-name i{color:var(--chengb,#ff7200);}
.diantai-radio-card:hover .diantai-radio-card-name{color:var(--chengb,#ff7200);}
.diantai-radio-card-cate{margin-top:3px;font-size:11px;color:#bbb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.diantai-radio-card-view{margin-top:3px;font-size:11px;color:var(--sub-text-color,#999);}

/* 列表页工具条 */
.diantai-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);}
.diantai-toolbar-title{font-size:16px;font-weight:600;color:var(--text-color,#333);}
.diantai-toolbar-title i{color:var(--chengb,#ff7200);}
.diantai-toolbar-count{margin-left:8px;font-size:12px;font-weight:400;color:#999;}
.diantai-toolbar-sort{display:flex;flex-wrap:wrap;gap:6px;}
.diantai-toolbar-sort a{padding:5px 12px;border:1px solid #eee;border-radius:4px;font-size:13px;color:#666;text-decoration:none;}
.diantai-toolbar-sort a.active,.diantai-toolbar-sort a:hover{border-color:var(--chengb,#ff7200);color:var(--chengb,#ff7200);background:#fff8f2;}
@media (max-width:576px){.diantai-toolbar{padding:10px 12px;}.diantai-toolbar-title{font-size:15px;}}

/* 内页：电台信息卡 */
.diantai-info{display:flex;gap:20px;align-items:flex-start;background:var(--bg-color,#fff);border-radius:8px;padding:20px;margin-bottom:15px;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.diantai-info-logo{flex:none;width:120px;height:120px;border-radius:12px;object-fit:cover;background:rgba(128,128,128,.1);}
.diantai-info-main{flex:1 1 auto;min-width:0;}
.diantai-info-name{margin:0 0 10px;font-size:22px;color:var(--text-color,#222);}
.diantai-info-cate{display:inline-block;vertical-align:middle;margin-left:8px;padding:3px 10px;border-radius:12px;background:#fff2e8;color:var(--chengb,#ff7200);font-size:12px;font-weight:400;text-decoration:none;}
.diantai-stats{display:flex;flex-wrap:wrap;gap:12px 24px;margin:0 0 12px;padding:0;list-style:none;}
.diantai-stats li{font-size:13px;color:var(--sub-text-color,#999);}
.diantai-stats li b{display:block;margin-top:2px;font-size:16px;font-weight:600;color:var(--text-color,#333);}
.diantai-stats li a{color:var(--chengb,#ff7200);text-decoration:none;}
.diantai-info-op{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.diantai-info-op .collect-btn{display:inline-flex;align-items:center;gap:6px;text-decoration:none;}
@media (max-width:900px){.diantai-info{flex-wrap:wrap;}.diantai-info-logo{width:96px;height:96px;}}

/* 内页：在线收听区（全部原生 audio / video，不引任何外部播放器） */
.diantai-player{background:var(--bg-color,#fff);border-radius:12px;padding:20px;margin-bottom:15px;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.diantai-player-title{margin:0 0 14px;font-size:16px;font-weight:600;color:var(--text-color,#333);}
.diantai-player-title i{color:var(--chengb,#ff7200);margin-right:4px;}
.diantai-player audio,.diantai-player video{display:block;width:100%;border-radius:8px;background:#111;}
.diantai-player audio{background:#fafbfc;}
.diantai-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;}
.diantai-col{padding:14px;background:#fafbfc;border:1px solid #f0f0f0;border-radius:8px;text-align:center;}
.diantai-col span{display:block;font-size:12px;color:#999;margin-bottom:6px;}
.diantai-col b{font-size:14px;font-weight:500;color:var(--text-color,#333);word-break:break-all;}
.diantai-col a{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:20px;background:var(--chengb,#ff7200);color:#fff;font-size:13px;text-decoration:none;}
.diantai-col a:hover{background:#e56700;color:#fff;}
@media (max-width:768px){.diantai-cols{grid-template-columns:minmax(0,1fr);}}
.diantai-warn{padding:22px;text-align:center;background:#fff8f2;border:1px dashed #ffd7b0;border-radius:8px;}
.diantai-warn p{margin:0 0 12px;font-size:14px;color:#b26a2d;}
.diantai-warn i{margin-right:6px;}
.diantai-warn a{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:20px;background:var(--chengb,#ff7200);color:#fff;font-size:14px;text-decoration:none;}
.diantai-warn a:hover{background:#e56700;color:#fff;}
.diantai-none{padding:26px;text-align:center;font-size:14px;color:#aaa;background:#fafbfc;border-radius:8px;}

/* 内页：电台介绍 / 温馨提示 */
.diantai-intro{background:var(--bg-color,#fff);border-radius:8px;padding:18px 20px;margin-bottom:15px;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.diantai-intro h3{margin:0 0 10px;padding-bottom:8px;border-bottom:2px solid var(--chengb,#ff7200);font-size:16px;display:inline-block;color:var(--text-color,#333);}
.diantai-intro p{margin:0;font-size:14px;line-height:1.9;color:var(--sub-text-color,#555);}
.diantai-tips{background:#fafbfc;border:1px dashed #e6e6e6;border-radius:8px;padding:14px 18px;margin-bottom:15px;}
.diantai-tips h4{margin:0 0 8px;font-size:14px;color:var(--text-color,#333);}
.diantai-tips p{margin:0 0 4px;font-size:13px;line-height:1.8;color:var(--sub-text-color,#666);}
.diantai-tips p:last-child{margin-bottom:0;}

/* 内页：上下篇 */
.diantai-prevnext{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;background:var(--bg-color,#fff);border-radius:8px;padding:15px 18px;margin-bottom:15px;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.diantai-prevnext a{flex:1 1 45%;padding:10px 12px;border:1px solid #f0f0f0;border-radius:6px;font-size:14px;color:var(--text-color,#444);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.diantai-prevnext a:hover{border-color:var(--chengb,#ff7200);color:var(--chengb,#ff7200);}
.diantai-prevnext span{flex:1 1 45%;padding:10px 12px;border:1px dashed #eee;border-radius:6px;font-size:14px;color:#bbb;}
@media (max-width:576px){.diantai-prevnext a,.diantai-prevnext span{flex:1 1 100%;}}