@charset "UTF-8";:root{--surface: #ECF0F3;--surface-raised: #F2F5F8;--surface-inset: #E3E7EB;--surface-ink: #F7FAFC;--shadow-dark: #A6B4C8;--shadow-light: #FFFFFF;--neu-sm: 4px 4px 8px var(--shadow-dark), -4px -4px 8px var(--shadow-light);--neu-md: 8px 8px 16px var(--shadow-dark), -8px -8px 16px var(--shadow-light);--neu-lg: 12px 12px 24px var(--shadow-dark), -12px -12px 24px var(--shadow-light);--neu-xl: 20px 20px 40px var(--shadow-dark), -20px -20px 40px var(--shadow-light);--neu-inset-sm: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light);--neu-inset-md: inset 8px 8px 16px var(--shadow-dark), inset -8px -8px 16px var(--shadow-light);--purple: #7B81BE;--purple-soft: rgba(123, 129, 190, .12);--blue: #6B92E5;--blue-soft: rgba(107, 146, 229, .12);--pink: #F88AB0;--pink-soft: rgba(248, 138, 176, .12);--orange: #E8A040;--orange-soft: rgba(232, 160, 64, .12);--green: #7cd506;--green-soft: rgba(124, 213, 6, .12);--teal: #2BB3A3;--teal-soft: rgba(43, 179, 163, .12);--accent: #6B92E5;--accent-soft: rgba(107, 146, 229, .12);--success: #7cd506;--success-soft: rgba(124, 213, 6, .12);--warning: #ECC94B;--warning-soft: rgba(236, 201, 75, .12);--error: #F56565;--error-soft: rgba(245, 101, 101, .12);--info: #6B92E5;--info-soft: rgba(107, 146, 229, .12);--gray-50: #F7FAFC;--gray-100: #EDF2F7;--gray-200: #E2E8F0;--gray-300: #CBD5E0;--gray-400: #A0AEC0;--gray-500: #718096;--gray-600: #4A5568;--gray-700: #2D3748;--gray-800: #1A202C;--gray-900: #171923;--text-primary: #1A202C;--text-secondary: #4A5568;--text-tertiary: #718096;--text-placeholder: #A0AEC0;--text-on-accent: #FFFFFF;--text-link: #6B92E5;--border-subtle: rgba(166, 180, 200, .15);--border-default: rgba(166, 180, 200, .25);--border-strong: rgba(166, 180, 200, .4);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Monaco", "Menlo", monospace;--text-3xs: 9px;--text-2xs: 10px;--text-xxs: 11px;--text-xs: 12px;--text-sm: 13px;--text-mid: 14px;--text-base: 15px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-2_5xl: 28px;--text-3xl: 30px;--text-4xl: 36px;--text-5xl: 48px;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.65;--sp-0_5: 2px;--sp-1: 4px;--sp-1_5: 6px;--sp-2: 8px;--sp-2_5: 10px;--sp-3: 12px;--sp-3_5: 14px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 28px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--radius-xs: 4px;--radius-s: 6px;--radius-sm: 8px;--radius-base: 10px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--sidebar-width: 56px;--sidebar-expanded: 240px;--header-height: 56px;--status-bar-height: 36px;--content-max: 1400px;--ease-default: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--overlay-bg: rgb(236 240 243 / 76%);--tooltip-bg: #1A202C;--tooltip-text: #FFFFFF;--border: var(--border-default);--surface-hover: var(--surface-raised)}[data-theme=dark]{--surface: #1E2533;--surface-raised: #252D3D;--surface-inset: #181E2A;--surface-ink: #212938;--shadow-dark: #141820;--shadow-light: #283040;--text-primary: #E2E8F0;--text-secondary: #A0AEC0;--text-tertiary: #718096;--text-placeholder: #4A5568;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--overlay-bg: rgb(30 37 51 / 82%);--tooltip-bg: #E2E8F0;--tooltip-text: #1A202C;--gray-50: #171923;--gray-100: #1A202C;--gray-200: #2D3748;--gray-300: #4A5568;--gray-400: #718096;--gray-500: #A0AEC0;--gray-600: #CBD5E0;--gray-700: #E2E8F0;--gray-800: #EDF2F7;--gray-900: #F7FAFC}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}body.blog-body{font-family:var(--font-sans);background:var(--surface);color:var(--text-primary);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}a{color:var(--purple);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}hr{color:var(--border-subtle)}.blog-nav{background:var(--surface);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:100}.blog-nav__inner{max-width:1600px;margin:0 auto;padding:0 var(--sp-6);height:64px;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);position:relative}.blog-nav__logo{display:flex;align-items:center;gap:var(--sp-2_5);color:var(--text-primary);font-weight:700;font-size:var(--text-base);text-decoration:none;transition:opacity .15s ease}.blog-nav__logo-mark{width:32px;height:32px;background:var(--purple);color:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:800;flex-shrink:0;box-shadow:var(--neu-sm)}.blog-nav__links{display:flex;align-items:center;gap:var(--sp-6);font-size:var(--text-mid);transition:opacity .15s ease}.blog-nav__links a{color:var(--text-secondary);text-decoration:none;transition:color var(--duration-fast)}.blog-nav__links a:hover{color:var(--text-primary)}.blog-nav__cta{color:var(--purple)!important;font-weight:600}.blog-nav__search-btn{width:36px;height:36px;border:none;background:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:var(--text-lg);transition:color .15s ease,opacity .15s ease;flex-shrink:0}.blog-nav__search-btn:hover{color:var(--text-primary)}.blog-nav__search-wrap{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;padding:0 var(--sp-6);align-items:center;background:var(--surface)}.blog-nav__search-form{display:flex;align-items:center;gap:var(--sp-3);width:100%}.blog-nav__search-input{flex:1;height:44px;padding:0 var(--sp-5);border:none;border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--neu-sm);font-size:var(--text-lg);font-family:var(--font-sans);color:var(--text-primary);outline:none}.blog-nav__search-input::placeholder{color:var(--text-placeholder)}.blog-nav__search-submit{height:44px;padding:0 var(--sp-5);border:none;border-radius:var(--radius-sm);background:var(--surface);color:#fff;font-size:var(--text-base);font-family:var(--font-sans);font-weight:600;cursor:pointer;box-shadow:var(--neu-sm);display:flex;align-items:center;gap:var(--sp-2);transition:box-shadow .15s ease}.blog-nav__search-submit:hover{box-shadow:var(--neu-md)}.blog-nav__search-close{width:44px;height:44px;border:none;border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);font-size:var(--text-base);cursor:pointer;box-shadow:var(--neu-sm);display:flex;align-items:center;justify-content:center;transition:box-shadow .15s ease}.blog-nav__search-close:hover{box-shadow:var(--neu-md);color:var(--text-primary)}.blog-nav--search-active .blog-nav__search-wrap{display:flex}.blog-nav--search-active .blog-nav__links,.blog-nav--search-active .blog-nav__logo,.blog-nav--search-active .blog-nav__search-btn{opacity:0;pointer-events:none}.blog-main{min-height:calc(100vh - 132px)}.blog-messages{max-width:1600px;margin:var(--sp-4) auto;padding:0 var(--sp-6)}.blog-message{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);font-size:var(--text-mid);margin-bottom:var(--sp-2);background:var(--surface-raised);box-shadow:var(--neu-sm)}.blog-message--success{border-left:3px solid var(--success)}.blog-message--error{border-left:3px solid var(--error)}.blog-message--info{border-left:3px solid var(--purple)}.blog-footer{background:var(--surface-inset);border-top:1px solid var(--border-default);margin-top:var(--sp-16)}.blog-footer__inner{max-width:1600px;margin:0 auto;padding:var(--sp-5) var(--sp-6);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.blog-footer__brand{font-size:var(--text-mid);color:var(--text-secondary)}.blog-footer__links{display:flex;gap:var(--sp-5);font-size:var(--text-mid)}.blog-footer__links a{color:var(--text-tertiary);text-decoration:none}.blog-footer__links a:hover{color:var(--purple)}.blog-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--neu-sm);overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.blog-card:hover{box-shadow:var(--neu-md);transform:translateY(-2px)}.blog-card__img{width:100%;aspect-ratio:16/9;object-fit:cover}.blog-card__body{padding:var(--sp-5)}.blog-card__category{font-size:var(--text-xxs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--purple);margin-bottom:var(--sp-2)}.blog-card__title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--sp-2);line-height:var(--leading-tight)}.blog-card__desc{font-size:var(--text-mid);color:var(--text-secondary);line-height:var(--leading-normal);margin-bottom:var(--sp-4);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card__meta{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--text-xs);color:var(--text-tertiary)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--sp-6)}.blog-page,.blog-article-page{max-width:1600px;margin:0 auto;padding:var(--sp-10) var(--sp-6)}@keyframes article-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes article-hero-reveal{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.blog-article-page .article-pre-hero{animation:article-fade-up .55s cubic-bezier(.2,0,.1,1) both}.blog-article-page .article-hero{animation:article-hero-reveal .75s cubic-bezier(.2,0,.1,1) .08s both}.blog-article-page .article-lead-block{animation:article-fade-up .55s cubic-bezier(.2,0,.1,1) .15s both}.blog-article-page .article-content-main{animation:article-fade-up .55s cubic-bezier(.2,0,.1,1) .22s both}.blog-article-page .article-sidebar-minimal{animation:article-fade-up .55s cubic-bezier(.2,0,.1,1) .28s both}@media (prefers-reduced-motion: reduce){.blog-article-page .article-pre-hero,.blog-article-page .article-hero,.blog-article-page .article-lead-block,.blog-article-page .article-content-main,.blog-article-page .article-sidebar-minimal{animation:none}}@keyframes blog-grain{0%{transform:translate(0)}20%{transform:translate(-3%,-4%)}40%{transform:translate(4%,3%)}60%{transform:translate(-2%,5%)}80%{transform:translate(3%,-2%)}to{transform:translate(0)}}.blog-grain{position:fixed;top:-10%;right:-10%;bottom:-10%;left:-10%;width:120%;height:120%;z-index:9000;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23g)'/%3E%3C/svg%3E");background-size:220px 220px;animation:blog-grain .4s steps(1) infinite}@media (prefers-reduced-motion: reduce){.blog-grain{animation:none}}.article-content-wrapper{max-width:720px;margin:0 auto}.article-content-main{width:100%;overflow:visible}.article-content h2{font-size:var(--text-2xl);font-weight:700;margin:var(--sp-10) 0 var(--sp-4);color:var(--text-primary)}.article-content h3{font-size:var(--text-xl);font-weight:600;margin:var(--sp-8) 0 var(--sp-3);color:var(--text-primary)}.article-content p{margin-bottom:var(--sp-5);font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text-primary)}.article-content ul,.article-content ol{margin:0 0 var(--sp-5) var(--sp-6)}.article-content li{margin-bottom:var(--sp-2);font-size:var(--text-md);line-height:var(--leading-relaxed)}.article-content blockquote{border-left:3px solid var(--purple);margin:var(--sp-8) 0;padding:var(--sp-4) var(--sp-6);background:var(--surface-inset);box-shadow:var(--neu-inset-sm);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic;color:var(--text-secondary)}.article-content pre{background:var(--surface-inset);box-shadow:var(--neu-inset-sm);border-radius:var(--radius-sm);padding:var(--sp-5);overflow-x:auto;font-size:var(--text-mid);margin-bottom:var(--sp-5);font-family:var(--font-mono)}.article-content code{background:var(--purple-soft);color:var(--purple);padding:2px var(--sp-1_5);border-radius:var(--radius-xs);font-size:var(--text-mid);font-family:var(--font-mono)}.article-content pre code{background:none;color:inherit;padding:0}.article-content img{border-radius:var(--radius-md);box-shadow:var(--neu-sm);margin:var(--sp-8) 0}.article-content a{color:var(--purple)}.article-content a:hover{text-decoration:underline}.article-content hr{border:none;height:1px;background:var(--border-default);margin:var(--sp-10) 0}.article-pre-hero{max-width:720px;padding:36px 0 24px}.article-pre-hero .article-header{margin-bottom:0}@media (min-width: 1025px){.article-pre-hero{max-width:none;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-10)}.article-pre-hero .article-breadcrumbs{order:1;margin-bottom:0;flex-shrink:0;max-width:280px;padding-top:var(--sp-1_5)}.article-pre-hero .article-header{order:0;flex:1;min-width:0}}.article-breadcrumbs,.blog-breadcrumbs{margin-bottom:var(--sp-5)}.article-breadcrumbs ol,.blog-breadcrumbs ol{display:flex;align-items:center;gap:var(--sp-1_5);list-style:none;font-size:var(--text-sm);color:var(--text-tertiary);flex-wrap:wrap}.article-breadcrumbs ol a,.blog-breadcrumbs ol a{color:var(--text-tertiary);text-decoration:none}.article-breadcrumbs ol a:hover,.blog-breadcrumbs ol a:hover{color:var(--purple)}.article-breadcrumbs li+li:before,.blog-breadcrumbs li+li:before{content:"›";margin-right:var(--sp-1_5)}.article-breadcrumbs__item--current,.blog-breadcrumbs__item--current{color:var(--text-secondary);font-weight:500}.article-breadcrumbs__category-tag,.blog-breadcrumbs__category-tag{display:inline-block;background:var(--orange-soft);color:var(--warning)!important;border-radius:100px;padding:2px 12px;font-weight:600;font-size:var(--text-xs);line-height:1.6;text-decoration:none!important}.article-breadcrumbs__category-tag:hover,.blog-breadcrumbs__category-tag:hover{opacity:.85}.article-header__title{font-size:var(--text-4xl);font-weight:800;line-height:var(--leading-tight);color:var(--text-primary);margin-bottom:var(--sp-4)}.article-header__meta{display:flex;align-items:center;gap:var(--sp-4);font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--sp-6);flex-wrap:wrap}.article-hero-img{width:100%;max-height:480px;object-fit:cover;border-radius:var(--radius-md);box-shadow:var(--neu-md);margin-bottom:var(--sp-8)}.blog-header{padding:var(--sp-12) 0 var(--sp-8);text-align:center}.blog-header__title{font-size:var(--text-4xl);font-weight:800;color:var(--text-primary);margin-bottom:var(--sp-3)}.blog-header__subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:560px;margin:0 auto}.blog-categories-tabs{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-8)}.blog-category-tab{padding:var(--sp-1_5) var(--sp-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;background:var(--surface);box-shadow:var(--neu-sm);color:var(--text-secondary);text-decoration:none;transition:all .15s ease}.blog-category-tab:hover,.blog-category-tab.active{background:var(--purple);color:#fff;box-shadow:none;text-decoration:none}.blog-search-form{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-6)}.blog-search-input{flex:1;padding:var(--sp-2_5) var(--sp-4);border-radius:var(--radius-sm);border:none;background:var(--surface-inset);box-shadow:var(--neu-inset-sm);font-size:var(--text-mid);font-family:var(--font-sans);color:var(--text-primary);outline:none}.blog-search-input::placeholder{color:var(--text-placeholder)}.blog-search-input:focus{box-shadow:var(--neu-inset-md)}.blog-search-btn{padding:var(--sp-2_5) var(--sp-5);border-radius:var(--radius-sm);border:none;background:var(--purple);color:#fff;font-size:var(--text-mid);font-weight:600;cursor:pointer;font-family:var(--font-sans);box-shadow:var(--neu-sm);transition:box-shadow .15s ease}.blog-search-btn:hover{box-shadow:var(--neu-md)}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:var(--sp-2);margin-top:var(--sp-12)}.blog-pagination a,.blog-pagination span{padding:var(--sp-2) var(--sp-3_5);border-radius:var(--radius-sm);font-size:var(--text-mid);background:var(--surface);box-shadow:var(--neu-sm);color:var(--text-secondary);text-decoration:none;transition:box-shadow .15s ease}.blog-pagination a:hover,.blog-pagination span:hover{box-shadow:var(--neu-md);color:var(--text-primary)}.blog-pagination .current{background:var(--purple);color:#fff;box-shadow:none}.blog-newsletter{background:var(--surface);border-top:1px solid var(--border-subtle);border-radius:0;padding:var(--sp-16) var(--sp-8);text-align:center;margin:var(--sp-12) auto 0;max-width:100%}.blog-newsletter h2{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--sp-2);color:var(--text-primary)}.blog-newsletter p{color:var(--text-secondary);margin-bottom:var(--sp-6);font-size:var(--text-md)}.blog-newsletter-form{display:flex;gap:var(--sp-2);max-width:400px;margin:0 auto}.blog-tags{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin:var(--sp-6) 0}.blog-tag{padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;background:var(--purple-soft);color:var(--purple);text-decoration:none;transition:all .15s ease}.blog-tag:hover{background:var(--purple);color:#fff;text-decoration:none}.blog-read-time,.blog-views{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--text-xs);color:var(--text-tertiary)}.blog-btn{display:inline-flex;align-items:center;gap:var(--sp-1_5);padding:var(--sp-2_5) var(--sp-5);border-radius:var(--radius-sm);font-size:var(--text-mid);font-weight:600;cursor:pointer;border:none;font-family:var(--font-sans);transition:all .15s ease}.blog-btn--primary{background:var(--purple);color:#fff;box-shadow:var(--neu-sm)}.blog-btn--primary:hover{box-shadow:var(--neu-md)}.blog-btn--ghost{background:var(--surface);color:var(--text-secondary);box-shadow:var(--neu-sm)}.blog-btn--ghost:hover{box-shadow:var(--neu-md);color:var(--text-primary)}.blog-author-card{display:flex;align-items:center;gap:var(--sp-4);background:var(--surface);box-shadow:var(--neu-sm);border-radius:var(--radius-md);padding:var(--sp-5);margin:var(--sp-10) 0}.blog-author-card__avatar{width:56px;height:56px;border-radius:var(--radius-full);object-fit:cover;box-shadow:var(--neu-sm);flex-shrink:0}.blog-author-card__name{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.blog-author-card__position{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--sp-0_5)}@media (max-width: 768px){.blog-nav__links{gap:var(--sp-3);font-size:var(--text-sm)}.blog-nav__links a:not(.blog-nav__cta):not(.blog-nav__search-btn){display:none}.blog-header__title{font-size:var(--text-3xl)}.article-header__title{font-size:var(--text-2xl)}.blog-page,.blog-article-page{padding:var(--sp-6) var(--sp-4)}.blog-grid{grid-template-columns:1fr}.blog-newsletter{padding:var(--sp-8) var(--sp-4)}.blog-newsletter-form{flex-direction:column}.blog-footer__inner{flex-direction:column;text-align:center}.article-hero-img{max-height:280px}}.blog-cover{max-width:1600px;margin:0 auto;padding:var(--sp-8) var(--sp-6) 0}.blog-cover__link{display:block;text-decoration:none;border-radius:var(--radius-lg);overflow:hidden;position:relative}.blog-cover__link:hover{text-decoration:none}.blog-cover__link:hover .blog-cover__title{text-decoration:underline}.blog-cover__image{position:relative}.blog-cover__image img{width:100%;aspect-ratio:21/8;object-fit:cover;display:block}.blog-cover__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000c,#0000004d,#0000000d)}.blog-cover__content{position:absolute;bottom:0;left:0;right:0;padding:var(--sp-10) var(--sp-10) var(--sp-10)}@media (max-width: 768px){.blog-cover__content{padding:var(--sp-6)}}.blog-cover__category{display:inline-block;padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;background:#7b81bed9;color:#fff;margin-bottom:var(--sp-4);text-decoration:none}.blog-cover__title{font-size:clamp(24px,3.5vw,54px);font-weight:800;line-height:1.12;letter-spacing:-.02em;color:#fff;margin-bottom:var(--sp-4);max-width:840px;text-shadow:0 1px 4px rgba(0,0,0,.3)}.blog-cover__meta{display:flex;align-items:center;gap:var(--sp-4);font-size:var(--text-sm);color:#ffffffbf;flex-wrap:wrap}.blog-cover__meta i{font-size:var(--text-xs)}.blog-cover__no-image{background:linear-gradient(135deg,var(--purple-soft),var(--blue-soft));border-radius:var(--radius-lg);padding:var(--sp-16) var(--sp-10);border:1px solid var(--border-subtle)}.blog-cover__no-image .blog-cover__category{background:var(--purple)}.blog-cover__no-image .blog-cover__title{color:var(--text-primary);text-shadow:none;font-size:clamp(24px,3vw,48px)}.blog-cover__no-image .blog-cover__meta{color:var(--text-tertiary)}@media (max-width: 768px){.blog-cover{padding:var(--sp-4) var(--sp-4) 0}.blog-cover__image img{aspect-ratio:16/9}}.blog-hero{background:var(--surface);border-bottom:1px solid var(--border-subtle);padding:var(--sp-16) var(--sp-6) var(--sp-12)}.blog-hero__inner{max-width:1600px;margin:0 auto}.blog-hero__breadcrumbs{margin-bottom:var(--sp-6)}.blog-hero__breadcrumbs-list{display:flex;align-items:center;gap:var(--sp-1_5);list-style:none;font-size:var(--text-sm);color:var(--text-tertiary);flex-wrap:wrap}.blog-hero__breadcrumbs-list a{color:var(--text-tertiary);text-decoration:none}.blog-hero__breadcrumbs-list a:hover{color:var(--purple)}.blog-hero__breadcrumbs-item+.blog-hero__breadcrumbs-item:before{content:"›";margin-right:var(--sp-1_5)}.blog-hero__content{max-width:680px}.blog-hero__title{font-size:clamp(40px,6vw,72px);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--text-primary);margin-bottom:var(--sp-4)}.blog-hero__subtitle{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--sp-8);line-height:var(--leading-relaxed)}.blog-hero__search{display:flex;gap:var(--sp-2);max-width:520px;margin-bottom:var(--sp-6)}.blog-hero__input{flex:1;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);border:none;background:var(--surface-inset);box-shadow:var(--neu-inset-sm);font-size:var(--text-base);font-family:var(--font-sans);color:var(--text-primary);outline:none}.blog-hero__input::placeholder{color:var(--text-placeholder)}.blog-hero__input:focus{box-shadow:var(--neu-inset-md)}.blog-hero__btn{padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-sm);border:none;background:var(--purple);color:#fff;font-size:var(--text-base);font-weight:600;cursor:pointer;font-family:var(--font-sans);box-shadow:var(--neu-sm);white-space:nowrap;transition:box-shadow .15s ease}.blog-hero__btn:hover{box-shadow:var(--neu-md)}.blog-hero__tags{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.blog-hero__tags-label{font-size:var(--text-sm);color:var(--text-tertiary);flex-shrink:0}.blog-hero__tag{padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;background:var(--purple-soft);color:var(--purple);text-decoration:none;transition:all .15s ease}.blog-hero__tag:hover{background:var(--purple);color:#fff;text-decoration:none}@media (max-width: 768px){.blog-hero{padding:var(--sp-10) var(--sp-4) var(--sp-8)}.blog-hero__title{font-size:clamp(32px,8vw,48px)}.blog-hero__search{flex-direction:column}.blog-hero__btn{text-align:center}}.blog-category-tabs{border-bottom:1px solid var(--border-default);background:var(--surface);margin-bottom:var(--sp-16)}.blog-category-tabs__list{max-width:1600px;margin:0 auto;padding:0 var(--sp-6);display:flex;list-style:none;overflow-x:auto;scrollbar-width:none}.blog-category-tabs__list::-webkit-scrollbar{display:none}.blog-category-tabs__item{flex-shrink:0}.blog-category-tabs__link{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-decoration:none;border-bottom:2px solid transparent;transition:all .15s ease}.blog-category-tabs__link i{font-size:var(--text-base)}.blog-category-tabs__link:hover{color:var(--text-primary);text-decoration:none}.blog-category-tabs__link--active{color:var(--purple);border-bottom-color:var(--purple);font-weight:600}.article-card__title a{background:linear-gradient(currentColor,currentColor);background-size:0 1px;background-position:0 100%;background-repeat:no-repeat;text-decoration:none!important;color:var(--text-primary);transition:background-size .4s cubic-bezier(.8,0,.2,1)}.article-card__title a:hover{background-size:100% 1px;text-decoration:none!important}.article-card__category{display:inline-block;padding:var(--sp-0_5) var(--sp-2_5);border-radius:var(--radius-full);font-size:var(--text-xxs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;background:var(--purple-soft);color:var(--purple);text-decoration:none;margin-bottom:var(--sp-3)}.article-card__category:hover{text-decoration:none}.article-card__meta{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--text-xs);color:var(--text-tertiary);flex-wrap:wrap}.article-card__excerpt{font-size:var(--text-mid);color:var(--text-secondary);line-height:var(--leading-normal);margin-bottom:var(--sp-3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card__rating{position:absolute;top:var(--sp-3);right:var(--sp-3);background:#000000a6;color:#fff;padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-xs);font-size:var(--text-xs)}.article-card__image{position:relative;overflow:hidden;border-radius:0}.article-card__image--video{background:#000}.article-card__video-el{width:100%;display:block;object-fit:cover}.article-card__video-thumb{position:relative}.article-card__video-thumb img{width:100%;display:block;object-fit:cover}.article-card__play-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .15s ease}.article-card__play-icon:hover{transform:scale(1.1)}.article-card--featured-large{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--neu-sm);overflow:hidden;height:100%;display:flex;flex-direction:column;transition:box-shadow .2s ease}.article-card--featured-large .article-card__image img,.article-card--featured-large .article-card__video-el,.article-card--featured-large .article-card__video-thumb img{width:100%;aspect-ratio:21/9;object-fit:cover;display:block}.article-card--featured-large .article-card__content{padding:var(--sp-6);flex:1}.article-card--featured-large .article-card__title{font-size:var(--text-2xl);font-weight:700;line-height:var(--leading-tight);margin-bottom:var(--sp-3)}.article-card--featured-large:hover{box-shadow:var(--neu-md)}.article-card--featured-compact{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--neu-sm);padding:var(--sp-5);display:flex;gap:var(--sp-4);align-items:flex-start;transition:box-shadow .2s ease}.article-card--featured-compact .article-card__number{font-size:var(--text-4xl);font-weight:800;color:var(--border-strong);line-height:1;flex-shrink:0;width:40px;text-align:center}.article-card--featured-compact .article-card__title{font-size:var(--text-base);font-weight:600;line-height:var(--leading-tight);margin-bottom:var(--sp-2)}.article-card--featured-compact:hover{box-shadow:var(--neu-md)}.article-card--large{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--neu-sm);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s ease}.article-card--large .article-card__image img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.article-card--large .article-card__content{padding:var(--sp-5);flex:1}.article-card--large .article-card__title{font-size:var(--text-lg);font-weight:700;line-height:var(--leading-tight);margin-bottom:var(--sp-2)}.article-card--large:hover{box-shadow:var(--neu-md)}.article-card--seasonal{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--neu-sm);overflow:hidden;transition:box-shadow .2s ease}.article-card--seasonal .article-card__image img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.article-card--seasonal .article-card__content{padding:var(--sp-4)}.article-card--seasonal .article-card__title{font-size:var(--text-base);font-weight:600;line-height:var(--leading-tight);margin-bottom:var(--sp-2)}.article-card--seasonal:hover{box-shadow:var(--neu-md)}.article-card--compact-new{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-4) 0;border-bottom:1px solid var(--border-subtle)}.article-card--compact-new:last-child{border-bottom:none}.article-card--compact-new .article-card__image{flex-shrink:0}.article-card--compact-new .article-card__image img{width:80px;height:60px;object-fit:cover;border-radius:var(--radius-sm)}.article-card--compact-new .article-card__title{font-size:var(--text-sm);font-weight:600;line-height:var(--leading-tight);margin-bottom:var(--sp-1)}.article-card--compact .article-card__image img{aspect-ratio:4/3}.article-card__footer{margin-top:var(--sp-3)}.article-card__link{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--text-sm);font-weight:600;color:var(--purple);text-decoration:none}.article-card__link:hover{text-decoration:underline}.blog-featured{max-width:1600px;margin:0 auto var(--sp-20);padding:var(--sp-16) var(--sp-6) 0;border-top:1px solid var(--border-subtle)}.blog-featured__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-8);gap:var(--sp-4)}.blog-featured__title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--sp-2)}.blog-featured__title i{color:var(--purple)}.blog-featured__link{font-size:var(--text-sm);font-weight:500;color:var(--purple);text-decoration:none;display:inline-flex;align-items:center;gap:var(--sp-1);white-space:nowrap}.blog-featured__link:hover{text-decoration:underline}.blog-featured__grid{display:grid;grid-template-columns:3fr 2fr;gap:var(--sp-6);align-items:stretch}.blog-featured__main{height:100%}.blog-featured__sidebar{display:flex;flex-direction:column;gap:var(--sp-4)}@media (max-width: 900px){.blog-featured__grid{grid-template-columns:1fr}.blog-featured__sidebar{flex-direction:row;flex-wrap:wrap}}.blog-latest{max-width:1600px;margin:0 auto var(--sp-20);padding:var(--sp-16) var(--sp-6) 0;border-top:1px solid var(--border-subtle)}.blog-latest__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-8);gap:var(--sp-4)}.blog-latest__title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.blog-latest__link{font-size:var(--text-sm);font-weight:500;color:var(--purple);text-decoration:none;display:inline-flex;align-items:center;gap:var(--sp-1);white-space:nowrap}.blog-latest__link:hover{text-decoration:underline}.blog-latest__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6);margin-bottom:var(--sp-6)}.blog-latest__compact{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}@media (max-width: 900px){.blog-latest__grid{grid-template-columns:1fr}.blog-latest__compact{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.blog-latest__compact{grid-template-columns:1fr}}.blog-seasonal{margin:0 0 var(--sp-20);padding:var(--sp-10) var(--sp-6);border-radius:var(--radius-lg)}.blog-seasonal__header{max-width:1600px;margin:0 auto var(--sp-8);display:flex;align-items:center;gap:var(--sp-4)}.blog-seasonal__icon{width:56px;height:56px;border-radius:var(--radius-full);background:#fff3;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);flex-shrink:0}.blog-seasonal__title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--sp-1)}.blog-seasonal__subtitle{font-size:var(--text-mid);color:var(--text-secondary)}.blog-seasonal__grid{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5)}@media (max-width: 900px){.blog-seasonal__grid{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.blog-seasonal{padding:var(--sp-8) var(--sp-4)}.blog-seasonal__grid{grid-template-columns:1fr}}.blog-empty-block{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-12);color:var(--text-tertiary);font-size:var(--text-mid)}.blog-empty-block i{font-size:var(--text-3xl);opacity:.4}.blog-tools{max-width:1600px;margin:0 auto var(--sp-20);padding:0 var(--sp-6);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}.blog-tools__card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--neu-sm);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3);text-decoration:none;color:var(--text-primary);transition:box-shadow .2s ease;position:relative}.blog-tools__card:hover{box-shadow:var(--neu-md);text-decoration:none}.blog-tools__icon{width:44px;height:44px;border-radius:var(--radius-sm);background:var(--purple-soft);color:var(--purple);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);flex-shrink:0}.blog-tools__content{flex:1}.blog-tools__title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--sp-1)}.blog-tools__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.blog-tools__arrow{position:absolute;top:var(--sp-4);right:var(--sp-4);color:var(--text-tertiary);font-size:var(--text-sm);transition:transform .15s ease}.blog-tools__card:hover .blog-tools__arrow{transform:translate(3px)}@media (max-width: 900px){.blog-tools{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.blog-tools{grid-template-columns:1fr}}.blog-expert{max-width:1600px;margin:0 auto var(--sp-20);padding:var(--sp-8) var(--sp-10);border-top:1px solid var(--border-subtle);background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--neu-sm);border-left:4px solid var(--purple);display:flex;gap:var(--sp-8);align-items:flex-start}@media (max-width: 900px){.blog-expert{margin-left:var(--sp-6);margin-right:var(--sp-6);flex-direction:column;gap:var(--sp-5);padding:var(--sp-6)}}.blog-expert__photo{flex-shrink:0}.blog-expert__avatar{width:80px;height:80px;border-radius:var(--radius-full);object-fit:cover;box-shadow:var(--neu-sm)}.blog-expert__avatar--placeholder{background:var(--purple-soft);color:var(--purple);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl)}.blog-expert__content{flex:1}.blog-expert__label{display:inline-flex;align-items:center;gap:var(--sp-1_5);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--purple);margin-bottom:var(--sp-3)}.blog-expert__quote{font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text-primary);font-style:italic;margin:0 0 var(--sp-5);border:none;padding:0;background:none;box-shadow:none}.blog-expert__author{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.blog-expert__name{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.blog-expert__position{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--sp-0_5)}.blog-expert__link{font-size:var(--text-sm);font-weight:500;color:var(--purple);text-decoration:none;display:inline-flex;align-items:center;gap:var(--sp-1);white-space:nowrap}.blog-expert__link:hover{text-decoration:underline}.blog-faq{max-width:1600px;margin:0 auto var(--sp-20);padding:0 var(--sp-6)}.blog-faq__header{margin-bottom:var(--sp-8);text-align:center}.blog-faq__title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--sp-2)}.blog-faq__subtitle{font-size:var(--text-mid);color:var(--text-secondary)}.blog-faq__list{display:flex;flex-direction:column;gap:var(--sp-2)}.blog-faq__item{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--neu-sm);overflow:hidden}.blog-faq__question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6);font-size:var(--text-base);font-weight:600;color:var(--text-primary);background:none;border:none;cursor:pointer;font-family:var(--font-sans);text-align:left;transition:background .15s ease}.blog-faq__question:hover{background:var(--surface-raised)}.blog-faq__question i{flex-shrink:0;font-size:var(--text-lg);color:var(--purple);transition:transform .2s ease}.blog-faq__question[aria-expanded=true] i{transform:rotate(180deg)}.blog-faq__answer{padding:0 var(--sp-6) var(--sp-5);font-size:var(--text-mid);color:var(--text-secondary);line-height:var(--leading-relaxed);display:none}.blog-faq__answer.open{display:block}.blog-videos{max-width:1600px;margin:0 auto var(--sp-20);padding:0 var(--sp-6)}.blog-videos__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-8);gap:var(--sp-4)}.blog-videos__title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--sp-2)}.blog-videos__title i{color:var(--purple)}.blog-videos__nav{display:flex;gap:var(--sp-2)}.blog-videos__nav-btn{width:36px;height:36px;border-radius:var(--radius-sm);border:none;background:var(--surface);box-shadow:var(--neu-sm);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:box-shadow .15s ease}.blog-videos__nav-btn:hover{box-shadow:var(--neu-md);color:var(--text-primary)}.blog-videos__carousel-wrapper{overflow-x:auto;scrollbar-width:none}.blog-videos__carousel-wrapper::-webkit-scrollbar{display:none}.blog-videos__card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--neu-sm);overflow:hidden;min-width:280px;transition:box-shadow .2s ease}.blog-videos__card:hover{box-shadow:var(--neu-md)}.blog-videos__thumbnail{position:relative;overflow:hidden}.blog-videos__thumbnail img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.blog-videos__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0006;color:#fff;font-size:40px;text-decoration:none;opacity:0;transition:opacity .15s ease}.blog-videos__play:hover{opacity:1;text-decoration:none}.blog-videos__thumbnail:hover .blog-videos__play{opacity:1}.blog-videos__duration{position:absolute;bottom:var(--sp-2);right:var(--sp-2);background:#000000bf;color:#fff;padding:2px var(--sp-1_5);border-radius:var(--radius-xs);font-size:var(--text-xs)}.blog-videos__info{padding:var(--sp-4)}.blog-videos__card-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--sp-2);line-height:var(--leading-tight)}.blog-videos__card-title a{color:var(--text-primary);text-decoration:none}.blog-videos__card-title a:hover{color:var(--purple)}.blog-videos__meta{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--text-xs);color:var(--text-tertiary)}.blog-services-cta{max-width:1600px;margin:0 auto var(--sp-20);padding:0 var(--sp-6);display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--sp-5)}.blog-services-cta__card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--neu-sm);padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-3);text-decoration:none;color:var(--text-primary);transition:box-shadow .2s ease}.blog-services-cta__card:hover{box-shadow:var(--neu-md);text-decoration:none}.blog-services-cta__card--installation{border-top:3px solid var(--purple)}.blog-services-cta__card--maintenance{border-top:3px solid var(--blue)}.blog-services-cta__icon{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--purple-soft);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);color:var(--purple)}.blog-services-cta__icon img{width:28px;height:28px;object-fit:contain}.blog-services-cta__title{font-size:var(--text-base);font-weight:700;color:var(--text-primary)}.blog-services-cta__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal);flex:1}.blog-services-cta__btn{display:inline-flex;align-items:center;gap:var(--sp-1_5);font-size:var(--text-sm);font-weight:600;color:var(--purple);margin-top:auto}@media (max-width: 600px){.blog-services-cta{grid-template-columns:1fr}}.blog-newsletter__content{max-width:560px;margin:0 auto;text-align:center}.blog-newsletter__icon{font-size:var(--text-4xl);color:var(--purple);margin-bottom:var(--sp-4);display:block}.blog-newsletter__title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--sp-2)}.blog-newsletter__desc{font-size:var(--text-md);color:var(--text-secondary);margin-bottom:var(--sp-6);line-height:var(--leading-relaxed)}.blog-newsletter__form{display:flex;gap:var(--sp-2);max-width:400px;margin:0 auto var(--sp-4)}@media (max-width: 600px){.blog-newsletter__form{flex-direction:column}}.blog-newsletter__input{flex:1;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);border:none;background:var(--surface-inset);box-shadow:var(--neu-inset-sm);font-size:var(--text-base);font-family:var(--font-sans);color:var(--text-primary);outline:none}.blog-newsletter__input::placeholder{color:var(--text-placeholder)}.blog-newsletter__input:focus{box-shadow:var(--neu-inset-md)}.blog-newsletter__btn{padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-sm);border:none;background:var(--purple);color:#fff;font-size:var(--text-base);font-weight:600;cursor:pointer;font-family:var(--font-sans);box-shadow:var(--neu-sm);white-space:nowrap;transition:box-shadow .15s ease}.blog-newsletter__btn:hover{box-shadow:var(--neu-md)}.blog-newsletter__btn-text{display:inline}.blog-newsletter__result{margin-top:var(--sp-3);font-size:var(--text-sm);color:var(--success)}.blog-newsletter__privacy{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--sp-3)}.blog-newsletter__privacy a{color:var(--purple)}.blog-newsletter__privacy a:hover{text-decoration:underline}.article-content-wrapper{max-width:1600px;margin-left:auto;margin-right:auto;padding-left:var(--sp-6);padding-right:var(--sp-6)}.article-content-wrapper:has(.article-hero){padding-left:0;padding-right:0}.article-content-wrapper:has(.article-content-main){display:grid;grid-template-columns:240px minmax(0,1fr) minmax(0,1fr) 280px;gap:var(--sp-16);align-items:start;padding-top:var(--sp-8);padding-bottom:var(--sp-8)}.article-content-wrapper:has(.article-content-main) .article-aside-left{grid-column:1}.article-content-wrapper:has(.article-content-main) .article-content-main{grid-column:2/4}.article-content-wrapper:has(.article-content-main) .article-sidebar-minimal{grid-column:4}@media (max-width: 1200px){.article-content-wrapper:has(.article-content-main){grid-template-columns:minmax(0,1fr) 260px}.article-content-wrapper:has(.article-content-main) .article-aside-left{display:none}.article-content-wrapper:has(.article-content-main) .article-content-main{grid-column:1}.article-content-wrapper:has(.article-content-main) .article-sidebar-minimal{grid-column:2}}@media (max-width: 900px){.article-content-wrapper:has(.article-content-main){grid-template-columns:1fr}.article-content-wrapper:has(.article-content-main) .article-content-main{grid-column:1}.article-content-wrapper:has(.article-content-main) .article-sidebar-minimal{grid-column:1}}.article-aside-left{position:sticky;top:var(--sp-8)}.article-sidebar-minimal{position:sticky;top:var(--sp-8);display:flex;flex-direction:column;gap:var(--sp-6);z-index:2}.article-toc{background:var(--surface);border-radius:var(--radius-md);padding:var(--sp-5)}.article-toc__title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--sp-4);display:flex;align-items:center;gap:var(--sp-2)}.article-toc__title i{color:var(--purple)}.article-toc__list{list-style:none;display:flex;flex-direction:column;gap:var(--sp-1)}.article-toc__item a{font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;display:block;padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-xs);transition:all .15s ease;line-height:var(--leading-normal)}.article-toc__item a:hover,.article-toc__item a.active{color:var(--purple);background:var(--purple-soft);text-decoration:none}.article-toc__item--nested a{padding-left:var(--sp-5)}.article-services{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--neu-sm);padding:var(--sp-5)}.article-services__title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--sp-4);display:flex;align-items:center;gap:var(--sp-2)}.article-services__title i{color:var(--purple)}.article-services__list{display:flex;flex-direction:column;gap:var(--sp-2)}.article-services__item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-2_5) var(--sp-3);border-radius:var(--radius-sm);background:var(--surface-inset);text-decoration:none;transition:box-shadow .15s ease}.article-services__item:hover{box-shadow:var(--neu-sm);text-decoration:none}.article-services__name{font-size:var(--text-sm);color:var(--text-primary)}.article-services__price{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap}.article-sidebar-share{background:var(--surface);border-radius:var(--radius-md);padding:var(--sp-5)}.article-sidebar-share__label{display:block;font-size:var(--text-xxs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:var(--sp-3)}.article-sidebar-share__buttons{display:flex;gap:var(--sp-2)}.article-sidebar-share__btn{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--neu-sm);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--text-base);color:var(--text-secondary);text-decoration:none;transition:box-shadow .15s ease}.article-sidebar-share__btn:hover{box-shadow:var(--neu-md);color:var(--text-primary);text-decoration:none}.article-sidebar-share__btn--vk:hover{color:#4c75a3}.article-sidebar-share__btn--telegram:hover{color:#2aabee}.article-hero{position:relative;max-height:500px;overflow:hidden;margin-bottom:var(--sp-8)}.article-hero__image{position:relative}.article-hero__image img{width:100%;max-height:500px;object-fit:cover;display:block}.article-hero--video{max-height:none}.article-hero__video{position:relative;width:100%;aspect-ratio:16/9}.article-hero__video iframe,.article-hero__video-el{width:100%;height:100%;display:block;border:none;object-fit:cover}.article-content img,.article-content video,.article-content figure,.article-content iframe{width:calc(100% + 120px);margin-left:-60px;max-width:none;display:block;border-radius:var(--radius-lg);margin-bottom:var(--sp-4)}.article-content iframe{aspect-ratio:16/9;height:auto}.rte-video-block video{width:100%!important;margin-left:0!important;max-width:100%!important}.col-block{column-gap:2em}.col-block--2{column-count:2}.col-block--3{column-count:3}.col-block--4{column-count:4}.col-block h1,.col-block h2,.col-block h3,.col-block h4,.col-block h5,.col-block h6,.col-block p,.col-block ul,.col-block ol,.col-block blockquote,.col-block pre{margin-top:0}@media (max-width: 900px){.col-block--3,.col-block--4{column-count:2}}@media (max-width: 600px){.col-block--2,.col-block--3,.col-block--4{column-count:1}}.article-header{margin-bottom:var(--sp-8)}.article-header__preview{display:inline-flex;align-items:center;gap:var(--sp-1_5);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);background:var(--orange-soft);color:var(--warning);font-size:var(--text-xs);font-weight:600;margin-bottom:var(--sp-4)}.article-header__author{display:inline-flex;align-items:center;gap:var(--sp-2);font-weight:500;color:var(--text-secondary)}.article-header__author-avatar{width:24px;height:24px;border-radius:var(--radius-full);object-fit:cover}.article-header__separator{color:var(--text-tertiary)}.article-header__date,.article-header__read-time,.article-header__views,.article-header__rating{display:inline-flex;align-items:center;gap:var(--sp-1)}.article-lead-block{max-width:720px;margin:0 auto;padding:var(--sp-6) 0 var(--sp-2);font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);border-bottom:1px solid var(--border-subtle)}.article-tags-share{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-6);flex-wrap:wrap;margin:var(--sp-10) 0;padding:var(--sp-6) 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.article-tags-share__tags{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.article-tags-share__tag{padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;background:var(--purple-soft);color:var(--purple);text-decoration:none;transition:all .15s ease}.article-tags-share__tag:hover{background:var(--purple);color:#fff;text-decoration:none}.article-tags-share__share{display:flex;align-items:center;gap:var(--sp-3);flex-shrink:0}.article-tags-share__share-label{font-size:var(--text-sm);color:var(--text-tertiary)}.article-tags-share__share-buttons{display:flex;gap:var(--sp-2)}.article-tags-share__share-btn{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--neu-sm);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--text-base);color:var(--text-secondary);text-decoration:none;transition:box-shadow .15s ease}.article-tags-share__share-btn:hover{box-shadow:var(--neu-md);color:var(--text-primary);text-decoration:none}.article-tags-share__share-btn--vk:hover{color:#4c75a3}.article-tags-share__share-btn--telegram:hover{color:#2aabee}.article-author-bio{display:flex;gap:var(--sp-5);background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--neu-sm);padding:var(--sp-6);margin:var(--sp-8) 0}.article-author-bio__avatar{width:64px;height:64px;border-radius:var(--radius-full);object-fit:cover;box-shadow:var(--neu-sm);flex-shrink:0}.article-author-bio__content{flex:1}.article-author-bio__name{font-size:var(--text-base);font-weight:700;color:var(--text-primary);margin-bottom:var(--sp-1)}.article-author-bio__position{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--sp-3)}.article-author-bio__bio{font-size:var(--text-mid);color:var(--text-secondary);line-height:var(--leading-normal);margin-bottom:var(--sp-3)}.article-author-bio__link{font-size:var(--text-sm);font-weight:500;color:var(--purple);text-decoration:none;display:inline-flex;align-items:center;gap:var(--sp-1)}.article-author-bio__link:hover{text-decoration:underline}@media (max-width: 600px){.article-author-bio{flex-direction:column}}.related-articles-section{padding:var(--sp-10) 0}.related-articles-section__title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--sp-6)}.related-articles-section__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5)}@media (max-width: 900px){.related-articles-section__grid{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.related-articles-section__grid{grid-template-columns:1fr}}.cta-section{margin:var(--sp-10) 0;display:flex;flex-direction:column;gap:var(--sp-5)}.cta-block{background:linear-gradient(135deg,var(--purple-soft),var(--blue-soft));border-radius:var(--radius-md);border:1px solid var(--border-default);padding:var(--sp-8)}.cta-content{max-width:520px}.cta-title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--sp-4)}.cta-button{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-sm);background:var(--purple);color:#fff;font-size:var(--text-base);font-weight:600;text-decoration:none;box-shadow:var(--neu-sm);transition:box-shadow .15s ease}.cta-button:hover{box-shadow:var(--neu-md);text-decoration:none}.coupon-block{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--neu-sm);border:1px solid var(--border-default);padding:var(--sp-6)}.coupon-content{max-width:440px}.coupon-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--sp-4)}.coupon-code-wrapper{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-3)}.coupon-label{font-size:var(--text-sm);color:var(--text-tertiary)}.coupon-code{padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-sm);background:var(--purple-soft);color:var(--purple);font-family:var(--font-mono);font-size:var(--text-base);font-weight:700;letter-spacing:.08em}.copy-coupon-btn{padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-sm);border:none;background:var(--surface);box-shadow:var(--neu-sm);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);transition:box-shadow .15s ease}.copy-coupon-btn:hover{box-shadow:var(--neu-md)}.copy-coupon-btn.copied{color:var(--success)}.coupon-discount{display:inline-flex;padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);background:var(--green-soft);color:var(--success);font-size:var(--text-sm);font-weight:600}.sponsored-label{display:inline-flex;align-items:center;gap:var(--sp-1_5);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);background:var(--orange-soft);color:var(--warning);font-size:var(--text-xs);font-weight:600;margin-bottom:var(--sp-4)}.article-content{font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text-primary)}.comments-section{padding:var(--sp-12) 0 var(--sp-8);max-width:720px;margin:0 auto}.comments-header{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-6);padding-bottom:var(--sp-4);border-bottom:1px solid var(--border-subtle)}.comments-title{margin:0;font-size:var(--text-xl);font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--sp-2)}.comments-title i{color:var(--purple)}.comments-title .comments-count{font-size:var(--text-base);font-weight:400;color:var(--text-tertiary)}.comments-auth-prompt{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-5);background:var(--surface);box-shadow:var(--neu-sm);border-radius:var(--radius-md);margin-bottom:var(--sp-6);font-size:var(--text-sm);color:var(--text-secondary)}.comments-auth-prompt a{color:var(--purple);font-weight:600}.comments-auth-prompt a:hover{text-decoration:underline}.comment-form-wrapper{display:flex;gap:var(--sp-3);margin-bottom:var(--sp-6)}.comment-form-avatar{flex-shrink:0;width:40px;height:40px}.comment-form-avatar img{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover;box-shadow:var(--neu-sm)}.avatar-placeholder{width:100%;height:100%;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--purple),var(--purple-dark, #5a2fc2));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm);text-transform:uppercase;-webkit-user-select:none;user-select:none;box-shadow:var(--neu-sm)}.avatar-placeholder--sm{font-size:var(--text-xs)}.comment-form{flex:1;margin:0;padding:0;background:none}.comment-form-input{display:flex;align-items:flex-end;gap:var(--sp-2);padding:var(--sp-2_5) var(--sp-4);background:var(--surface-inset);box-shadow:var(--neu-inset-sm);border-radius:var(--radius-full);border:2px solid transparent;transition:box-shadow .15s ease,border-color .15s ease}.comment-form-input:focus-within{border-color:var(--purple);box-shadow:var(--neu-inset-sm),0 0 0 3px rgba(var(--purple-rgb, 111, 66, 193),.12)}.comment-form-input textarea{flex:1;border:none;background:transparent;resize:none;padding:var(--sp-1) 0;font-size:var(--text-sm);font-family:var(--font-sans);line-height:1.5;min-height:24px;max-height:120px;color:var(--text-primary)}.comment-form-input textarea:focus{outline:none}.comment-form-input textarea::placeholder{color:var(--text-tertiary)}.comment-form-submit{flex-shrink:0;width:34px;height:34px;padding:0;border:none;border-radius:var(--radius-full);background:var(--purple);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--neu-sm);transition:transform .12s ease,box-shadow .12s ease}.comment-form-submit:hover{transform:scale(1.08);box-shadow:var(--neu-md)}.comment-form-submit:active{transform:scale(.94)}.comment-form-submit svg{width:16px;height:16px}.emoji-picker-wrapper{position:relative;flex-shrink:0}.emoji-picker-btn{width:34px;height:34px;padding:0;border:none;border-radius:var(--radius-full);background:transparent;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s ease,background .15s ease}.emoji-picker-btn:hover{color:var(--purple);background:#6f42c114}.emoji-picker-btn svg{width:20px;height:20px}.emoji-picker-popup{position:absolute;bottom:calc(100% + 8px);right:0;display:none;flex-wrap:wrap;gap:var(--sp-1);padding:var(--sp-2_5);background:var(--surface);box-shadow:var(--neu-md);border-radius:var(--radius-md);z-index:200;width:212px}.emoji-picker-popup.show{display:flex}.emoji-picker-popup:after{content:"";position:absolute;top:100%;right:10px;border:6px solid transparent;border-top-color:var(--surface)}.emoji-option{width:34px;height:34px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;font-size:var(--text-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .12s ease,background .12s ease}.emoji-option:hover{background:var(--surface-inset);transform:scale(1.2)}.comments-list{display:flex;flex-direction:column;gap:var(--sp-1)}.comments-empty{display:flex;flex-direction:column;align-items:center;padding:var(--sp-12) var(--sp-6);text-align:center}.comments-empty .empty-icon{width:72px;height:72px;margin-bottom:var(--sp-4);background:var(--surface);box-shadow:var(--neu-sm);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.comments-empty .empty-icon i{font-size:var(--text-2_5xl);color:var(--text-tertiary)}.comments-empty h4{margin:0 0 var(--sp-2);font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.comments-empty p{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}@keyframes cmntSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.comment-item{display:flex;gap:var(--sp-3);padding:var(--sp-3) 0;transition:opacity .15s ease}.comment-item:hover .comment-actions{opacity:1}.comment-item--new{animation:cmntSlideIn .3s ease}.comment-item--pending{opacity:.65}.comment-item--pending .comment-bubble:after{content:"На модерации";display:block;margin-top:var(--sp-2);font-size:var(--text-xs);color:var(--text-tertiary);font-style:italic}.comment-avatar{flex-shrink:0;width:40px;height:40px}.comment-avatar img{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover;box-shadow:var(--neu-sm)}.comment-body{flex:1;min-width:0}.comment-bubble{display:inline-block;max-width:100%;padding:var(--sp-3) var(--sp-4);background:var(--surface);box-shadow:var(--neu-sm);border-radius:var(--radius-lg);border-top-left-radius:4px}.comment-author-row{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-1)}.comment-author{font-weight:600;font-size:var(--text-sm);color:var(--text-primary)}.comment-author:hover{color:var(--purple)}.comment-date{font-size:var(--text-xs);color:var(--text-tertiary)}.comment-text{font-size:var(--text-sm);line-height:1.55;color:var(--text-primary);word-wrap:break-word}.comment-text p{margin:0}.comment-text p+p{margin-top:var(--sp-2)}.comment-footer{display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-2);padding-left:var(--sp-1)}.comment-actions{display:flex;align-items:center;gap:var(--sp-1);opacity:0;transition:opacity .2s ease}@media (max-width: 768px){.comment-actions{opacity:1}}.comment-action-btn{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);font-size:var(--text-xs);cursor:pointer;transition:color .15s ease,background .15s ease}.comment-action-btn:hover{color:var(--purple);background:#6f42c114}.comment-action-btn svg,.comment-action-btn i{width:14px;height:14px}.comment-action-btn--danger:hover{color:var(--error);background:#dc354514}.comment-reactions{display:flex;align-items:center;gap:var(--sp-1_5)}.reactions-wrapper{display:flex;align-items:center;gap:var(--sp-1)}@keyframes reactionPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.btn-reaction{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2_5);border:none;border-radius:var(--radius-full);background:var(--surface);box-shadow:var(--neu-sm);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,color .12s ease}.btn-reaction:hover:not(:disabled){box-shadow:var(--neu-md);color:var(--purple);transform:scale(1.05)}.btn-reaction.active{color:var(--purple);box-shadow:var(--neu-inset-sm);animation:reactionPop .3s ease}.btn-reaction:disabled{opacity:.5;cursor:not-allowed}.btn-reaction--mini{padding:var(--sp-0_5) var(--sp-1_5);font-size:var(--text-xxs)}.reaction-emoji{font-size:var(--text-mid);line-height:1}.reaction-count{font-size:var(--text-xxs);font-weight:600}.reaction-picker{position:relative}.reaction-picker:hover .reaction-picker-popup,.reaction-picker:focus-within .reaction-picker-popup{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.btn-reaction-add{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:1px dashed var(--border-subtle);border-radius:var(--radius-full);background:transparent;color:var(--text-tertiary);cursor:pointer;transition:border-color .15s ease,color .15s ease}.btn-reaction-add:hover:not(:disabled){border-color:var(--purple);border-style:solid;color:var(--purple)}.btn-reaction-add:disabled{opacity:.4;cursor:not-allowed}.btn-reaction-add svg{width:14px;height:14px}.reaction-picker-popup{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);display:flex;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);background:var(--surface);box-shadow:var(--neu-md);border-radius:var(--radius-full);opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease;z-index:200}.reaction-picker-popup:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--surface)}.reaction-option{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:none;border-radius:var(--radius-full);background:transparent;font-size:var(--text-xl);cursor:pointer;transition:transform .15s ease}.reaction-option:hover{transform:scale(1.3)}.reaction-option.active{background:#6f42c11f}.comment-reply-form{margin-top:var(--sp-2);margin-left:calc(40px + var(--sp-3))}.comment-reply-input{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--surface-inset);box-shadow:var(--neu-inset-sm);border-radius:var(--radius-full);border:2px solid transparent;transition:border-color .15s ease}.comment-reply-input:focus-within{border-color:var(--purple)}.comment-reply-input textarea{flex:1;border:none;background:transparent;resize:none;padding:var(--sp-0_5) 0;font-size:var(--text-sm);font-family:var(--font-sans);line-height:1.4;min-height:20px;max-height:80px;color:var(--text-primary)}.comment-reply-input textarea:focus{outline:none}.comment-reply-input textarea::placeholder{color:var(--text-tertiary)}.comment-reply-input button{flex-shrink:0;width:28px;height:28px;padding:0;border:none;border-radius:var(--radius-full);background:var(--purple);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .12s ease}.comment-reply-input button:hover{transform:scale(1.1)}.comment-reply-input button svg{width:14px;height:14px}.comment-replies{margin-top:var(--sp-2);margin-left:var(--sp-5);padding-left:var(--sp-5);border-left:2px solid var(--border-subtle)}.comment-reply{display:flex;gap:var(--sp-2_5);padding:var(--sp-2_5) 0}.comment-reply:first-child{padding-top:var(--sp-1)}.comment-reply--official .reply-bubble{box-shadow:var(--neu-sm);border-left:3px solid var(--purple)}.comment-reply--official .reply-author i{color:var(--purple);font-size:var(--text-xs)}.comment-reply--pending{opacity:.6}.reply-avatar{flex-shrink:0;width:32px;height:32px}.reply-avatar img{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover;box-shadow:var(--neu-sm)}.reply-body{flex:1;min-width:0}.reply-bubble{display:inline-block;max-width:100%;padding:var(--sp-2_5) var(--sp-3_5);background:var(--surface);box-shadow:var(--neu-sm);border-radius:var(--radius-md);border-top-left-radius:4px}.reply-author-row{display:flex;align-items:center;gap:var(--sp-1_5);margin-bottom:var(--sp-0_5)}.reply-author{font-weight:600;font-size:var(--text-xs);color:var(--text-primary)}.reply-date{font-size:var(--text-xxs);color:var(--text-tertiary)}.reply-text{font-size:var(--text-xs);line-height:1.5;color:var(--text-primary)}.reply-text p{margin:0}.comment-item--editing .comment-bubble{background:transparent;box-shadow:none;padding:0}.comment-edit-form{width:100%}.comment-edit-bubble{padding:var(--sp-3) var(--sp-4);background:var(--surface);border:2px solid var(--purple);border-radius:var(--radius-lg);border-top-left-radius:4px}.comment-edit-label{font-size:var(--text-xs);color:var(--purple);font-weight:600;padding:2px var(--sp-2);background:#6f42c11a;border-radius:var(--radius-xs, 3px)}.comment-edit-input{margin-top:var(--sp-2)}.comment-edit-input textarea{width:100%;border:none;background:transparent;resize:none;padding:var(--sp-1) 0;font-size:var(--text-sm);font-family:var(--font-sans);line-height:1.5;color:var(--text-primary)}.comment-edit-input textarea:focus{outline:none}.comment-edit-error{margin-top:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:#dc354514;border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--error)}.comment-edit-actions{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-2)}.comment-edit-cancel{padding:var(--sp-1_5) var(--sp-3);background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:color .15s ease,background .15s ease}.comment-edit-cancel:hover{color:var(--text-primary);background:var(--surface-inset)}.comment-edit-save{display:inline-flex;align-items:center;gap:var(--sp-1_5);padding:var(--sp-1_5) var(--sp-3_5);background:var(--purple);border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;color:#fff;cursor:pointer;box-shadow:var(--neu-sm);transition:box-shadow .15s ease}.comment-edit-save:hover{box-shadow:var(--neu-md)}.comment-edit-save svg{width:14px;height:14px}.comment-item--pending .alert{padding:var(--sp-3) var(--sp-4);background:var(--surface);box-shadow:var(--neu-sm);border-left:3px solid var(--success);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary)}.comment-item--pending .alert strong{color:var(--success)}.comments-pagination{display:flex;justify-content:center;margin-top:var(--sp-6)}.btn-load-more{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6);background:var(--surface);box-shadow:var(--neu-sm);border:none;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:box-shadow .15s ease,color .15s ease}.btn-load-more:hover{box-shadow:var(--neu-md);color:var(--purple)}.btn-load-more i{font-size:var(--text-base)}@media (max-width: 768px){.comments-section{padding:var(--sp-8) 0 var(--sp-6)}.comment-form-avatar,.comment-avatar{width:34px;height:34px}.comment-form-input{padding:var(--sp-2) var(--sp-3)}.comment-reply-form{margin-left:0}.comment-replies{margin-left:var(--sp-3);padding-left:var(--sp-3)}.reaction-picker-popup{left:0;transform:translateY(4px)}.reaction-picker-popup:after{left:16px;transform:none}}.confirm-popup{position:fixed;z-index:10000;opacity:0;transform:translateY(5px);transition:opacity .15s ease,transform .15s ease;pointer-events:none}.confirm-popup--visible{opacity:1;transform:translateY(0);pointer-events:auto}.confirm-popup__content{display:flex;gap:var(--sp-1);padding:var(--sp-1_5);background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--neu-sm),0 0 0 1px #0000000f}.confirm-popup__arrow{position:absolute;bottom:-6px;left:50%;margin-left:-6px;width:12px;height:12px;background:var(--surface);transform:rotate(45deg);box-shadow:2px 2px 4px #00000014}.confirm-popup__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-s);cursor:pointer;transition:all .15s ease}.confirm-popup__btn--yes{background:var(--success);color:var(--text-on-accent)}.confirm-popup__btn--yes:hover{background:var(--success);filter:brightness(.88);transform:scale(1.05)}.confirm-popup__btn--no{background:var(--surface-inset);color:var(--text-secondary)}.confirm-popup__btn--no:hover{background:var(--border);transform:scale(1.05)}