.case-article{padding-top:100px;padding-bottom:80px}.article-header{max-width:720px;margin:0 auto 32px}.back-link{display:inline-flex;align-items:center;gap:4px;font-size:.875rem;color:var(--color-text-muted);text-decoration:none;margin-bottom:20px;transition:color var(--transition-duration)}.back-link:hover{color:var(--color-primary)}.article-meta{display:flex;align-items:center;gap:16px;margin-bottom:16px;font-size:.875rem;color:var(--color-text-muted)}.article-category{display:inline-block;padding:3px 10px;font-size:.813rem;color:var(--color-primary);background:#1890ff14;border-radius:4px}.article-title{font-size:2.25rem;font-weight:700;line-height:1.3;margin-bottom:16px;color:var(--color-text)}.article-desc{font-size:1.125rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:0}.article-client{font-weight:500;color:var(--color-text-secondary)}.metrics-bar{max-width:720px;margin:0 auto 32px;display:flex;gap:16px;padding:24px;background:linear-gradient(135deg,#1890ff0a,#1890ff14);border:1px solid rgba(24,144,255,.15);border-radius:var(--border-radius-lg)}.metric-block{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.metric-block+.metric-block{border-left:1px solid rgba(24,144,255,.15);padding-left:16px}.metric-block-value{font-size:1.75rem;font-weight:700;color:var(--color-primary);line-height:1.2}.metric-block-label{font-size:.813rem;color:var(--color-text-muted)}.article-content{max-width:720px;margin:0 auto;font-size:1rem;line-height:1.8;color:var(--color-text)}.article-content h2{font-size:1.625rem;margin-top:40px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.article-content h3{font-size:1.25rem;margin-top:32px;margin-bottom:12px}.article-content h4{font-size:1.125rem;margin-top:24px;margin-bottom:8px}.article-content p{margin-bottom:16px}.article-content ul,.article-content ol{margin-bottom:16px;padding-left:24px}.article-content ul{list-style:disc}.article-content ol{list-style:decimal}.article-content li{margin-bottom:8px}.article-content strong{font-weight:600;color:var(--color-text)}.article-content blockquote{margin:24px 0;padding:16px 20px;background:#1890ff0a;border-left:4px solid var(--color-primary);border-radius:0 var(--border-radius) var(--border-radius) 0;color:var(--color-text-secondary);font-style:normal}.article-content blockquote p{margin-bottom:0}.article-content code{font-family:Consolas,Monaco,monospace;font-size:.875em;background:var(--color-bg);padding:2px 6px;border-radius:4px}.article-content pre{margin:20px 0;padding:16px 20px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);overflow-x:auto}.article-content pre code{background:none;padding:0;border-radius:0}.article-content hr{margin:40px 0;border:none;border-top:1px solid var(--color-border)}.article-content table{width:100%;border-collapse:collapse;margin:24px 0;font-size:.938rem}.article-content th,.article-content td{padding:10px 14px;border:1px solid var(--color-border);text-align:left}.article-content th{background:var(--color-bg);font-weight:600}.article-content a{color:var(--color-primary);text-decoration:underline}.article-content a:hover{color:var(--color-primary-light)}.article-content input[type=checkbox]{margin-right:6px}.article-nav{max-width:720px;margin:48px auto 0;display:flex;justify-content:space-between;align-items:stretch;gap:24px;padding-top:32px;border-top:1px solid var(--color-border)}.article-nav-item{flex:1}.nav-right{text-align:right}.article-nav-link{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);text-decoration:none;transition:all var(--transition-duration)}.article-nav-link:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.nav-label{font-size:.813rem;color:var(--color-text-muted)}.nav-title{font-size:.938rem;font-weight:600;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-nav-link:hover .nav-title{color:var(--color-primary)}@media(max-width:768px){.case-article{padding-top:80px;padding-bottom:48px}.article-title{font-size:1.625rem}.article-desc{font-size:1rem}.article-content{font-size:.938rem}.article-content h2{font-size:1.375rem}.metrics-bar{flex-direction:column;gap:16px;padding:20px}.metric-block+.metric-block{border-left:none;padding-left:0;padding-top:12px;border-top:1px solid rgba(24,144,255,.15)}.metric-block-value{font-size:1.375rem}.article-nav{flex-direction:column}.nav-right{text-align:left}}