/* detail.css — 详情页通用样式 v1 */
body {
    background: #F7F7F7;
}

/* 文章内容富文本 */
.cont *{margin:0;padding:0;box-sizing:border-box;}
.cont{max-width:100%;overflow-x:auto;word-wrap:break-word;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#333;line-height:1.8;}
.cont .container{max-width:800px;margin:0 auto;background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.cont h1{font-size:24px;color:#c0392b;text-align:center;margin-bottom:10px;}
.cont .meta{text-align:center;color:#999;font-size:14px;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #eee;}
.cont h2{font-size:20px;color:#c0392b;margin:25px 0 15px;padding-left:10px;border-left:4px solid #c0392b;}
.cont h3{font-size:16px;color:#555;margin:15px 0 8px;}
.cont p{margin:8px 0;}
.cont table{width:100%;border-collapse:collapse;margin:15px 0;}
.cont th,.cont td{border:1px solid #ddd;padding:8px 12px;text-align:center;font-size:14px;}
.cont th{background:#c0392b;color:#fff;}
.cont .notice{background:#fff3cd;padding:12px;border-left:4px solid #ffc107;margin:15px 0;border-radius:4px;}
.cont .tip-box{background:#e8f5e9;padding:12px;border-left:4px solid #4caf50;margin:15px 0;border-radius:4px;}
.cont .footer{text-align:right;margin-top:30px;color:#999;font-size:14px;}
.cont ul,.cont ol{margin:8px 0 8px 25px;}
.cont li{margin:4px 0;}
.cont strong{color:#333;}
.cont a{color:#c0392b;text-decoration:none;}
.cont a:hover{text-decoration:underline;}

/* === 相关视频推荐：横向 3 列 / 留间隔 / 限容器宽 / 无标题 === */
.recommend-videos{margin:20px 0;clear:both;}
.recommend-videos .rv-title-h{font-size:18px;margin:0 0 12px;color:#333;font-weight:600;line-height:1.4;}
.recommend-videos .rv-list{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:0;padding:0;}
.recommend-videos .rv-item{flex:0 0 calc((100% - 24px) / 3);max-width:calc((100% - 24px) / 3);margin:0;padding:0;box-sizing:border-box;}
.recommend-videos .rv-link{display:block;width:100%;text-decoration:none;}
.recommend-videos .rv-cover{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:6px;border:0;}

@media (max-width:768px){
 .recommend-videos .rv-item{flex:0 0 calc((100% - 12px) / 2);max-width:calc((100% - 12px) / 2);}
 .recommend-videos .rv-list{gap:10px;}
}


/* 评论样式 */
.comment-section { margin: 30px auto; padding: 20px 0; border-top: 1px solid #eee; max-width: 100%; }
.comment-item { padding: 15px 0; border-bottom: 1px solid #f0f0f0; }
.comment-item:last-child { border-bottom: none; }
.comment-item-header { margin-bottom: 8px; }
.comment-item-name { font-weight: bold; color: #333; font-size: 14px; margin-right: 10px; }
.comment-item-time { color: #999; font-size: 12px; }
.comment-item-content { color: #555; font-size: 14px; line-height: 1.6; word-break: break-all; }
.comment-item-reply { margin-top: 8px; }
.comment-item-reply a { color: #387FF2; font-size: 12px; cursor: pointer; text-decoration: none; }
.comment-replies { margin-left: 40px; padding-left: 15px; border-left: 2px solid #f0f0f0; }
.comment-reply-form { margin: 10px 0; display: none; }
.comment-reply-form textarea { width: 100%; min-height: 50px; padding: 8px 10px; border: 1px solid #ddd; border-radius: 4px; font-size: 13px; resize: vertical; box-sizing: border-box; }
.comment-reply-form button { margin-top: 5px; padding: 5px 16px; background: #387FF2; color: #fff; border: none; border-radius: 3px; font-size: 12px; cursor: pointer; }
.comment-form-row { margin-bottom: 10px; }
@media (max-width: 768px) { .comment-replies { margin-left: 20px; } }

/* 关注弹窗 */
body{overflow-x:hidden;}
.gz-cover{width:100%;height:100%;background:rgba(0,0,0,0.5);display:none;position:fixed;left:0;top:0;z-index:1001}
.gztc-box{width:360px;background:white;border-radius:8px;overflow:hidden;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.gztc-top{width:100%;height:35px;text-align:center;line-height:35px;background:#387FF2;color:#FFF;text-align:center;font-family:Noto Sans JP;font-size:22px;font-style:normal;font-weight:600;position:relative}
.gztc-top img{width:20px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}
.gztc-cen{width:100%;padding:35px 10px;text-align:center;color:#333;text-align:center;font-family:Noto Sans JP;font-size:16px;font-style:normal;font-weight:500}