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