.breadcrumb-bar{background:#f9fafb;border-bottom:1px solid #EAECF0;padding:12px 0;margin-top:80px}.breadcrumb{max-width:1080px;margin:0 auto;padding:0 40px;font-size:12px;color:#98a2b3;display:flex;align-items:center;gap:6px}.breadcrumb a{color:#667085;transition:color .15s}.breadcrumb a:hover{color:var(--brand-850)}.breadcrumb-sep{color:#d0d5dd}.article-layout{max-width:1080px;margin:0 auto;padding:48px 40px 80px;display:grid;grid-template-columns:1fr 260px;gap:56px;align-items:start}.article-main{min-width:0}.article-sidebar{position:sticky;top:88px}.article-header{margin-bottom:40px}.article-header-meta{display:flex;align-items:center;gap:12px;margin-bottom:16px}.article-header-tag{font-size:12px;font-weight:600;color:var(--brand-850);background:var(--brand-bg-light);padding:3px 10px;border-radius:4px}.article-header-date{font-size:13px;color:#98a2b3;font-family:Inter,sans-serif}.article-header h1{font-size:26px;font-weight:800;line-height:1.6;color:#101828;margin-bottom:20px}.article-hero-img{width:100%;border-radius:10px;overflow:hidden;aspect-ratio:16/9;background:#f2f4f7}.article-hero-img img{width:100%;height:100%;object-fit:cover}.article-body{min-width:0;overflow-wrap:break-word}.article-body img{display:block;width:100%!important;max-width:100%!important;height:auto!important}.article-body figure{margin:24px 0;max-width:100%}.article-body div[data-type=table]{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:24px 0;border:1px solid #DDE3EA;border-radius:10px;background:#fff;box-shadow:0 1px 2px #1018280a;overflow:hidden}.article-body table{width:100%;max-width:100%;border-collapse:collapse;font-size:14px;line-height:1.7;color:#344054}.article-body pre{max-width:100%;overflow-x:auto}.article-body h2,.article-body h3{scroll-margin-top:96px}.article-body h2{font-size:20px;font-weight:800;line-height:1.5;color:#101828;padding-bottom:10px;border-bottom:2px solid var(--brand-850);margin:48px 0 20px}.article-body h3{font-size:17px;font-weight:700;line-height:1.5;color:#1d2939;margin:32px 0 12px;padding-left:12px;border-left:3px solid #3B82F6}.article-body p{font-size:15px;line-height:1.9;color:#344054;margin-bottom:20px}.article-body a{color:#175cd3;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;transition:color .15s ease;word-break:break-word}.article-body a:hover{color:#1849a9}.article-body th,.article-body td{border-bottom:1px solid #EAECF0;padding:10px 12px;text-align:left;vertical-align:top}.article-body th:not(:last-child),.article-body td:not(:last-child){border-right:1px solid #EAECF0}.article-body th{background:#f9fafb;font-weight:700;color:#1d2939}.article-body th p,.article-body td p{margin:0}.article-body tr:nth-child(2n) td{background:#fcfcfd}.article-body tr:last-child td{border-bottom:none}.article-body ul,.article-body ol{padding-left:24px;margin-bottom:20px}.article-body li{font-size:15px;line-height:1.9;color:#344054;margin-bottom:6px}.article-body blockquote{background:var(--brand-bg-light);border-left:4px solid var(--brand-850);border-radius:0 8px 8px 0;padding:20px 24px;margin:24px 0;font-size:14px;line-height:1.8;color:#344054}.article-body strong{color:#101828;font-weight:600}.callout-box{background:#fffbeb;border:1px solid #FDE68A;border-radius:8px;padding:20px 24px;margin:24px 0;font-size:14px;line-height:1.8;color:#78350f}.toc-card{background:#f9fafb;border:1px solid #EAECF0;border-radius:10px;padding:20px}.toc-card-title{font-size:13px;font-weight:700;color:#344054;margin-bottom:14px;letter-spacing:.03em}.toc-list{list-style:none;padding:0}.toc-list li{margin-bottom:0}.toc-list a{display:block;font-size:13px;line-height:1.5;color:#667085;border-left:2px solid transparent;padding:6px 0 6px 12px;transition:color .15s,border-color .15s}.toc-list a:hover{color:var(--brand-850);border-left-color:var(--brand-850)}.toc-list-depth a{font-size:12px;padding-left:18px}.related-section{margin-top:64px;padding-top:48px;border-top:1px solid #EAECF0}.related-title{font-size:18px;font-weight:800;color:#101828;margin-bottom:24px}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.related-card{display:flex;gap:16px;align-items:start;padding:16px;border-radius:8px;border:1px solid #EAECF0;transition:border-color .2s,box-shadow .2s}.related-card:hover{border-color:#b2d4f0;box-shadow:0 2px 8px -2px #1018280f}.related-card-thumb{flex-shrink:0;width:120px;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#f2f4f7}.related-card-thumb img{width:100%;height:100%;object-fit:cover}.related-card-body{flex:1;min-width:0}.related-card-tag{font-size:11px;font-weight:600;color:var(--brand-850);background:var(--brand-bg-light);padding:1px 6px;border-radius:3px;margin-bottom:6px;display:inline-block}.related-card-title{font-size:13px;font-weight:600;line-height:1.6;color:#101828}.related-card:hover .related-card-title{color:var(--brand-850)}.back-to-list{text-align:center;margin-top:48px}.back-to-list a{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#344054;padding:10px 24px;border:1px solid #D0D5DD;border-radius:999px;background:#fff;transition:background .15s,border-color .15s}.back-to-list a:hover{background:#f9fafb;border-color:#98a2b3}@media(max-width:1279px){.article-layout{padding:48px 32px 80px;gap:40px}.breadcrumb{padding:0 32px}}@media(max-width:1023px){.article-layout{grid-template-columns:1fr;padding:40px 24px 64px;gap:0}.article-sidebar{display:none}.breadcrumb{padding:0 24px}.article-header h1{font-size:24px}}@media(max-width:767px){.breadcrumb-bar{margin-top:64px}.article-layout{padding:32px 16px 56px}.breadcrumb{padding:0 16px}.article-header h1{font-size:21px}.article-body h2{font-size:18px;margin-top:36px}.article-body h3{font-size:16px}.article-body p,.article-body li{font-size:14px}.related-grid{grid-template-columns:1fr}.related-card-thumb{width:100px}}