.article-detail-page{max-width:77.5rem;margin:0 auto;padding:34px 0 76px}.article-detail-shell{display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:46px;align-items:start}.article-detail-shell.has-no-sidebar{grid-template-columns:minmax(0,920px);justify-content:center}.article-main,.article-sidebar{display:grid}.article-main{grid-column:1;gap:28px}.article-detail-shell.has-no-sidebar .article-main{grid-column:1}.article-sidebar{grid-column:2;grid-row:1}.article-mobile-toc{display:none}.article-sidebar{gap:18px;position:sticky;top:92px;padding-right:6px}.article-content-card,.article-hero-card,.article-side-card{background:#fff;overflow:hidden}.article-content-card,.article-hero-card{border:0;border-radius:0;box-shadow:none}.article-side-card{border:1px solid #e5edf6;border-radius:0;box-shadow:0 12px 28px rgba(19,37,64,.05)}.article-hero-copy{padding:0 0 24px}.article-hero-media{position:relative;margin:0;aspect-ratio:16/6.2;overflow:hidden;background:linear-gradient(135deg,rgba(2,42,153,.08),rgba(255,255,0,.12)),#eef4fb}.article-hero-media:after{content:none}.article-hero-media img{display:block;width:100%;height:100%;object-fit:contain}.article-hero-topline{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.article-type-pill{display:inline-flex;align-items:center;padding:7px 13px;border-radius:999px;background:var(--brand-accent);color:var(--brand-primary);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.article-hero-copy h1{max-width:920px;margin:18px 0 16px;color:#111827;font-size:clamp(32px,4.2vw,54px);line-height:1.02;font-weight:800;letter-spacing:0}.article-summary{max-width:820px;margin:0 0 20px;color:#4b5563;font-size:20px;line-height:1.65}.article-meta-row{justify-content:space-between;color:#60708a;font-size:14px}.article-meta-items,.article-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.article-meta-items{min-width:0}.article-meta-items span,.article-tag-chip{display:inline-flex;align-items:center;gap:8px}.article-reading-time{color:#4b5563;font-size:14px;line-height:1.5}.article-utility-row{margin-top:20px;padding:14px 16px;border:1px solid #e5edf6;border-left:3px solid var(--brand-primary);background:#f8fafc;display:flex;flex-wrap:wrap;align-items:center;gap:14px}.article-tags-row{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px 14px;min-width:0}.article-tags-row strong{min-height:30px;display:inline-flex;align-items:center;gap:7px;color:var(--brand-primary);font-size:12px;line-height:1;font-weight:900;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.article-tags-row strong svg{width:11px;height:11px}.article-tag-list{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.article-tag-chip{min-height:30px;padding:0 11px;border-radius:999px;border:1px solid #dbe3ee;background:#ffffff;color:#334155;font-size:12px;font-weight:800;line-height:1;text-decoration:none;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}.article-tag-chip:hover{border-color:var(--brand-primary);background:var(--brand-primary);color:#ffffff;transform:translateY(-1px)}.article-tag-chip svg{width:11px;height:11px}.article-share-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.article-share-label{color:#6b7280;font-size:12px;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:.06em}.article-share-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.article-share-copy-btn,.article-share-icon-btn{border:1px solid transparent;background:#f3f7fb;color:#334155;text-decoration:none;box-shadow:none;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.article-share-icon-btn{width:34px;justify-content:center}.article-share-copy-btn,.article-share-icon-btn{height:34px;border-radius:999px;display:inline-flex;align-items:center}.article-share-copy-btn{padding:0 11px;gap:7px;cursor:pointer;font:inherit;font-size:12px;font-weight:800}.article-share-copy-btn:hover,.article-share-icon-btn:hover{transform:translateY(-1px);border-color:var(--brand-accent);background:var(--brand-accent);color:var(--brand-primary)}.article-share-copy-btn.is-copied{color:#047857;border-color:#bbf7d0;background:#ecfdf5}.article-share-copy-btn svg,.article-share-icon-btn svg{width:14px;height:14px}.article-share-x-mark{font-size:13px;line-height:1;font-weight:800;letter-spacing:0}.article-author-card{margin-top:18px;display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;align-items:center;max-width:620px}.article-author-avatar{width:54px;height:54px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#111827;color:#fff;font-size:15px;font-weight:800;letter-spacing:0}.article-author-copy{display:grid;gap:4px;min-width:0}.article-author-name{color:#111827;font-size:16px;font-weight:800;line-height:1.2}.article-author-copy p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.article-content-card{padding:6px 0 40px}.article-content-body{color:#253044;font-size:16.5px;line-height:1.76;max-width:780px}.article-content-body h1,.article-content-body h2,.article-content-body h3,.article-content-body h4{color:#172033;margin:1.72em 0 .58em;line-height:1.34;font-weight:720;scroll-margin-top:110px}.article-content-body h2{padding-left:12px;border-left:3px solid var(--brand-primary);font-size:clamp(18px,1.25vw,21px);letter-spacing:0}.article-content-body h3{font-size:clamp(17px,1.08vw,19px)}.article-content-body h4{font-size:16px}.article-content-body>:first-child{margin-top:0}.article-content-body img{display:block;max-width:100%;height:auto;margin:24px auto;border-radius:16px}.article-content-body p{margin:0 0 1.02em}.article-content-body a{color:var(--brand-primary);font-weight:650;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.article-content-body strong{color:#111827;font-weight:720}.article-like-row{max-width:780px;margin-top:34px;padding-top:22px;border-top:1px solid #e5edf6;display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px}.article-like-button{min-height:42px;border:1px solid #d8e4f0;border-radius:0;background:#ffffff;color:#1d3458;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;cursor:pointer;font:inherit;font-size:14px;font-weight:800;line-height:1;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.article-like-button svg{width:14px;height:14px}.article-like-button:hover:not(:disabled){border-color:var(--brand-primary);color:var(--brand-primary);transform:translateY(-1px)}.article-like-button.is-liked{border-color:var(--brand-primary);background:var(--brand-primary);color:#ffffff}.article-like-button:disabled{cursor:not-allowed;opacity:.62}.article-like-check{width:12px!important;height:12px!important}.article-like-count{color:#60708a;font-size:14px;line-height:1.5}.article-content-body ol,.article-content-body ul{padding-left:1.4em;margin:0 0 1.16em}.article-content-body li{margin:.22em 0;line-height:1.72}.article-content-body blockquote{margin:1.3em 0;padding:12px 16px;border-left:3px solid #cbd5e1;background:#f8fafc;color:#334155}.article-content-body blockquote p:last-child{margin-bottom:0}.article-content-body code{padding:2px 5px;border-radius:4px;background:#f1f5f9;color:#0f172a;font-size:.92em}.article-content-body pre{margin:1.25em 0;padding:14px 16px;overflow-x:auto;border-radius:6px;background:#0f172a;color:#e5e7eb;line-height:1.6}.article-content-body pre code{padding:0;background:transparent;color:inherit;font-size:.9em}.article-side-card{padding:18px}.article-toc-card{position:static;padding:16px;border-color:#dce7f3;box-shadow:none;background:#fbfdff}.article-side-title{color:#111827;font-size:18px;font-weight:800;margin-bottom:14px}.article-toc-title{margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #e5edf6;color:#0f172a;font-size:13px;line-height:1.2;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.article-toc-nav{display:grid;gap:4px}.article-toc-link{position:relative;min-width:0;color:#475569;text-decoration:none;line-height:1.42;border-left:3px solid transparent;padding:8px 10px 8px 13px;background:transparent;overflow-wrap:anywhere;transition:color .16s ease,background .16s ease,border-color .16s ease,transform .16s ease}.article-toc-link:before{content:"";position:absolute;left:-3px;top:50%;width:3px;height:0;background:var(--brand-primary);transform:translateY(-50%);transition:height .16s ease}.article-toc-link span{display:block;min-width:0}.article-toc-link.is-active,.article-toc-link:hover{color:var(--brand-primary);border-left-color:rgba(2,42,153,.18);background:#eef5ff}.article-toc-link.is-active{font-weight:800;transform:translateX(2px)}.article-toc-link.is-active:before{height:calc(100% - 8px)}.article-toc-level-2{font-size:14px;font-weight:700}.article-toc-level-3{padding-left:24px;font-size:13px}.article-toc-level-4{padding-left:36px;font-size:12px;color:#64748b}.article-side-card p{color:#465b7a;font-size:15px;line-height:1.7}.article-popular-card{margin-top:20px}.article-popular-head{display:grid;gap:8px}.article-popular-head .article-side-title{margin-bottom:0;display:inline-flex;align-items:center;gap:10px}.article-popular-head p{color:#60708a;font-size:14px;line-height:1.7}.article-popular-list{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.article-popular-item{display:grid;grid-template-columns:1fr;align-items:start;gap:12px;padding:12px;border:1px solid #d8e4f0;border-radius:0;background:#fbfdff;text-decoration:none}.article-popular-image{width:100%;height:168px;display:block;border-radius:0;object-fit:cover;background:linear-gradient(135deg,#eff4fb,#dfe8f4)}.article-popular-image-placeholder{background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(15,76,129,.82)),linear-gradient(135deg,#eff4fb,#dfe8f4)}.article-popular-copy{min-width:0;display:grid;gap:6px}.article-popular-name{color:#1d3458;font-size:16px;line-height:1.5;font-weight:700}.article-popular-meta{color:#60708a;font-size:13px;line-height:1.5}.article-side-link{display:inline-flex;margin-top:12px;color:var(--brand-primary);font-weight:700}.article-related-list{display:grid;gap:12px}.article-related-card{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;align-items:stretch;padding:10px;border:1px solid #edf2f7;border-radius:8px;background:#fdfefe;text-decoration:none;transition:border-color .16s ease,background .16s ease}.article-related-card:hover{border-color:#d8e4f0;background:#f8fbff}.article-related-card img,.article-related-placeholder{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:6px;object-fit:cover;background:linear-gradient(135deg,#eff4fb,#dfe8f4)}.article-related-title{color:#1d3458;font-size:14px;line-height:1.42;font-weight:700;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow-wrap:anywhere}@media (max-width:980px){.article-detail-page{padding:16px 16px 56px}.article-detail-shell{grid-template-columns:1fr;gap:16px}.article-main,.article-sidebar{grid-column:auto}.article-sidebar{position:static;top:auto;max-height:none;overflow:visible;padding-right:0}.article-mobile-toc{display:block;padding:0}.article-desktop-toc{display:none}}@media (max-width:768px){.article-detail-page{padding:14px 12px 48px}.article-hero-media{aspect-ratio:16/7}.article-hero-copy{padding:0 0 20px}.article-hero-copy h1{margin:14px 0 12px;font-size:28px;line-height:1.18}.article-summary{margin-bottom:16px;font-size:16px;line-height:1.65}.article-hero-topline{gap:8px 12px}.article-meta-row{gap:10px 14px;font-size:13px}.article-reading-time{font-size:14px}.article-tags-row{grid-template-columns:1fr;gap:8px}.article-utility-row{align-items:flex-start}.article-share-row{width:100%}.article-tag-list{gap:8px}.article-tag-chip{padding:7px 12px;font-size:12px}.article-share-row{gap:10px}.article-author-card{grid-template-columns:48px minmax(0,1fr);gap:12px}.article-author-avatar{width:48px;height:48px;font-size:14px}.article-content-card{padding:4px 0 28px}.article-popular-card{margin-top:16px}.article-content-body{font-size:16px;line-height:1.72}.article-like-row{margin-top:28px;padding-top:18px}.article-content-body h1,.article-content-body h2,.article-content-body h3,.article-content-body h4{margin:1.42em 0 .52em;line-height:1.3;scroll-margin-top:88px}.article-content-body h2{font-size:18px}.article-content-body h3{font-size:17px}.article-content-body h4{font-size:15px}.article-content-body p{margin-bottom:1.04em}.article-content-body img{margin:18px auto;border-radius:14px}.article-side-card{padding:18px 16px}.article-side-title{font-size:17px;margin-bottom:12px}.article-toc-card{padding:14px}.article-toc-title{margin-bottom:10px;font-size:12px}.article-toc-nav{gap:4px}.article-toc-level-2,.article-toc-level-3,.article-toc-level-4{font-size:13px;line-height:1.45}.article-toc-link{padding-top:8px;padding-bottom:8px}.article-toc-level-3{padding-left:22px}.article-toc-level-4{padding-left:32px}.article-related-list{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.article-popular-list{grid-template-columns:1fr;gap:12px}.article-popular-item{grid-template-columns:120px minmax(0,1fr);padding:12px 14px;gap:12px;border-radius:0;align-items:center}.article-popular-image{width:120px;height:78px}.article-popular-name{font-size:15px}.article-related-card{grid-template-columns:minmax(0,1fr);gap:9px;padding:10px;border-radius:8px}.article-related-card img,.article-related-placeholder{width:100%;height:auto;aspect-ratio:16/9;border-radius:6px}.article-related-title{font-size:14px;line-height:1.42}}@media (max-width:480px){.article-detail-page{padding:12px 10px 40px}.article-hero-copy{padding:0 0 18px}.article-type-pill{padding:7px 12px;font-size:12px}.article-hero-copy h1{font-size:25px}.article-summary{font-size:15px;line-height:1.6}.article-utility-row{gap:14px}.article-share-actions{gap:6px}.article-share-icon-btn{width:32px;height:32px}.article-share-copy-btn{height:32px}.article-author-card{align-items:start}.article-reading-time{font-size:13px}.article-content-card{padding:2px 0 24px}.article-content-body{font-size:15px;line-height:1.7}.article-content-body h2{font-size:17px;padding-left:10px}.article-content-body h3{font-size:15.5px}.article-content-body h4{font-size:15px}.article-content-body ol,.article-content-body ul{padding-left:1.15em}.article-side-card{padding:16px 14px}.article-popular-item{grid-template-columns:1fr;padding:11px 12px}.article-popular-image{width:100%;height:168px}.article-popular-name{font-size:14px}.article-popular-head p,.article-popular-meta{font-size:12px}.article-related-list{grid-template-columns:1fr}.article-related-title{font-size:13px}}