.article-hero h1{white-space:nowrap;overflow-wrap:normal;word-break:keep-all;max-width:100%;font-size:clamp(1.25rem,2.2vw + .5rem,1.75rem);line-height:1.3}@media(min-width:900px){.article-hero .container{max-width:880px!important}}@media(max-width:640px){.article-hero .container{padding-left:12px!important;padding-right:12px!important}}.article-body,.article-body a,.article-body li,.article-body ul,.article-body p,.article-body h2,.article-body h3,.article-body h4,.article-body td,.article-body th,.article-body ol li,.article-body ol li a,.article-body p a{overflow-wrap:anywhere!important;word-break:break-word!important}.article-hero{padding:120px 0 40px;background:linear-gradient(160deg,#f5f7fa,#fff,#eef1f5);position:relative;overflow:hidden}.article-hero:after{content:"";position:absolute;top:-80px;right:-80px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(201,169,110,.08) 0%,transparent 70%);pointer-events:none}.article-hero h1{margin:0 0 4px;line-height:1.3;overflow:visible;text-overflow:clip}.article-hero .article-subtitle{display:block;margin:6px 0 0;font-size:clamp(1.05rem,1.2vw + .6rem,1.25rem)!important;line-height:1.5!important;color:var(--color-text-secondary, #555)!important;font-weight:500;white-space:normal!important}.article-meta{display:flex;align-items:center;gap:12px;margin-top:var(--spacing-md);font-size:13px;color:var(--color-text-muted)}.article-meta .tag{display:inline-block;padding:3px 10px;background:#c9a96e1f;color:var(--color-accent-dark);border-radius:12px;font-size:11px;font-weight:600}.article-body{max-width:720px;margin:0 auto;padding:40px var(--content-padding) 80px;font-size:16px;line-height:1.9;color:var(--color-text)}.article-body h2{font-size:1.5rem;margin-top:48px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.article-body h3{font-size:1.2rem;margin-top:32px;margin-bottom:12px}.article-body p{margin-bottom:16px}.article-body blockquote{margin:24px 0;padding:16px 24px;border-left:4px solid var(--color-accent);background:#c9a96e0f;border-radius:0 8px 8px 0;font-style:italic;color:#555}.article-body blockquote p{margin-bottom:0}.article-body table{width:100%;margin:32px 0;border-collapse:collapse}.article-body th{background:var(--color-accent);color:#fff;font-weight:600;text-align:left;padding:12px 16px;font-size:14px}.article-body td{padding:10px 16px;border-bottom:1px solid #eee;font-size:14px;line-height:1.6;vertical-align:top}.article-body thead+tbody tr:nth-child(2n) td{background:#f9f9f7}.article-body .copy-source{display:none}.article-body th:after,.article-body td:after{content:" | ";white-space:pre}.article-body td:last-child:after{content:none}.article-body table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px}.article-body th,.article-body td{padding:10px 14px;border:1px solid var(--color-border);text-align:left}.article-body th{background:var(--color-primary);color:#fff;font-weight:600}.article-body tr:nth-child(2n){background:#f8f8f8}.article-body hr{margin:40px 0;border:none;border-top:1px solid var(--color-border)}.article-body .callout{margin:24px 0;padding:16px 20px;background:#0f2b460a;border-radius:8px;border-left:4px solid var(--color-primary)}.article-body .callout strong{color:var(--color-primary)}.article-body ol{margin:16px 0 24px;padding-left:24px;list-style:decimal}.article-body ol li{margin:8px 0;padding-left:4px;line-height:1.7;font-size:14px;color:var(--color-text);word-break:break-word;overflow-wrap:anywhere}.article-body ol li a,.article-body p a{overflow-wrap:anywhere;word-break:break-word}.article-body ol li strong{color:var(--color-text)}.article-body .reference-section p{margin:8px 0;font-size:14px;color:var(--color-text)}.article-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:24px;font-size:14px;color:var(--color-text-muted);text-decoration:none}.article-back:hover{color:var(--color-accent)}.article-footer{max-width:720px;margin:0 auto;padding:32px var(--content-padding) 64px;border-top:1px solid var(--color-border);text-align:center}@media(max-width:768px){.article-hero{padding:90px 0 24px}.article-body{font-size:15px;padding:24px var(--content-padding) 80px}.article-body h2{font-size:1.3rem}}#readProgress[data-astro-cid-uwv4mmhs]{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,#0f2b46,#c9a96e);z-index:9999;transition:width .1s linear}
