.article-page{padding:28px 0}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}.article-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px}.article-skeleton{min-height:580px}.article-breadcrumb{font-size:12px;color:var(--muted);margin-bottom:10px}.article-title{font-size:34px;line-height:1.5;margin:8px 0 12px}.article-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line);padding-bottom:15px}.article-image{margin:20px 0;border-radius:18px;overflow:hidden;background:#e9eef2}.article-image img{width:100%;max-height:560px;object-fit:cover}.article-summary{font-size:18px;font-weight:700;color:#344454;background:#f5f8fa;border-right:4px solid var(--red);padding:14px;border-radius:12px;margin:18px 0}.article-content{font-size:18px;line-height:2}.article-content p{margin:0 0 16px}.source-box{margin-top:24px;padding:14px;border:1px solid var(--line);background:#f8fafb;border-radius:14px;font-size:13px}.source-box a{color:var(--red);font-weight:800}.side-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}.side-card__head h3{margin:0 0 8px}.rank-item{padding:10px 0;border-bottom:1px solid var(--line)}.rank-item:last-child{border:0}.rank-item a{font-size:13px;font-weight:800}.rank-item small{display:block;color:var(--muted);font-size:10px}
@media(max-width:900px){.article-layout{grid-template-columns:1fr}.article-title{font-size:28px}}
@media(max-width:560px){.article-page{padding:12px 0}.article-card{padding:16px;border-radius:16px}.article-title{font-size:23px}.article-content{font-size:16px}}

.share-bar{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.share-bar strong{font-size:14px}
.share-actions{display:flex;gap:8px;flex-wrap:wrap}
.share-actions a,.share-actions button{border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:10px;padding:8px 11px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.share-actions a:hover,.share-actions button:hover{background:#eef3f7}