.page-banner[data-v-3b5e324f]{width:100%;height:329.8px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;display:flex;align-items:center;justify-content:center}.page-banner[data-v-3b5e324f]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:none;z-index:1}@media (max-width: 768px){.page-banner[data-v-3b5e324f]{height:auto;min-height:220px;aspect-ratio:16 / 7;background-size:contain;background-position:center;background-repeat:no-repeat}}.detail-wrap[data-v-3b5e324f]{display:grid;grid-template-columns:1fr 280px;gap:32px;padding-top:36px;padding-bottom:60px}.article-meta[data-v-3b5e324f]{display:flex;align-items:center;gap:12px;margin-bottom:14px}.article-date[data-v-3b5e324f]{font-size:13px;color:#aaa}.article-title[data-v-3b5e324f]{font-size:24px;font-weight:700;color:var(--color-text);margin-bottom:20px;line-height:1.5}.article-cover[data-v-3b5e324f]{border-radius:8px;overflow:hidden;margin-bottom:28px;max-height:340px}.article-cover img[data-v-3b5e324f]{width:100%;height:100%;object-fit:cover}.article-content[data-v-3b5e324f]{font-size:15px;line-height:1.9;color:#444;white-space:pre-wrap;word-break:break-word}.article-content[data-v-3b5e324f] p{margin-bottom:16px}.article-content[data-v-3b5e324f] h2,.article-content[data-v-3b5e324f] h3{font-size:17px;font-weight:700;color:var(--color-primary);margin:24px 0 10px}.article-footer[data-v-3b5e324f]{margin-top:36px;padding-top:20px;border-top:1px solid var(--color-border)}.sidebar-card[data-v-3b5e324f]{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.sidebar-card-title[data-v-3b5e324f]{background:var(--color-primary);color:#fff;padding:12px 18px;font-size:14px;font-weight:600}.recent-list[data-v-3b5e324f]{list-style:none}.recent-list li[data-v-3b5e324f]{padding:12px 16px;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:10px;align-items:flex-start;transition:background .15s}.recent-list li[data-v-3b5e324f]:last-child{border-bottom:none}.recent-list li[data-v-3b5e324f]:hover{background:#f5f7fa}.rn-img[data-v-3b5e324f]{width:56px;height:40px;object-fit:cover;border-radius:4px;flex-shrink:0}.rn-title[data-v-3b5e324f]{display:block;font-size:12.5px;color:var(--color-text);margin-bottom:4px;line-height:1.4}.rn-date[data-v-3b5e324f]{font-size:11px;color:#aaa}@media (max-width: 768px){.detail-wrap[data-v-3b5e324f]{grid-template-columns:1fr}}