.story-detail-container[data-v-24cbe9cb]{background:#f7f9f8;min-height:100vh;padding-bottom:100px}.empty-wrap[data-v-24cbe9cb],.loading-wrap[data-v-24cbe9cb]{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.detail-header[data-v-24cbe9cb]{background:#fff;border-bottom:1px solid #f0f0f0;padding:60px 0 50px}.detail-header .detail-inner[data-v-24cbe9cb]{margin:0 auto;max-width:1460px;padding:0 40px}.detail-header .detail-title[data-v-24cbe9cb]{color:#333;font-size:36px;font-weight:700;line-height:1.5;margin-bottom:20px}.detail-header .detail-intro[data-v-24cbe9cb]{color:#666;font-size:18px;line-height:1.8;margin-bottom:24px}.detail-header .detail-meta[data-v-24cbe9cb]{color:#999;display:flex;font-size:14px;gap:24px}.detail-header .detail-meta .meta-views[data-v-24cbe9cb]:before{content:"|";margin-right:24px}.detail-body[data-v-24cbe9cb]{background:#fff;border-radius:12px;box-shadow:0 4px 12px #e4e4e466;margin:24px auto 0;max-width:1460px;padding:50px 40px}.detail-body[data-v-24cbe9cb] .detail-content{color:#444;font-size:16px;line-height:2}.detail-body[data-v-24cbe9cb] .detail-content p{margin-bottom:14px}.detail-body[data-v-24cbe9cb] .detail-content img{border-radius:8px;max-width:100%}.detail-body[data-v-24cbe9cb] .detail-content strong{color:#333}.related-wrap[data-v-24cbe9cb]{margin:24px auto 0;max-width:1460px;padding:0 40px}.related-wrap .related-inner[data-v-24cbe9cb]{background:#fff;border-radius:12px;box-shadow:0 4px 12px #e4e4e466;padding:36px 40px}.related-wrap .related-title[data-v-24cbe9cb]{border-bottom:2px solid #1eafa2;color:#333;font-size:24px;font-weight:700;margin-bottom:28px;padding-bottom:20px}.related-wrap .related-list[data-v-24cbe9cb]{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.related-wrap .related-item[data-v-24cbe9cb]{border-radius:8px;box-shadow:0 2px 8px #00000014;cursor:pointer;overflow:hidden;transition:transform .2s,box-shadow .2s}.related-wrap .related-item[data-v-24cbe9cb]:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-3px)}.related-wrap .related-item .related-img[data-v-24cbe9cb]{height:160px;-o-object-fit:cover;object-fit:cover;width:100%}.related-wrap .related-item .related-name[data-v-24cbe9cb]{color:#333;display:-webkit-box;font-size:14px;-webkit-line-clamp:2;line-height:1.5;padding:12px 14px;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:1460px){.detail-body[data-v-24cbe9cb],.related-wrap[data-v-24cbe9cb]{margin-left:40px;margin-right:40px}}@media(max-width:900px){.related-list[data-v-24cbe9cb]{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:768px){.story-detail-container[data-v-24cbe9cb]{padding-top:60px}.story-detail-container .detail-header[data-v-24cbe9cb]{padding:24px 16px!important}.story-detail-container .detail-header .detail-inner[data-v-24cbe9cb]{padding:0!important;width:100%!important}.story-detail-container .detail-header .detail-title[data-v-24cbe9cb]{font-size:22px!important}.story-detail-container .detail-header .detail-intro[data-v-24cbe9cb]{font-size:14px!important}.story-detail-container .detail-body[data-v-24cbe9cb]{padding:16px!important;width:100%!important}.story-detail-container .detail-content[data-v-24cbe9cb]{flex-direction:column!important}.story-detail-container .detail-content .content-main[data-v-24cbe9cb],.story-detail-container .detail-content .content-side[data-v-24cbe9cb]{width:100%!important}}