:root{--brand: #6C5CE7;--brand-hover: #5A4BD1;--brand-light: #EDE9FE;--brand-glow: rgba(108, 92, 231, .2);--bg-base: #FFFFFF;--bg-surface: #F8F8FC;--bg-elevated: #F2F2F8;--bg-overlay: rgba(255,255,255,.85);--text-primary: #1A1A2E;--text-secondary: #4A4A68;--text-muted: #6B6B8D;--text-inverse: #FFFFFF;--border: #E4E4F0;--border-hover: #C8C8E0;--border-focus: var(--brand);--success: #00B894;--warning: #FDCB6E;--error: #FF7675;--info: #74B9FF;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: Georgia, "Times New Roman", serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-article: 1.8;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--sp-20: 5rem;--sp-24: 6rem;--max-content: 720px;--max-page: 1200px;--nav-height: 56px;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 24px;--r-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 8px 24px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.04);--shadow-xl: 0 16px 48px rgba(0,0,0,.12), 0 8px 16px rgba(0,0,0,.06);--shadow-brand: 0 4px 20px rgba(108,92,231,.25);--t-fast: .15s cubic-bezier(.4, 0, .2, 1);--t-base: .25s cubic-bezier(.4, 0, .2, 1);--t-slow: .35s cubic-bezier(.4, 0, .2, 1);--t-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-raised: 10;--z-overlay: 100;--z-nav: 200;--z-modal: 300;--z-toast: 400;--z-top: 500}@media(prefers-color-scheme:dark){:root{--brand: #A78BFA;--brand-hover: #8B6FF0;--brand-light: #2D2648;--brand-glow: rgba(167, 139, 250, .2);--bg-base: #0F0F1A;--bg-surface: #1A1A2E;--bg-elevated: #252540;--bg-overlay: rgba(15,15,26,.9);--text-primary: #E8E8F4;--text-secondary: #B0B0CC;--text-muted: #8585B5;--text-inverse: #0F0F1A;--border: #2D2D50;--border-hover: #4A4A70;--shadow-xs: 0 1px 2px rgba(0,0,0,.25);--shadow-sm: 0 1px 3px rgba(0,0,0,.35), 0 1px 2px rgba(0,0,0,.25);--shadow-md: 0 4px 12px rgba(0,0,0,.4), 0 2px 4px rgba(0,0,0,.25);--shadow-lg: 0 8px 24px rgba(0,0,0,.5), 0 4px 8px rgba(0,0,0,.3);--shadow-xl: 0 16px 48px rgba(0,0,0,.6), 0 8px 16px rgba(0,0,0,.4);--shadow-brand: 0 4px 20px rgba(167,139,250,.3)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--border) transparent}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-base);transition:background-color var(--t-slow),color var(--t-slow);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{max-width:100%;height:auto;display:block}a{color:var(--brand);text-decoration:none;transition:color var(--t-fast)}a:hover{color:var(--brand-hover)}button{cursor:pointer;font-family:inherit;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}.container{width:100%;max-width:var(--max-page);margin-inline:auto;padding-inline:var(--sp-4)}@media(min-width:640px){.container{padding-inline:var(--sp-6)}}@media(min-width:1024px){.container{padding-inline:var(--sp-8)}}.content-width{width:100%;max-width:var(--max-content);margin-inline:auto}.nav{position:sticky;top:0;z-index:var(--z-nav);height:var(--nav-height);background:var(--bg-overlay);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--border);transition:background var(--t-base),border-color var(--t-base)}.nav__inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:var(--sp-4)}.nav__logo{display:flex;align-items:center;gap:var(--sp-2);font-weight:800;font-size:var(--text-xl);color:var(--text-primary);text-decoration:none;letter-spacing:-.02em;flex-shrink:0}.nav__logo-mark{width:32px;height:32px;background:linear-gradient(135deg,var(--brand),#A78BFA);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:var(--text-lg);box-shadow:var(--shadow-brand)}.nav__links{display:none;align-items:center;gap:var(--sp-1);list-style:none}@media(min-width:768px){.nav__links{display:flex}}.nav__link{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);transition:color var(--t-fast),background var(--t-fast);white-space:nowrap}.nav__link:hover{color:var(--text-primary);background:var(--bg-elevated)}.nav__link.active{color:var(--brand-hover);background:var(--brand-light)}.nav__actions{display:flex;align-items:center;gap:var(--sp-2)}.nav__search-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-md);color:var(--text-secondary);transition:color var(--t-fast),background var(--t-fast)}.nav__search-btn:hover{color:var(--text-primary);background:var(--bg-elevated)}.nav__hamburger{display:flex;flex-direction:column;gap:5px;width:36px;height:36px;align-items:center;justify-content:center;border-radius:var(--r-md);color:var(--text-secondary);transition:background var(--t-fast)}.nav__hamburger:hover{background:var(--bg-elevated)}.nav__hamburger span{display:block;width:20px;height:2px;background:currentColor;border-radius:2px;transition:transform var(--t-base),opacity var(--t-fast)}@media(min-width:768px){.nav__hamburger{display:none}}.mobile-menu{position:fixed;inset:0;z-index:var(--z-modal);display:flex;flex-direction:column;background:var(--bg-base);transform:translate(-100%);transition:transform var(--t-slow);padding:calc(var(--sp-8) + env(safe-area-inset-top,24px)) var(--sp-6) var(--sp-6);overflow-y:auto}.mobile-menu.open{transform:translate(0)}.mobile-menu__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-8)}.mobile-menu__nav{list-style:none;display:flex;flex-direction:column;gap:var(--sp-1)}.mobile-menu__link{display:block;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);font-size:var(--text-lg);font-weight:500;color:var(--text-primary);transition:background var(--t-fast),color var(--t-fast)}.mobile-menu__link:hover{background:var(--bg-surface);color:var(--brand)}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--brand),#A78BFA);z-index:var(--z-top);transition:width .1s linear;border-radius:0 var(--r-full) var(--r-full) 0}.featured-card{position:relative;border-radius:var(--r-xl);overflow:hidden;background:var(--bg-surface);border:1px solid var(--border);text-decoration:none;display:block;transition:transform var(--t-base),box-shadow var(--t-base)}.featured-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.featured-card__image{aspect-ratio:16/9;overflow:hidden}.featured-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow)}.featured-card:hover .featured-card__image img{transform:scale(1.04)}.featured-card__body{padding:var(--sp-6)}.featured-card__meta{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3);flex-wrap:wrap}.featured-card__title{font-size:clamp(var(--text-xl),3vw,var(--text-3xl));font-weight:800;line-height:var(--leading-tight);color:var(--text-primary);margin-bottom:var(--sp-3);letter-spacing:-.02em}.featured-card__excerpt{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card{display:flex;gap:var(--sp-4);padding:var(--sp-4);border-radius:var(--r-lg);background:var(--bg-base);border:1px solid var(--border);text-decoration:none;transition:transform var(--t-base),box-shadow var(--t-base),border-color var(--t-base)}.post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-hover)}.post-card__thumbnail{flex-shrink:0;width:100px;height:70px;border-radius:var(--r-md);overflow:hidden;background:var(--bg-elevated)}.post-card__thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow)}.post-card:hover .post-card__thumbnail img{transform:scale(1.05)}.post-card__body{flex:1;min-width:0}.post-card__title{font-size:var(--text-base);font-weight:700;color:var(--text-primary);line-height:var(--leading-snug);margin-bottom:var(--sp-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card__meta{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.post-grid-card{border-radius:var(--r-lg);overflow:hidden;background:var(--bg-base);border:1px solid var(--border);text-decoration:none;display:flex;flex-direction:column;transition:transform var(--t-base),box-shadow var(--t-base);position:relative}.post-grid-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.post-card-link{color:inherit;text-decoration:none}.post-grid-card__image{aspect-ratio:16/9;overflow:hidden;background:var(--bg-elevated)}.post-grid-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow)}.post-grid-card:hover .post-grid-card__image img{transform:scale(1.04)}.post-grid-card__body{padding:var(--sp-4) var(--sp-5);flex:1;display:flex;flex-direction:column}.post-grid-card__title{font-size:var(--text-base);font-weight:700;color:var(--text-primary);line-height:var(--leading-snug);margin-bottom:var(--sp-2);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--t-fast)}.post-grid-card:hover .post-grid-card__title{color:var(--brand);text-decoration:underline}.post-grid-card__meta{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3);flex-wrap:wrap}.badge-category{display:inline-flex;align-items:center;padding:var(--sp-1) var(--sp-3);border-radius:var(--r-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--brand-light);color:var(--brand-hover);text-decoration:none;transition:background var(--t-fast),color var(--t-fast);white-space:nowrap}.badge-category:hover{background:var(--brand);color:var(--text-inverse)}.badge-tag{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm);font-size:var(--text-xs);font-weight:500;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border);text-decoration:none;transition:all var(--t-fast);white-space:nowrap}.badge-tag:hover{background:var(--brand-light);color:var(--brand);border-color:var(--brand-light);transform:scale(1.05)}.auto-tag-link{color:var(--brand);text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--brand);text-underline-offset:3px;cursor:pointer;transition:color var(--t-fast);position:relative}.auto-tag-link:hover{color:var(--brand-hover);text-decoration-style:solid}.meta-info{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap}.meta-info__dot{width:3px;height:3px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.article{padding-block:var(--sp-12)}.article__header{margin-bottom:var(--sp-8)}.article__breadcrumb{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--sp-4);flex-wrap:wrap}.article__breadcrumb a{color:var(--text-muted);transition:color var(--t-fast)}.article__breadcrumb a:hover{color:var(--brand)}.article__breadcrumb-sep{color:var(--border-hover);user-select:none}.article__title{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:900;line-height:var(--leading-tight);letter-spacing:-.025em;color:var(--text-primary);margin-bottom:var(--sp-5)}.article__featured-image{border-radius:var(--r-xl);overflow:hidden;margin-block:var(--sp-8);background:var(--bg-elevated);aspect-ratio:16/9}.article__featured-image img{width:100%;height:100%;object-fit:cover}.prose{font-family:var(--font-serif);font-size:clamp(var(--text-base),2vw,var(--text-lg));line-height:var(--leading-article);color:var(--text-primary)}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{font-family:var(--font-sans);font-weight:800;line-height:var(--leading-tight);letter-spacing:-.02em;color:var(--text-primary);margin-top:var(--sp-10);margin-bottom:var(--sp-4)}.prose h1{font-size:var(--text-3xl)}.prose h2{font-size:var(--text-2xl)}.prose h3{font-size:var(--text-xl)}.prose h4{font-size:var(--text-lg)}.prose p{margin-bottom:var(--sp-6)}.prose a{color:var(--brand);text-decoration:underline;text-decoration-color:var(--brand-light);text-underline-offset:3px}.prose a:hover{text-decoration-color:var(--brand)}.prose strong{font-weight:700}.prose em{font-style:italic}.prose blockquote{border-left:4px solid var(--brand);padding-left:var(--sp-6);margin-block:var(--sp-8);color:var(--text-secondary);font-style:italic}.prose ul,.prose ol{margin-bottom:var(--sp-6);padding-left:var(--sp-6)}.prose li{margin-bottom:var(--sp-2)}.prose code{font-family:var(--font-mono);font-size:.875em;background:var(--bg-elevated);padding:2px 6px;border-radius:var(--r-sm);color:var(--brand)}.prose pre{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);overflow-x:auto;margin-block:var(--sp-6);line-height:1.7}.prose pre code{background:none;padding:0;color:var(--text-primary)}.prose hr{border:none;border-top:1px solid var(--border);margin-block:var(--sp-10)}.prose table{width:100%;border-collapse:collapse;margin-block:var(--sp-6);font-size:var(--text-sm);font-family:var(--font-sans)}.prose th,.prose td{padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);text-align:left}.prose th{background:var(--bg-surface);font-weight:600}.prose .table-wrap{overflow-x:auto;margin-block:var(--sp-6);-webkit-overflow-scrolling:touch}.prose .table-wrap table{margin-block:0}.prose caption{caption-side:top;padding-bottom:var(--sp-3);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-align:left}.prose .chart-card{margin-block:var(--sp-8);padding:var(--sp-5);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-surface);font-family:var(--font-sans);box-shadow:var(--shadow-sm)}.prose .chart-card__title{margin:0 0 var(--sp-2);font-size:var(--text-base);font-weight:800;color:var(--text-primary)}.prose .chart-card__note{margin:0 0 var(--sp-4);font-size:var(--text-sm);color:var(--text-secondary)}.prose .bar-chart{display:grid;gap:var(--sp-3)}.prose .bar-chart__row{display:grid;grid-template-columns:minmax(110px,.9fr) minmax(0,2fr) 3ch;align-items:center;gap:var(--sp-3);font-size:var(--text-sm)}.prose .bar-chart__track{min-width:0;height:12px;overflow:hidden;border-radius:var(--r-full);background:var(--bg-elevated)}.prose .bar-chart__bar{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),#74B9FF)}.prose .bar-chart__value{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right}@media(max-width:480px){.prose .bar-chart__row{grid-template-columns:1fr;gap:var(--sp-1)}.prose .bar-chart__value{text-align:left}}.prose img{border-radius:var(--r-lg);margin-block:var(--sp-6)}.share-bar{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);margin-block:var(--sp-6);flex-wrap:wrap}.share-bar__label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-right:var(--sp-2)}.share-btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);font-size:var(--text-sm);font-weight:500;transition:all var(--t-fast);cursor:pointer;border:1px solid var(--border);background:var(--bg-base);color:var(--text-secondary)}.share-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.share-btn--whatsapp:hover{background:#25d366;color:#fff;border-color:#25d366}.share-btn--twitter:hover{background:#1da1f2;color:#fff;border-color:#1da1f2}.share-btn--copy:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.article__tags{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;padding-block:var(--sp-6);border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-block:var(--sp-8)}.article__tags-label{font-size:var(--text-sm);font-weight:600;color:var(--text-muted)}.series-box{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--sp-6);margin-block:var(--sp-8)}.series-box__title{font-size:var(--text-sm);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--sp-2)}.series-box__name{font-size:var(--text-xl);font-weight:800;color:var(--text-primary);font-family:var(--font-sans);margin-bottom:var(--sp-4)}.series-box__list{list-style:none;display:flex;flex-direction:column;gap:var(--sp-1)}.series-box__item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;transition:background var(--t-fast)}.series-box__item:hover{background:var(--bg-elevated);color:var(--text-primary)}.series-box__item.current{background:var(--brand-light);color:var(--brand);font-weight:600}.series-box__item-num{width:20px;height:20px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;flex-shrink:0;font-family:var(--font-sans)}.series-box__item.current .series-box__item-num{background:var(--brand);color:#fff}.series-box__item.done .series-box__item-num{background:var(--success);color:#fff}.related-section{margin-block:var(--sp-12);padding-top:var(--sp-8);border-top:1px solid var(--border)}.section-heading{font-size:var(--text-xl);font-weight:800;color:var(--text-primary);margin-bottom:var(--sp-6);letter-spacing:-.02em}.related-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}@media(min-width:480px){.related-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.related-grid{grid-template-columns:repeat(3,1fr)}}.ad-slot{display:flex;align-items:center;justify-content:center;width:100%;min-height:90px;background:var(--bg-surface);border:1px dashed var(--border);border-radius:var(--r-md);color:var(--text-muted);font-size:var(--text-xs);margin-block:var(--sp-6);overflow:hidden}.ad-slot--sticky{position:fixed;bottom:0;left:0;background:var(--bg-overlay);backdrop-filter:blur(8px)}.posts-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-6)}.post-card-link:after{content:"";position:absolute;inset:0;z-index:1}.popular-list{list-style:none;display:flex;flex-direction:column;gap:var(--sp-3)}.popular-list__item{display:flex;align-items:flex-start;gap:var(--sp-3);text-decoration:none;padding:var(--sp-3);border-radius:var(--r-md);transition:background var(--t-fast)}.popular-list__item:hover{background:var(--bg-surface)}.popular-list__num{font-size:var(--text-xl);font-weight:900;color:var(--border-hover);line-height:1;width:28px;flex-shrink:0;font-variant-numeric:tabular-nums}.popular-list__title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);line-height:var(--leading-snug);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-md);font-size:var(--text-sm);font-weight:600;line-height:1;cursor:pointer;border:1px solid transparent;transition:all var(--t-fast);text-decoration:none;white-space:nowrap}.btn--primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn--primary:hover{background:var(--brand-hover);border-color:var(--brand-hover);transform:translateY(-1px);box-shadow:var(--shadow-brand)}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none;box-shadow:none}.btn--secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border)}.btn--secondary:hover{background:var(--bg-surface);border-color:var(--border-hover)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover{background:var(--bg-surface);color:var(--text-primary)}.btn--sm{padding:var(--sp-2) var(--sp-3);font-size:var(--text-xs)}.btn--lg{padding:var(--sp-4) var(--sp-6);font-size:var(--text-base)}.footer{background:var(--bg-surface);border-top:1px solid var(--border);padding-block:var(--sp-12) var(--sp-8);margin-top:var(--sp-16)}.footer__grid{display:grid;grid-template-columns:1fr;gap:var(--sp-8)}@media(min-width:640px){.footer__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.footer__grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer__brand-name{font-size:var(--text-xl);font-weight:800;color:var(--text-primary);margin-bottom:var(--sp-2)}.footer__tagline{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--sp-4)}.footer__heading{font-size:var(--text-sm);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--sp-4)}.footer__links{list-style:none;display:flex;flex-direction:column;gap:var(--sp-2)}.footer__link{font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;transition:color var(--t-fast)}.footer__link:hover{color:var(--brand)}.footer__bottom{margin-top:var(--sp-8);padding-top:var(--sp-6);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.footer__copy{font-size:var(--text-xs);color:var(--text-muted)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);margin-block:var(--sp-12);flex-wrap:wrap}.pagination__btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding-inline:var(--sp-3);border-radius:var(--r-md);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);border:1px solid var(--border);background:var(--bg-base);text-decoration:none;transition:all var(--t-fast)}.pagination__btn:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-light)}.pagination__btn.active{background:var(--brand);border-color:var(--brand);color:#fff}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}.breadcrumb{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--text-muted);padding-block:var(--sp-4);flex-wrap:wrap}.breadcrumb__sep{color:var(--border-hover)}.breadcrumb a{color:var(--text-muted);transition:color var(--t-fast)}.breadcrumb a:hover{color:var(--brand)}.breadcrumb__current{color:var(--text-secondary);font-weight:500}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-surface) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--r-md)}.search-box{position:relative;width:100%;max-width:600px;margin-inline:auto}.search-box__input{width:100%;height:52px;padding:0 var(--sp-5) 0 var(--sp-12);border:2px solid var(--border);border-radius:var(--r-full);background:var(--bg-base);font-size:var(--text-base);color:var(--text-primary);outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.search-box__input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-glow)}.search-box__icon{position:absolute;left:var(--sp-4);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-5);gap:var(--sp-4)}.section-header__title{font-size:var(--text-xl);font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.section-header__link{font-size:var(--text-sm);font-weight:600;color:var(--brand);white-space:nowrap;flex-shrink:0}.h-scroll{display:flex;gap:var(--sp-4);overflow-x:auto;padding-bottom:var(--sp-2);scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory}.h-scroll::-webkit-scrollbar{display:none}.h-scroll>*{flex-shrink:0;scroll-snap-align:start;width:min(280px,75vw)}.admin-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size, 20px);height:var(--icon-size, 20px);flex-shrink:0}.admin-icon svg{width:100%;height:100%}.admin-layout{display:grid;grid-template-columns:1fr;min-height:100vh;background:var(--bg-base)}@media(min-width:1024px){.admin-layout{grid-template-columns:260px 1fr}}.admin-sidebar{position:fixed;inset:0 auto 0 0;z-index:var(--z-overlay);width:260px;background:var(--bg-surface);border-right:1px solid var(--border);padding:var(--sp-5);display:flex;flex-direction:column;transform:translate(-100%);transition:transform var(--t-normal)}.admin-sidebar.open{transform:translate(0)}@media(min-width:1024px){.admin-sidebar{transform:translate(0);position:sticky;top:0;height:100vh}}.admin-sidebar-backdrop{display:none;position:fixed;inset:0;background:#00000073;z-index:calc(var(--z-overlay) - 1)}.admin-sidebar-backdrop.open{display:block}@media(min-width:1024px){.admin-sidebar-backdrop{display:none!important}}.admin-main{min-width:0;display:flex;flex-direction:column}.admin-topbar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--border);background:var(--bg-base);position:sticky;top:0;z-index:10}@media(min-width:1024px){.admin-topbar{display:none}}.admin-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer}.admin-topbar__title{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.admin-content{padding:var(--sp-6);max-width:1200px;width:100%;overflow-x:hidden}@media(min-width:1024px){.admin-content{padding:var(--sp-8) var(--sp-10)}}.admin-brand{display:flex;align-items:center;gap:var(--sp-3);text-decoration:none;margin-bottom:var(--sp-8);padding:var(--sp-1)}.admin-brand__mark{width:32px;height:32px;background:linear-gradient(135deg,var(--brand),#a78bfa);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-sm);font-weight:800;flex-shrink:0}.admin-brand__mark--lg{width:48px;height:48px;font-size:var(--text-lg);margin:0 auto}.admin-brand__text{font-size:var(--text-base);font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.admin-nav__list{list-style:none;display:flex;flex-direction:column;gap:2px}.admin-nav__link{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-decoration:none;transition:background var(--t-fast),color var(--t-fast)}.admin-nav__link:hover{background:var(--bg-elevated);color:var(--text-primary)}.admin-nav__link--active{background:var(--brand-light);color:var(--brand);font-weight:600}.admin-sidebar__footer{margin-top:auto;padding-top:var(--sp-4);border-top:1px solid var(--border)}.admin-user{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3)}.admin-user__avatar{width:36px;height:36px;border-radius:var(--r-md);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.admin-user__name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.admin-user__role{font-size:var(--text-xs);color:var(--text-muted);text-transform:capitalize}.admin-logout-btn{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--text-xs);font-weight:500;color:var(--error);background:none;border:none;cursor:pointer;padding:var(--sp-1) 0}.admin-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-8);flex-wrap:wrap}.admin-page-header__title{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.admin-page-header__subtitle{margin-top:var(--sp-1);font-size:var(--text-sm);color:var(--text-muted)}.admin-page-header__actions{display:flex;gap:var(--sp-2);flex-wrap:wrap}.admin-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sp-4);margin-bottom:var(--sp-8)}.admin-stat-card{display:block;padding:var(--sp-5);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);text-decoration:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.admin-stat-card:hover{border-color:var(--brand);box-shadow:var(--shadow-sm)}.admin-stat-card__icon{width:40px;height:40px;border-radius:var(--r-md);background:var(--brand-light);color:var(--brand);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-4)}.admin-stat-card__value{font-size:var(--text-2xl);font-weight:800;color:var(--text-primary);line-height:1.2}.admin-stat-card__label{margin-top:var(--sp-1);font-size:var(--text-sm);color:var(--text-muted)}.admin-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-6);margin-bottom:var(--sp-6)}.admin-card__title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--sp-5);color:var(--text-primary)}.admin-card__footer{margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.admin-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sp-4);margin-bottom:var(--sp-5)}.admin-meta-item{padding:var(--sp-4);background:var(--bg-elevated);border-radius:var(--r-md)}.admin-meta-item__label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:var(--sp-2)}.admin-meta-item__value{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.admin-log{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);word-break:break-word;white-space:pre-wrap;padding:var(--sp-4);background:var(--bg-elevated);border-radius:var(--r-md);margin:0}.admin-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font-size:var(--text-xs);font-weight:600}.admin-pill--published,.admin-pill--success,.admin-pill--completed{background:#10b9811f;color:#10b981}.admin-pill--draft,.admin-pill--idle{background:var(--bg-elevated);color:var(--text-muted)}.admin-pill--pending{background:#f59e0b1f;color:#f59e0b}.admin-pill--scheduled{background:#3b82f61f;color:#3b82f6}.admin-pill--archived{background:#8b5cf61f;color:#8b5cf6}.admin-pill--error{background:#ef44441f;color:#ef4444}.admin-pill--skipped{background:#f59e0b1f;color:#f59e0b}.admin-pill--running{background:#3b82f61f;color:#3b82f6}.admin-pill--stale{background:#f59e0b1f;color:#d97706}.admin-pill--role-admin{background:#6c5ce724;color:#6c5ce7}.admin-pill--role-editor{background:#3b82f61f;color:#3b82f6}.admin-pill--role-author{background:var(--bg-elevated);color:var(--text-muted)}.admin-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-base)}.admin-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.admin-table thead tr{background:var(--bg-surface);border-bottom:1px solid var(--border)}.admin-table th{padding:var(--sp-3) var(--sp-4);text-align:left;font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);white-space:nowrap}.admin-table td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);vertical-align:middle}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:var(--bg-surface)}.admin-table__title{font-weight:600;color:var(--text-primary);text-decoration:none}.admin-table__title:hover{color:var(--brand)}.admin-table__slug{display:block;margin-top:2px;font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.admin-table__actions{display:flex;gap:var(--sp-1);align-items:center}.admin-empty{text-align:center;padding:var(--sp-12);color:var(--text-muted);font-size:var(--text-sm)}.admin-progress{margin-bottom:var(--sp-8)}.admin-progress__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-3)}.admin-progress__count{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.admin-progress__count span{font-size:var(--text-sm);font-weight:400;color:var(--text-muted)}.admin-progress__pct{font-weight:700;color:var(--brand)}.admin-progress__bar{width:100%;height:8px;background:var(--border);border-radius:999px;overflow:hidden}.admin-progress__fill{height:100%;background:var(--brand);border-radius:999px;transition:width .6s ease}.admin-filter-tabs{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-5);flex-wrap:wrap}.admin-result-info{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--sp-4)}.admin-pagination{margin-block:var(--sp-8)}.admin-pagination__info{font-size:var(--text-sm);color:var(--text-muted);margin-left:var(--sp-2)}.btn--icon{padding:var(--sp-2);min-width:32px}.btn--danger{color:var(--error)!important}.btn--danger:hover{background:#ff76751a!important;color:var(--error)!important}.admin-login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-6);background:var(--bg-surface)}.admin-login{width:100%;max-width:400px}.admin-login__header{text-align:center;margin-bottom:var(--sp-8)}.admin-login__title{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.02em;margin-top:var(--sp-4)}.admin-login__subtitle{color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--sp-1)}.admin-login__form{background:var(--bg-base);padding:var(--sp-8);border-radius:var(--r-xl);border:1px solid var(--border);box-shadow:var(--shadow-lg)}.admin-field{margin-bottom:var(--sp-4)}.admin-field__label{display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--sp-2)}.admin-login__submit{width:100%;justify-content:center;margin-top:var(--sp-2)}.admin-login__back{text-align:center;margin-top:var(--sp-6);font-size:var(--text-xs)}.admin-login__back a{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--text-muted);text-decoration:none}.admin-alert{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);font-size:var(--text-sm);margin-bottom:var(--sp-4)}.admin-alert--error{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#ef4444}.form-input{width:100%;padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-base);color:var(--text-primary);font-size:var(--text-sm);font-family:inherit;transition:border-color var(--t-fast),box-shadow var(--t-fast);outline:none}.form-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow)}textarea.form-input{resize:vertical}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--t-slow) both}.animate-fade-in-delay{animation:fadeIn var(--t-slow) .1s both}:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:3px}@media print{.nav,.footer,.ad-slot,.share-bar,.related-section{display:none!important}.prose{font-size:12pt;line-height:1.6}}