.article-layout{grid-template-columns:1fr 320px;align-items:start;gap:56px;display:grid}@media (max-width:1023px){.article-layout{grid-template-columns:1fr}}.article-header{margin-bottom:40px}.article-title{color:var(--text-dark);margin-bottom:20px;font-size:clamp(24px,3.5vw,38px);font-weight:800;line-height:1.3}.article-meta{border-bottom:1px solid var(--divider);color:var(--text-light);flex-wrap:wrap;align-items:center;gap:16px;padding-bottom:24px;font-size:13px;display:flex}.article-meta .tag{font-size:12px}.article-hero-img{border-radius:16px;height:480px;margin-bottom:40px;overflow:hidden}.article-hero-img img{object-fit:cover;width:100%;height:100%}.article-body{color:#374151;font-size:16px;line-height:1.95}.article-body p{margin-bottom:24px}.article-body h2{color:var(--text-dark);border-left:4px solid var(--brand-purple);margin:40px 0 16px;padding-left:16px;font-size:22px;font-weight:800}.article-body h3{color:var(--text-dark);margin:32px 0 12px;font-size:18px;font-weight:700}.article-body blockquote{border-left:4px solid var(--brand-purple);color:var(--brand-deep);background:linear-gradient(135deg,#5b2c870f,#7c4dff0a);border-radius:0 12px 12px 0;margin:32px 0;padding:24px 28px;font-size:17px;font-style:italic;line-height:1.8}.article-body ul{margin-bottom:24px;padding-left:0;list-style:none}.article-body ul li{border-bottom:1px solid #e2e0ea80;padding:8px 0 8px 24px;font-size:15px;position:relative}.article-body ul li:last-child{border-bottom:none}.article-body ul li:before{content:"";background:var(--brand-light);border-radius:50%;width:8px;height:8px;position:absolute;top:17px;left:0}.article-body .data-highlight{background:linear-gradient(135deg,#1a1f5e,#5b2c87);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0;padding:32px;display:grid}.article-body .data-highlight .dh-item{text-align:center}.article-body .data-highlight .dh-num{color:#fcd34d;font-family:Roboto Mono,monospace;font-size:32px;font-weight:700;line-height:1}.article-body .data-highlight .dh-label{color:#ffffffa6;margin-top:6px;font-size:12px}.article-body img{border-radius:12px;max-width:100%;height:auto}.article-share{border-top:1px solid var(--divider);flex-wrap:wrap;align-items:center;gap:12px;margin-top:48px;padding-top:32px;display:flex}.article-share span{color:var(--text-dark);font-size:14px;font-weight:600}.share-btn{cursor:pointer;border:1.5px solid var(--divider);color:var(--text-dark);background:#fff;border-radius:6px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.share-btn:hover{border-color:var(--brand-purple);color:var(--brand-purple)}.sidebar-card{background:var(--bg-soft);border-radius:16px;margin-bottom:24px;padding:28px}.sidebar-card h4{border-bottom:1px solid var(--divider);margin-bottom:20px;padding-bottom:12px;font-size:15px;font-weight:700}.related-news-item{cursor:pointer;border-bottom:1px solid #e2e0ea80;gap:12px;padding:12px 0;transition:all .2s;display:flex}.related-news-item:last-child{border-bottom:none}.related-news-item:hover .rn-title{color:var(--brand-purple)}.rn-img{border-radius:8px;flex-shrink:0;width:72px;height:56px;overflow:hidden}.rn-img img{object-fit:cover;width:100%;height:100%}.rn-title{color:var(--text-dark);margin-bottom:4px;font-size:13px;font-weight:600;line-height:1.5}.rn-title a{color:inherit;text-decoration:none}.related-news-item:hover .rn-title a{color:var(--brand-purple)}.rn-date{color:var(--text-light);font-size:12px}.tag-cloud{flex-wrap:wrap;gap:8px;display:flex}.tag-cloud .tag{cursor:pointer}.tag-cloud .tag:hover{background:var(--brand-purple);color:#fff}.article-nav{grid-template-columns:1fr 1fr;gap:20px;margin-top:48px;display:grid}@media (max-width:640px){.article-nav{grid-template-columns:1fr}.article-hero-img{height:auto}}.article-nav-item{border:1px solid var(--divider);cursor:pointer;border-radius:12px;padding:20px;text-decoration:none;transition:all .2s;display:block}.article-nav-item:hover{border-color:var(--brand-purple);background:#5b2c870a}.article-nav-label{color:var(--text-light);margin-bottom:6px;font-size:12px}.article-nav-title{color:var(--text-dark);font-size:14px;font-weight:600;line-height:1.5}.article-nav-item.next{text-align:left}