/* ===== 内容页专属样式 =====
   注：.breadcrumb / .breadcrumb-wrapper / .breadcrumb-search /
   .content-grid / .left-column / .right-column 基础定义已在 main.min.css */

/* 面包屑搜索 */
.breadcrumb-search-input{padding:6px 12px;border:1px solid #ddd;border-radius:4px 0 0 4px;font-size:13px;width:180px;outline:none;}
.breadcrumb-search-input:focus{border-color:#3498db;}
.breadcrumb-search-btn{position:relative;padding:6px 12px;background:#3498db;border:1px solid #3498db;border-left:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;}
.breadcrumb-search-btn:hover{background:#2980b9;}
.breadcrumb-search-btn::before{content:"";display:block;width:12px;height:12px;border:2px solid #fff;border-radius:50%;}
.breadcrumb-search-btn::after{content:"";position:absolute;width:6px;height:2px;background:#fff;transform:rotate(45deg);bottom:5px;right:6px;}

/* 详情头部 */
.detail-header{background:#fff;border:1px solid #ddd;padding:20px;margin-bottom:20px;}
.detail-title{font-size:20px;color:#2c3e50;margin-bottom:12px;line-height:1.4;}
.detail-meta{display:flex;flex-wrap:wrap;gap:20px;color:#666;font-size:13px;margin-bottom:12px;}
.detail-meta span{display:flex;align-items:center;gap:5px;}
.detail-meta i{color:#3498db;}
.detail-tags{display:flex;gap:8px;flex-wrap:wrap;}
.detail-tag{padding:3px 10px;font-size:12px;background:#3498db;color:#fff;border-radius:3px;text-decoration:none;display:inline-block;}
.detail-tag:hover{opacity:0.9;color:#fff;text-decoration:none;}
.detail-tag.green{background:#27ae60;}
.detail-tag.orange{background:#e67e22;}

/* 双列布局 */
.content-grid{grid-template-columns:1fr 320px;}

/* 预览区域 */
.preview-section-content{padding:0;}
.preview-main{height:400px;display:flex;align-items:center;justify-content:center;position:relative;}
.preview-main img{width:100%;height:100%;object-fit:contain;}
.preview-thumbs{display:flex;gap:10px;padding:15px;background:#ecf0f1;border-top:1px solid #ddd;}
.preview-thumb-item{width:70px;height:50px;background:#fff;border-radius:4px;cursor:pointer;border:2px solid transparent;transition:all 0.2s;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.preview-thumb-item:hover,.preview-thumb-item.active{border-color:#3498db;}
.preview-thumb-item img{width:100%;height:100%;object-fit:cover;}

/* 下载卡片 */
.download-box{text-align:center;margin-bottom:15px;}
.download-btn{display:block;width:100%;padding:14px;background:#3498db;color:#fff;border-radius:4px;font-size:16px;font-weight:500;transition:background 0.2s;text-align:center;}
.download-btn:hover{background:#2980b9;text-decoration:none;}
.download-btn i{margin-right:8px;}
.download-info{margin-top:12px;font-size:12px;color:#7f8c8d;}
.download-info i{margin-right:4px;color:#3498db;}
.download-btn-sm{display:inline-block;width:auto;padding:8px 18px;font-size:13px;}

/* 参数列表 */
.param-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.param-item{display:flex;flex-direction:column;gap:2px;}
.param-label{font-size:11px;color:#999;}
.param-value{font-size:13px;color:#333;font-weight:500;}

/* 资源描述 */
.desc-content{font-size:14px;color:#555;line-height:1.8;}
.desc-content p{margin-bottom:12px;}
.desc-content strong{color:#2c3e50;}

/* 使用提示 */
.usage-tip{margin-top:15px;padding:12px 16px;background:#fff8e1;border-left:4px solid #ff9800;font-size:13px;color:#795548;line-height:1.6;border-radius:0 4px 4px 0;}
.usage-tip a{color:#ff5722;}

/* 上一篇 / 下一篇 */
.prev-next-section-content{padding:12px 20px;}
.prev-next-nav{display:flex;justify-content:space-between;font-size:13px;}

/* 相关推荐 */
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;}
.related-card{border:1px solid #e0e0e0;border-radius:4px;overflow:hidden;transition:all 0.2s;display:block;}
.related-card:hover{border-color:#3498db;box-shadow:0 4px 12px rgba(0,0,0,0.1);text-decoration:none;}
.related-thumb{height:90px;display:flex;align-items:center;justify-content:center;background:#ecf0f1;overflow:hidden;position:relative;}
.related-thumb::after{content:'\f15b';font-family:'Font Awesome 5 Free';font-weight:900;font-size:36px;color:#bdc3c7;position:absolute;}
.related-thumb img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;}
.related-content{padding:12px;}
.related-name{font-size:12px;color:#333;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;}
.related-meta{font-size:11px;color:#999;}

/* 发布者信息 */
.uploader-row{display:flex;align-items:center;gap:12px;margin-bottom:0;}
.uploader-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;position:relative;}
.uploader-avatar img{width:100%;height:100%;object-fit:cover;}
.uploader-info{flex:1;min-width:0;}
.uploader-name{font-size:14px;font-weight:500;color:#2c3e50;margin-bottom:3px;}
.uploader-send-msg{font-size:12px;color:#3498db;text-decoration:none;}
.uploader-send-msg:hover{color:#2980b9;}
.uploader-divider{border:none;border-top:1px solid #eee;margin:14px 0 10px 0;}

/* 发送消息表单 */
.send-msg-form{margin-bottom:12px;padding:12px;background:#f9f9f9;border-radius:4px;border:1px solid #e0e0e0;}
.send-msg-form-title{font-size:13px;font-weight:500;color:#333;margin-bottom:8px;}
.send-msg-input{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:3px;font-size:13px;margin-bottom:8px;outline:none;box-sizing:border-box;}
.send-msg-input:focus{border-color:#3498db;}
.send-msg-textarea{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:3px;font-size:13px;margin-bottom:8px;outline:none;resize:vertical;box-sizing:border-box;font-family:inherit;}
.send-msg-textarea:focus{border-color:#3498db;}
.send-msg-btns{display:flex;gap:8px;justify-content:flex-end;}
.send-msg-btn{padding:6px 16px;border:none;border-radius:3px;font-size:13px;cursor:pointer;}
.send-msg-submit{background:#3498db;color:#fff;}
.send-msg-submit:hover{background:#2980b9;}
.send-msg-submit:disabled{background:#95c8ed;cursor:not-allowed;}
.send-msg-cancel{background:#ecf0f1;color:#666;}
.send-msg-cancel:hover{background:#ddd;}
.send-msg-feedback{padding:8px 10px;border-radius:3px;font-size:12px;margin-bottom:8px;}
.send-msg-feedback.success{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9;}
.send-msg-feedback.error{background:#fbe9e7;color:#c62828;border:1px solid #ffccbc;}

/* 响应式 */
@media(max-width:1024px){
  .content-grid{grid-template-columns:1fr;}
  .related-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
  .related-grid{grid-template-columns:1fr;}
  .param-list{grid-template-columns:1fr;}
  .breadcrumb-search{display:none;}
}