.detail{background-color: #fff; padding:20px; max-width:1150px; width:100%; margin:80px auto 30px; border-radius:4px; -webkit-box-shadow: 0 2px 6px rgba(26,26,26,.08); box-shadow: 0 2px 6px rgba(26,26,26,.08); box-sizing: border-box;}
.detail-title{font-size: 28px; color: #333; font-weight: 400; word-break: break-all; line-height: 1.3;}
.detial-ops{line-height: 30px; color:#999; font-size: 12px; padding: 12px 0;}
.detial-ops span{margin-right: 20px;}
.detial-ops a{margin-right:10px;}
.detial-content{padding: 16px 0; color:#333; word-break: break-all; border-top:1px solid #f2f2f2;font-size: 16px!important; line-height: 1.72!important;}
.detial-content li,.detial-content p{padding: 8px 0;word-break: break-all;}
.detial-content img{max-width:98%!important; height:auto; margin:0 auto; display:block; border: 1px solid #e6e6e6; -webkit-box-shadow: 0 2px 6px rgba(26,26,26,.08); box-shadow: 0 2px 6px rgba(26,26,26,.08); border-radius: 4px;}
.detial-content .gougu-video{width: 100%!important; max-width:640px!important; height:auto!important; aspect-ratio: 16/10; margin:10px auto!important; border: 12px solid #F7F7F7; border-radius: 6px;}
.detial-content h1,.detial-content h2,.detial-content h3,.detial-content h4,.detial-content h5{margin-top:10px;}
.detial-content a{color:#186AF2; font-style:italic;}
.detial-content a:hover{text-decoration:underline;}

.detial-content p code,.detial-content pre{margin:0 3px;font-size: 14px; font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; background: #f6f6f6; padding: 10px; border-radius: 2px;}
.detial-content p code{border: 1px solid #eee;padding: 2px 4px;}

.detial-content table {border-collapse: collapse; border-spacing: 0; display: block; width: 100%; overflow: auto;  word-break: normal;word-break: keep-all; margin-top: 0;margin-bottom: 16px;}
.detial-content table tr {background-color: #fff;border-top: 1px solid #ccc;}
.detial-content table tr:nth-child(2n) {background-color: #f8f8f8;}
.detial-content table td, .detial-content table th { padding: 6px 12px;border: 1px solid #ddd; font-size:14px; }
.detial-content table th {font-weight: 800;}
.detial-content li {list-style: initial;margin-left: 20px;}

/* 响应式设计 */
@media (max-width: 768px) {
    .detail{padding:15px; margin:60px auto 20px;}
    .detail-title{font-size: 22px;}
    .detial-ops{font-size: 11px;}
    .detial-content{font-size: 14px!important; line-height: 1.6!important;}
    .detial-ops span{margin-right: 12px;}
}

@media (max-width: 480px) {
    .detail{padding:12px; margin:40px auto 15px;}
    .detail-title{font-size: 20px;}
    .detial-content{font-size: 13px!important;}
}