.grid-components{display:flex;flex-direction:column;gap:28px;width:100%}.article-card-premium{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:280px;height:100%;border:1.5px dashed rgba(255,85,0,.22)!important;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s ease!important}.article-card-premium:hover{transform:translateY(-4px);border-color:#ff550080!important;box-shadow:0 20px 40px #0000000d,0 0 25px #ff550026,inset 0 1px #ffffffe6!important}html:not(.light-mode) .article-card-premium:hover{box-shadow:0 20px 45px #000000d9,0 0 25px #ff550038,inset 0 1px #ffffff0a!important}.article-glow{position:absolute;top:-100px;right:-100px;width:200px;height:200px;background:radial-gradient(circle,rgba(255,85,0,.15),transparent 70%);pointer-events:none;transition:transform .5s ease}.article-card-premium:hover .article-glow{transform:scale(1.5)}.read-btn{transition:background-color .2s ease,border-color .2s ease}.read-btn:hover{background:var(--accent-solid)!important;color:var(--bg-color)!important;border-color:var(--accent-solid)!important}.article-detail-main{max-width:1400px;width:100%;margin:0 auto;padding:40px 24px 120px;box-sizing:border-box;position:relative;z-index:2}.article-layout-grid{display:grid;grid-template-columns:380px 1fr;gap:40px;align-items:start;width:100%}.article-sidebar{position:sticky;top:40px}.card.sidebar-card{background:#14141673;border:1px solid var(--border-color);border-radius:20px;padding:36px;box-shadow:var(--card-shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;gap:24px;justify-content:flex-start}.article-meta{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.article-badge{margin-bottom:0}.article-date-time{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);letter-spacing:.5px}.article-title{font-family:var(--font-display);font-size:28px;font-weight:800;color:var(--text-primary);line-height:1.25;margin:0;letter-spacing:-.5px}.article-lead{font-size:15px;color:var(--text-secondary);line-height:1.6;margin:0;font-weight:300}.article-divider{height:1px;background:#ff55001a;width:100%}.author-row{display:flex;align-items:center;gap:12px}.author-avatar-wrapper{width:44px;height:44px;border-radius:50%;overflow:hidden;border:1px solid var(--border-color)}.author-avatar{width:100%;height:100%;object-fit:cover}.author-info{display:flex;flex-direction:column;gap:2px}.author-name{font-size:14px;font-weight:600;color:var(--text-primary)}.author-title{font-size:10.5px;color:var(--text-secondary);font-family:var(--font-mono)}.read-info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:10px}.read-time-label{font-size:12px;color:var(--text-secondary)}.read-time-value{font-family:var(--font-mono);font-size:12px;color:var(--accent-solid);font-weight:600}.card.body-card{background:#14141659;border:1px solid var(--border-color);border-radius:20px;padding:48px;box-shadow:var(--card-shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.article-body{font-size:16px;color:var(--text-primary);line-height:1.8;font-weight:300}.article-body :global(h2){font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text-primary);margin:40px 0 16px;letter-spacing:-.5px;border-left:2px solid var(--accent-solid);padding-left:12px}.article-body :global(h3){font-family:var(--font-display);font-size:19px;font-weight:600;color:var(--text-primary);margin:32px 0 12px}.article-body :global(p){margin:0 0 20px}.article-body :global(ul),.article-body :global(ol){margin:0 0 24px;padding-left:20px}.article-body :global(li){margin-bottom:6px;color:var(--text-secondary)}.article-body :global(strong){color:var(--text-primary);font-weight:600}.article-body :global(pre){background:#090807;border:1px solid var(--border-color);border-radius:12px;padding:18px;overflow-x:auto;margin:28px 0;font-family:var(--font-mono);font-size:13px;line-height:1.55;box-shadow:inset 0 1px 4px #0006}.article-body :global(code){font-family:var(--font-mono);font-size:13px;color:#ffaa80;background:#ff55000d;padding:2px 5px;border-radius:4px;border:1px solid rgba(255,85,0,.08)}.article-body :global(pre code){background:transparent;border:none;padding:0;border-radius:0;color:#e3e3e3}.loading-spinner{font-family:var(--font-mono);font-size:14px;color:var(--text-secondary);padding:20px 0}@media(max-width:1024px){.article-layout-grid{grid-template-columns:1fr;gap:32px}.article-sidebar{position:static}.card.sidebar-card{padding:28px}.card.body-card{padding:32px}}@media(max-width:768px){h1{font-size:40px!important}}@media(max-width:650px){.article-detail-main{padding:24px 16px 80px}.card.sidebar-card,.card.body-card{padding:24px;border-radius:16px}.article-title{font-size:24px}.article-body{font-size:15px;line-height:1.7}}