.article-container{max-width:860px;margin:0 auto;padding:2.5rem 1.5rem 5rem}.article-header{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.article-top-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.back-link,.lang-switcher a{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;padding:.4rem .8rem;border-radius:var(--radius-btn);background:var(--bg-card);border:1px solid var(--border);transition:all var(--transition-speed) var(--transition-easing)}.back-link:hover,.lang-switcher a:hover{color:var(--text-primary);border-color:var(--accent);box-shadow:var(--shadow)}.lang-switcher{display:flex;gap:.5rem}.lang-switcher .active{background:var(--accent);color:#fff!important;border-color:var(--accent)}.article-title{font-size:clamp(1.8rem,4.5vw,2.5rem);font-weight:700;line-height:1.25;color:var(--text-primary);margin-bottom:1rem}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;color:var(--text-secondary);font-size:.875rem;margin-top:1rem}.author-chip{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary)}.author-chip img{border-radius:50%}.reading-time-chip{display:inline-flex;align-items:center;gap:.25rem}.article-intro{font-size:1.125rem;line-height:1.65;color:var(--text-primary);margin-bottom:2rem}.toc-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-btn);padding:1.5rem;margin:2rem 0 3rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toc-title{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.toc-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.6rem 1rem}.toc-list a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color var(--transition-speed) var(--transition-easing);display:inline-block}.toc-list a:hover{color:var(--accent);text-decoration:underline}.article-body{font-size:1.05rem;line-height:1.75;color:var(--text-primary)}.article-body h2{font-size:1.5rem;font-weight:600;margin:2.5rem 0 1rem;padding-top:1rem;color:var(--text-primary);border-top:1px dashed var(--border)}.article-body h2:first-of-type{border-top:none;padding-top:0}.article-body h3{font-size:1.2rem;font-weight:600;margin:1.5rem 0 .75rem;color:var(--text-primary)}.article-body p{margin-bottom:1.25rem}.article-body ul,.article-body ol{margin:0 0 1.5rem 1.5rem;padding:0}.article-body li{margin-bottom:.5rem}.article-body strong{font-weight:600;color:var(--text-primary)}.note-box{background:var(--bg-card);border-left:4px solid var(--accent);border-top:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:0 var(--radius-btn) var(--radius-btn) 0;padding:1.25rem 1.5rem;margin:1.5rem 0 2rem;box-shadow:var(--shadow)}.note-box-title{font-weight:600;color:var(--accent);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.table-wrapper{width:100%;overflow-x:auto;margin:2.5rem 0;border-radius:var(--radius-btn);border:1px solid var(--border);box-shadow:var(--shadow);background:var(--bg-card)}.comparison-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.comparison-table th,.comparison-table td{padding:.9rem 1.1rem;border-bottom:1px solid var(--border);vertical-align:top}.comparison-table th{background:#0000000a;font-weight:600;color:var(--text-primary);white-space:nowrap}:root[data-theme=dark] .comparison-table th{background:#ffffff0a}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tr.highlight-row{background:var(--glow);font-weight:500}.author-footer-card{margin-top:4rem;padding:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-btn);box-shadow:var(--shadow);display:flex;gap:1.5rem;align-items:center}.author-avatar-lg{width:80px;height:80px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--accent)}.author-footer-info h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;border:none;padding:0}.author-footer-info p{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin-bottom:1rem}.author-social-links{display:flex;gap:1rem}.author-social-links a{color:var(--accent);text-decoration:none;font-weight:500;font-size:.875rem}.author-social-links a:hover{text-decoration:underline}.scroll-top-btn{position:fixed;bottom:2rem;right:2rem;width:44px;height:44px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:all var(--transition-speed) var(--transition-easing);z-index:100}.scroll-top-btn.visible{opacity:1;visibility:visible}.scroll-top-btn:hover{border-color:var(--accent);transform:translateY(-2px)}@media (max-width: 640px){.article-container{padding:1.5rem 1rem 3rem}.author-footer-card{flex-direction:column;text-align:center}.author-social-links{justify-content:center}}
