.detail-main{flex:1;padding:32px 24px}.detail-layout{display:flex;gap:32px;max-width:1400px;margin:0 auto;align-items:flex-start}.detail-container{flex:1;min-width:0}.detail-sidebar{flex-shrink:0;width:280px;align-self:stretch}.detail-sidebar .hot-articles{margin-top:48px;position:sticky;top:72px;max-height:calc(100vh - 88px);overflow-y:auto}.news-article{background:var(--color-white);border-radius:8px;padding:40px;box-shadow:0 1px 3px rgba(0,0,0,8%)}.news-article .loading{text-align:center;padding:48px;color:var(--color-text-muted)}.article-title{font-size:1.75rem;font-weight:700;line-height:1.3;margin-bottom:20px;color:var(--color-text)}.article-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:.9rem;color:var(--color-text-muted);margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--color-border)}.article-meta span{display:inline-flex;align-items:center;gap:4px}.article-cover{margin-bottom:24px;border-radius:8px;overflow:hidden}.article-cover img{width:100%;height:auto;display:block}.article-content{font-size:1rem;line-height:1.8;color:var(--color-text)}.article-content p{margin-bottom:16px}.article-content img{max-width:100%;height:auto;border-radius:6px;margin:16px 0}.article-source-link{margin-top:32px;padding-top:20px;border-top:1px solid var(--color-border);text-align:center}.article-source-link a{display:inline-block;padding:10px 32px;font-size:.95rem;color:var(--color-primary);text-decoration:none;border:1px solid var(--color-primary);border-radius:24px;transition:all .2s}.article-source-link a:hover{color:#fff;background:var(--color-primary)}@media(max-width:900px){.detail-layout{flex-direction:column}.detail-sidebar{display:none}}