.article-hero{position:relative;height:480px;overflow:hidden;display:flex;align-items:flex-end;background:var(--bg-deep);transition:background .3s ease}.article-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--page-hero-image) center / cover no-repeat;transform:scale(1.03);transition:transform 8s ease,filter .3s ease}[data-theme=dark] .article-hero-bg,:root:not([data-theme]) .article-hero-bg{filter:grayscale(30%) brightness(.38)}[data-theme=light] .article-hero-bg{filter:brightness(.82) saturate(.55)}.article-hero:hover .article-hero-bg{transform:scale(1)}.article-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;transition:background .3s ease}[data-theme=dark] .article-hero-overlay,:root:not([data-theme]) .article-hero-overlay{background:linear-gradient(to top,var(--bg-deep) 0%,rgba(8,8,8,.65) 45%,rgba(8,8,8,.15) 100%)}[data-theme=light] .article-hero-overlay{background:linear-gradient(105deg,#f5f1eaf7,#f5f1eae6 30%,#f5f1ea73 55%,#f5f1ea00 72%)}[data-theme=light] .article-hero{border-bottom:1px solid var(--border-nav)}.article-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:linear-gradient(rgba(212,168,67,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(212,168,67,.04) 1px,transparent 1px);background-size:64px 64px;transition:opacity .3s ease}[data-theme=light] .article-hero:before{opacity:0}.article-hero-content{position:relative;z-index:10;padding:0 64px 64px;width:100%;max-width:860px}.article-hero .breadcrumb-kbc{margin-bottom:16px}.article-hero-title{font-family:var(--font-display);font-size:clamp(28px,4vw,52px);font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:20px;transition:color .3s ease}[data-theme=light] .article-hero-title{color:#1c1510}.article-hero-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.meta-chip{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--text-secondary);letter-spacing:.5px}.meta-chip i{color:var(--gold);font-size:11px}[data-theme=light] .meta-chip i{color:var(--gold-dark)}.meta-sep{width:3px;height:3px;border-radius:50%;background:var(--border-gold)}.article-hero .hero-entry{opacity:0;transform:translateY(20px);animation:articleHeroIn .8s var(--ease-expo) forwards}@keyframes articleHeroIn{to{opacity:1;transform:translateY(0)}}.reading-progress{position:fixed;top:0;left:var(--sidebar-w);right:0;height:2px;background:transparent;z-index:2000}.reading-progress-bar{height:100%;width:0%;background:linear-gradient(to right,var(--gold-dark),var(--gold),var(--gold-light));transition:width .1s linear}@media(max-width:991.98px){.reading-progress{left:0;top:var(--topbar-h)}}.article-layout{background:var(--bg-card);padding:64px 0 80px;transition:var(--transition-theme)}[data-theme=light] .article-layout{background:var(--bg-deep)}.article-content{font-family:var(--font-body);font-size:15px;font-weight:300;color:var(--text-secondary);line-height:2;max-width:720px}.article-content h2{font-family:var(--font-display);font-size:clamp(22px,2.8vw,32px);font-weight:700;color:var(--text-primary);margin:48px 0 18px;line-height:1.25;transition:color .3s ease}.article-content h3{font-family:var(--font-display);font-size:clamp(18px,2.2vw,24px);font-weight:600;color:var(--text-primary);margin:36px 0 14px;transition:color .3s ease}.article-content h4{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text-primary);margin:28px 0 12px;transition:color .3s ease}.article-content p{margin-bottom:22px}.article-content strong,.article-content b{color:var(--text-primary);font-weight:600}.article-content em,.article-content i{font-style:italic;color:var(--gold-light)}[data-theme=light] .article-content em,[data-theme=light] .article-content i{color:var(--gold-dark)}.article-content a{color:var(--gold);text-decoration:underline;text-underline-offset:3px;transition:color .2s}[data-theme=light] .article-content a{color:var(--gold-dark)}.article-content a:hover{color:var(--gold-light)}[data-theme=light] .article-content a:hover{color:var(--gold)}.article-content img{max-width:100%;height:auto;border-radius:var(--r);margin:24px 0;display:block}.article-content ul,.article-content ol{padding-left:0;margin-bottom:22px;list-style:none;display:flex;flex-direction:column;gap:10px}.article-content ul li,.article-content ol li{display:flex;gap:14px;align-items:flex-start;font-size:14px}.article-content ul li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold);flex-shrink:0;margin-top:10px}[data-theme=light] .article-content ul li:before{background:var(--gold-dark)}.article-content ol{counter-reset:ol-counter}.article-content ol li:before{counter-increment:ol-counter;content:counter(ol-counter);font-family:var(--font-alt);font-size:16px;color:var(--gold);min-width:24px;flex-shrink:0;line-height:1.6}[data-theme=light] .article-content ol li:before{color:var(--gold-dark)}.article-content blockquote{margin:36px 0;padding:28px 32px;border-left:3px solid var(--gold);background:linear-gradient(to right,var(--gold-pale),transparent);border-radius:0 var(--r) var(--r) 0;position:relative;transition:background .3s ease}[data-theme=light] .article-content blockquote{border-left-color:var(--gold-dark);background:linear-gradient(to right,var(--gold-pale-md),transparent)}.article-content blockquote:before{content:'"';font-family:var(--font-display);font-size:80px;color:var(--border-gold);position:absolute;top:-10px;left:20px;line-height:1;transition:color .3s ease}.article-content blockquote p{font-family:var(--font-display);font-size:18px;font-style:italic;color:var(--text-primary);margin:0;line-height:1.65;position:relative;z-index:1}.article-content table{width:100%;border-collapse:collapse;margin:28px 0;font-size:13px}.article-content th,.article-content td{border:1px solid var(--border-subtle);padding:10px 14px;text-align:left}.article-content th{background:var(--gold-pale);color:var(--text-primary);font-weight:600;letter-spacing:.5px}.article-content hr{border:none;height:1px;background:var(--border-subtle);margin:40px 0}.article-content figure{margin:32px 0}.article-content figcaption{font-size:11px;color:var(--text-muted);text-align:center;padding:10px 0 0;letter-spacing:1px;font-style:italic}.share-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-subtle)}.share-bar-label{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-muted)}.share-icon-btn{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-gold);color:var(--text-muted);font-size:15px;cursor:pointer;transition:all .22s;text-decoration:none}.share-icon-btn:hover{border-color:var(--gold);color:var(--gold);background:var(--gold-pale)}.share-icon-btn.wa:hover{border-color:#25d366;color:#25d366;background:#25d3660f}.share-icon-btn.tw:hover{border-color:#1da1f2;color:#1da1f2;background:#1da1f20f}.share-icon-btn.fb:hover{border-color:#1877f2;color:#1877f2;background:#1877f20f}.share-icon-btn.li:hover{border-color:#0a66c2;color:#0a66c2;background:#0a66c20f}.article-sidebar{position:sticky;top:24px}.sidebar-widget{background:var(--bg-card-2);border:1px solid var(--border-subtle);border-radius:var(--r);padding:24px;margin-bottom:24px;transition:var(--transition-theme)}[data-theme=light] .sidebar-widget{background:var(--bg-page)}.widget-title{font-family:var(--font-alt);font-size:12px;letter-spacing:3px;color:var(--gold);margin-bottom:16px;display:flex;align-items:center;gap:10px}[data-theme=light] .widget-title{color:var(--gold-dark)}.widget-title:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.sidebar-share-btns{display:flex;flex-direction:column;gap:8px}.sidebar-share-btn{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--r-sm);border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:transparent;transition:all .2s;width:100%;text-align:left;text-decoration:none}.sidebar-share-btn i{font-size:15px}.sidebar-share-btn.wa{--c: #25D366}.sidebar-share-btn.tw{--c: #1DA1F2}.sidebar-share-btn.fb{--c: #1877F2}.sidebar-share-btn.li{--c: #0A66C2}.sidebar-share-btn.copy-link-btn{--c: var(--gold)}.sidebar-share-btn:hover{border-color:var(--c, var(--gold));color:var(--c, var(--gold));background:var(--gold-pale)}[data-theme=light] .sidebar-share-btn:hover{background:var(--gold-pale-md)}.sidebar-share-btn.copied{border-color:#22c55e;color:#22c55e}.related-article-item{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--border-subtle);text-decoration:none;transition:all .18s}.related-article-item:last-child{border-bottom:none;padding-bottom:0}.related-article-item:hover .related-title{color:var(--gold)}[data-theme=light] .related-article-item:hover .related-title{color:var(--gold-dark)}.related-thumb{width:60px;height:60px;border-radius:var(--r-sm);overflow:hidden;flex-shrink:0;background:var(--bg-input)}.related-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:grayscale(20%);transition:filter .3s}.related-article-item:hover .related-thumb img{filter:grayscale(0%)}.related-title{font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--text-primary);line-height:1.4;transition:color .18s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:5px}.related-date{font-size:10px;color:var(--text-muted);letter-spacing:.8px}@media(max-width:991.98px){.article-hero{height:400px}.article-hero-content{padding:0 32px 48px}.article-sidebar{position:static}}@media(max-width:575.98px){.article-hero{height:360px}.article-hero-content{padding:0 20px 36px}.article-content{font-size:14px}.article-content table{font-size:12px}}@media(prefers-reduced-motion:reduce){.article-hero .hero-entry{opacity:1;transform:none;animation:none;transition:none}.article-hero-bg{transition:filter .3s ease}.reading-progress-bar{transition:none}}