html{scroll-behavior:smooth}*,:before,:after{scroll-margin-top:90px}@media (max-width:1024px){*{scroll-margin-top:70px}}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}.article-page{background:#121212;min-height:100vh}.article-container{max-width:100%;margin:0;padding:0}.article-grid{grid-template-columns:280px minmax(0,1fr) 320px;align-items:start;gap:0;min-height:100vh;display:grid}.article-toc{background:#1a1a1a;border-right:1px solid #b8935a26;height:100vh;position:sticky;top:0;overflow-y:auto}.article-toc-inner{padding:32px 20px 32px 24px}.article-main{background:#121212;min-width:0;padding:32px 48px}.article-back{letter-spacing:.2em;text-transform:uppercase;color:#b8935acc;margin-bottom:24px;font-family:system-ui,sans-serif;font-size:11px;text-decoration:none;display:inline-block}.article-back:hover{color:#d4a574}.article-main-header h1{color:#f0ebe3;margin:0 0 16px;font-family:Georgia,serif;font-size:42px;font-weight:400;line-height:1.2}.article-meta-line{color:#f0ebe399;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;font-family:system-ui,sans-serif;font-size:12px;display:flex}.article-author-img{object-fit:cover;border:1px solid #b8935a66;border-radius:50%;width:36px;height:36px}.dot{opacity:.5}.article-main-thumb{background:#0a0a0a;border:1px solid #b8935a33;width:100%;height:440px;margin-bottom:32px;position:relative;overflow:hidden}.article-main-thumb img{object-fit:cover;width:100%;height:100%}.article-content{color:#e0dcd5;overscroll-behavior-x:contain;font-family:Georgia,serif;font-size:18px;line-height:1.75;overflow-x:auto}.article-content h1,.article-content h2,.article-content h3,.article-content h4{color:#f0ebe3;margin-top:1.8em;margin-bottom:.6em}.article-content h2{border-bottom:1px solid #b8935a40;padding-bottom:.3rem}.article-content a{color:#d4a574;text-decoration:underline}.article-content blockquote{background:#d4a5740d;border-left:2px solid #d4a574;margin:1.2rem 0;padding:.5rem 1.5rem}.article-content code{background:#1e1e1e;border-radius:2px;padding:.2rem .4rem}.article-content pre{background:#1a1a1a;border:1px solid #b8935a33;padding:1rem;overflow-x:auto}.article-content table{-webkit-overflow-scrolling:touch;scroll-behavior:auto;cursor:grab;border-collapse:collapse;touch-action:pan-x pinch-zoom;border:2px solid #b8935a66;width:max-content;min-width:100%;margin:1.5rem 0;display:block;overflow:auto hidden;scroll-snap-type:none!important;overscroll-behavior-x:auto!important}.article-content table:active{cursor:grabbing}.article-content th,.article-content td{white-space:nowrap;vertical-align:top;color:#e0dcd5;background-color:#121212;border:1px solid #b8935a4d;padding:.6rem .8rem}.article-content th:first-child,.article-content td:first-child{white-space:normal}.article-content table *{scroll-snap-align:none!important;scroll-snap-stop:normal!important}.article-content table::-webkit-scrollbar{height:4px}.article-content table::-webkit-scrollbar-track{background:#b8935a1a;border-radius:4px}.article-content table::-webkit-scrollbar-thumb{background:#b8935a66;border-radius:4px}.article-content table::-webkit-scrollbar-thumb:hover{background:#b8935ab3}.article-tags{border-top:1px solid #b8935a33;margin-top:48px;padding-top:24px}.article-tags-label{letter-spacing:.2em;text-transform:uppercase;color:#d4a574cc;margin-bottom:12px;font-family:system-ui,sans-serif;font-size:10px}.article-tags-list{flex-wrap:wrap;gap:8px;display:flex}.article-tag{letter-spacing:.1em;text-transform:uppercase;color:#d4a574;background:#d4a5741a;border:.5px solid #d4a5744d;padding:4px 12px;font-family:system-ui,sans-serif;font-size:10px;text-decoration:none}.article-author-block{background:#ffffff08;border-left:2px solid #d4a574;gap:20px;margin-top:48px;padding:24px;display:flex}.article-author-block-img{object-fit:cover;border:1px solid #d4a57466;border-radius:50%;width:56px;height:56px}.article-author-block h4{color:#f0ebe3;margin:0 0 8px;font-family:Georgia,serif;font-size:18px}.article-author-block p{color:#f0ebe3b3;font-size:13px}.article-adjacent-nav{border-top:1px solid #b8935a33;justify-content:space-between;gap:24px;margin-top:48px;padding-top:24px;display:flex}.article-adjacent{background:#ffffff05;border:.5px solid #d4a57440;flex:1;padding:16px 20px;text-decoration:none}.article-adjacent.next{text-align:right}.article-adjacent .label{letter-spacing:.2em;color:#d4a574b3;margin-bottom:6px;font-family:system-ui,sans-serif;font-size:10px}.article-adjacent .title{color:#e0dcd5;font-family:Georgia,serif;font-size:13px}.article-sidebar{background:#1a1a1a;border-left:1px solid #b8935a26;height:100vh;position:sticky;top:0;overflow-y:auto}.article-sidebar-inner{flex-direction:column;gap:28px;padding:24px 20px 32px;display:flex}.article-sidebar-section{border-bottom:1px solid #d4a57426;padding-bottom:16px}.article-sidebar-section:last-child{border-bottom:none;padding-bottom:0}.article-sidebar-header{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.article-sidebar-title{letter-spacing:.25em;text-transform:uppercase;color:#d4a574;font-family:system-ui,sans-serif;font-size:10px}.article-sidebar-viewall{letter-spacing:.15em;color:#d4a57499;font-size:9px;text-decoration:none}.article-sidebar-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-x:contain;scroll-snap-type:x proximity;cursor:grab;gap:16px;width:100%;min-width:0;padding-bottom:8px;display:flex;overflow:auto hidden}.article-sidebar-scroll:active{cursor:grabbing}.article-sidebar-scroll>*{scroll-snap-align:start;flex:none}.article-sidebar-scroll::-webkit-scrollbar{display:none}.article-sidebar-scroll{scrollbar-width:none;-ms-overflow-style:none}.article-sidebar-card{flex:0 0 120px;text-decoration:none}.article-sidebar-card-image img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.article-sidebar-card-image{background:#0d0d0d;border:.5px solid #d4a57440;width:120px;height:150px;margin-bottom:8px;position:relative;overflow:hidden}.article-sidebar-card-image img{object-fit:cover;width:100%;height:100%}.article-sidebar-card-free{color:#6fbf4c;background:#000000b3;border:.5px solid #6fbf4c;border-radius:2px;padding:2px 6px;font-size:8px;position:absolute;top:4px;right:4px}.article-sidebar-card-title{color:#e0dcd5;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-family:Georgia,serif;font-size:11px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.article-sidebar-card-meta{color:#d4a574b3;justify-content:space-between;font-family:system-ui,sans-serif;font-size:9px;display:flex}.article-sidebar-scroll.authors{gap:16px}.article-sidebar-author{flex-direction:column;flex:0 0 60px;align-items:center;text-decoration:none;display:flex}.article-sidebar-author-avatar{background:#d4a5741a;border:1px solid #d4a57466;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:6px;display:flex;overflow:hidden}.article-sidebar-author-avatar img{object-fit:cover;width:100%;height:100%}.article-sidebar-author-avatar span{color:#d4a574;font-size:20px}.article-sidebar-author span:last-child{color:#f0ebe3b3;text-align:center;font-family:system-ui,sans-serif;font-size:9px}.article-floating-center{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a1a1ae6;border:.5px solid #d4a57466;border-radius:60px;gap:16px;padding:8px 20px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.article-floating-btn{color:#f0ebe3b3;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.article-floating-btn:hover{color:#d4a574;background:#d4a57426}.floating-count{margin-left:2px;font-family:system-ui,sans-serif;font-size:12px;font-weight:500}.article-mobile-toc-toggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f0ebe3cc;cursor:pointer;z-index:45;background:#1a1a1ae6;border:1px solid #d4a57466;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:none;position:fixed;bottom:24px;left:24px}.article-mobile-toc-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000c;align-items:flex-end;display:flex;position:fixed;inset:0}.article-mobile-toc-drawer{background:#1a1a1a;border-top:1px solid #d4a57466;border-radius:12px 12px 0 0;width:100%;max-height:70vh;padding:24px;overflow-y:auto}.tts-highlight{background:#d4af3740;border-radius:4px;scroll-margin-top:80px;transition:background .2s}@media (max-width:1024px){.article-grid{grid-template-columns:1fr}.article-toc,.article-sidebar{display:none}.article-mobile-toc-toggle{display:flex}.article-main{padding:24px 16px}.article-content h1,.article-content h2,.article-content h3,.article-content h4{scroll-margin-top:70px}}@media (max-width:640px){.article-main{padding:16px 12px}.article-main-header h1{font-size:28px}.article-main-thumb{height:220px}.article-content{font-size:16px}.article-author-block{text-align:center;flex-direction:column;align-items:center}.article-adjacent-nav{flex-direction:column}}