.blog-article{background:var(--color-bg);min-height:100vh}.blog-article-header{padding:96px 16px 0;max-width:1e3px;margin:0 auto}@media(min-width:768px){.blog-article-header{padding:120px 24px 0}}.blog-article-header__bar{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px dashed var(--color-border)}.blog-article-header__date,.blog-article-header__reading-time{font-size:13px;color:var(--color-text-muted);font-weight:500;white-space:nowrap}@media(max-width:767px){.blog-article-header__date,.blog-article-header__reading-time{display:none}.blog-article-header__bar{justify-content:center}}.blog-article-hero{max-width:1e3px;margin:0 auto;padding:40px 16px 0}.blog-article-hero__mobile-meta{display:none;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;color:var(--color-text-muted)}.blog-article-hero__mobile-meta-dot{color:var(--color-text-dim)}@media(max-width:767px){.blog-article-hero__mobile-meta{display:flex}}.blog-article-hero__title{font-size:32px;font-weight:900;color:var(--color-text);letter-spacing:-1.5px;line-height:1.12;margin-bottom:24px;max-width:720px}@media(min-width:768px){.blog-article-hero{padding:48px 24px 0}.blog-article-hero__title{font-size:clamp(36px,4vw,48px);letter-spacing:-2px}}.blog-article-hero__author{display:flex;align-items:center;gap:12px;padding-bottom:32px}.blog-article-hero__avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--color-bg);border:1.5px solid var(--color-border);display:flex;align-items:center;justify-content:center;padding:6px}.blog-article-hero__avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-article-hero__author-name{font-size:14px;font-weight:600;color:var(--color-text)}.blog-article-body{max-width:1e3px;margin:0 auto;padding:0 16px 96px}@media(min-width:768px){.blog-article-body{padding:0 24px 96px}}.blog-article-body__inner{display:flex;gap:48px;align-items:flex-start;border-top:1px solid var(--color-border);padding-top:40px}.blog-article-content{flex:1;min-width:0;max-width:680px}.blog-article-content h2{font-size:22px;font-weight:800;color:var(--color-text);letter-spacing:-.5px;line-height:1.3;margin-top:40px;margin-bottom:16px;scroll-margin-top:100px}.blog-article-content h2:first-of-type{margin-top:0}.blog-article-content h3{font-size:18px;font-weight:700;color:var(--color-text);letter-spacing:-.3px;line-height:1.4;margin-top:32px;margin-bottom:12px;scroll-margin-top:100px}.blog-article-content p{font-size:16px;color:var(--color-text-secondary);line-height:1.75;margin-bottom:20px}.blog-article-content ol,.blog-article-content ul{padding-left:24px;margin-bottom:20px}.blog-article-content li{font-size:16px;color:var(--color-text-secondary);line-height:1.75;margin-bottom:8px}.blog-article-content blockquote{background:var(--color-bg-subtle);border-left:3px solid var(--color-blue);padding:16px 20px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:24px 0;font-style:italic}.blog-article-content blockquote p{font-size:15px;color:var(--color-text-secondary);margin-bottom:0}.blog-article-content blockquote cite{display:block;font-size:13px;color:var(--color-text-muted);margin-top:8px;font-style:normal}.blog-article-content strong{font-weight:600;color:var(--color-text)}.blog-article-content a{color:var(--color-blue);text-decoration:underline;text-underline-offset:2px;transition:opacity var(--duration-fast) var(--ease-default)}.blog-article-content a:hover{opacity:.7}.blog-mock{margin:32px 0;width:100%;background:#fff;border-radius:20px;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 4px #00000008,0 12px 40px #00000014;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:inherit}.blog-mock__header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 12px;border-bottom:1px solid #f0f0f0}.blog-mock__header-title{font-size:13px;font-weight:700;color:var(--color-text);display:flex;align-items:center;gap:6px}.blog-mock__header-title svg{width:14px;height:14px;color:var(--color-text-muted)}.blog-mock__badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}.blog-mock__badge--red{background:#fee2e2;color:#dc2626}.blog-mock__badge--blue{background:#dbeafe;color:var(--color-blue)}.blog-mock__row{display:flex;align-items:center;gap:12px;padding:11px 18px;border-bottom:1px solid #f8f8f8}.blog-mock__row:last-child{border-bottom:none}.blog-mock__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.blog-mock__dot--green{background:#22c55e}.blog-mock__dot--yellow{background:#eab308}.blog-mock__dot--red{background:#ef4444}.blog-mock__row-info{flex:1;min-width:0}.blog-mock__row-title{font-size:12px;font-weight:700;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-mock__row-sub{font-size:11px;color:var(--color-text-muted);margin-top:1px}.blog-mock__row-right{flex-shrink:0;text-align:right}.blog-mock__row-time{font-size:11px;font-weight:600;color:var(--color-text-muted)}.blog-mock__pill{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:3px 7px;border-radius:999px;margin-top:3px}.blog-mock__pill--green{background:#dcfce7;color:#15803d}.blog-mock__pill--yellow{background:#fef9c3;color:#a16207}.blog-mock__pill--red{background:#fee2e2;color:#dc2626}.blog-mock__stat{padding:16px 18px;text-align:center}.blog-mock__stat-value{font-size:28px;font-weight:900;color:var(--color-text);letter-spacing:-1px;line-height:1.1}.blog-mock__stat-label{font-size:11px;color:var(--color-text-muted);margin-top:4px}.blog-mock__bar{height:6px;border-radius:3px;background:#f0f0f0;margin:12px 18px 16px;overflow:hidden}.blog-mock__bar-fill{height:100%;border-radius:3px;background:#ef4444;width:38%}.blog-article-toc-mobile a{text-decoration:none;color:var(--color-text-muted)}.blog-article-toc-mobile a:hover{color:var(--color-text-secondary);opacity:1}.blog-article-toc{width:240px;min-width:240px;position:sticky;top:100px}@media(max-width:1023px){.blog-article-toc{display:none}}.blog-article-toc__label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);margin-bottom:16px}.blog-article-toc__list{display:flex;flex-direction:column;gap:2px}.blog-article-toc__link{display:block;font-size:13px;color:var(--color-text-muted);text-decoration:none;padding:6px 12px;border-left:2px solid transparent;transition:all var(--duration-fast) var(--ease-default);line-height:1.4}.blog-article-toc__link:hover{color:var(--color-text-secondary)}.blog-article-toc__link.active{color:var(--color-text);font-weight:600;border-left-color:var(--color-blue)}.blog-article-toc-mobile{display:none;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px 20px;margin-bottom:32px}@media(max-width:1023px){.blog-article-toc-mobile{display:block}}.blog-article-toc-mobile__label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);margin-bottom:12px}.blog-article-toc-mobile__list{display:flex;flex-direction:column;gap:2px}.blog-article-toc-mobile__link{display:block;font-size:13px;color:var(--color-text-muted);text-decoration:none;padding:6px 12px;border-left:2px solid transparent;transition:all var(--duration-fast) var(--ease-default);line-height:1.4}.blog-article-toc-mobile__link:hover{color:var(--color-text-secondary)}.blog-article-back{max-width:1e3px;margin:0 auto;padding:0 16px 64px}@media(min-width:768px){.blog-article-back{padding:0 24px 64px}}.blog-article-back__link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--color-text-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease-default)}.blog-article-back__link:hover{color:var(--color-blue)}.blog-article-back__link svg{width:16px;height:16px}