:root{--brand:#16a34a;--brand-600:#15803d;--brand-700:#166534;--brand-dark:#14532d;--brand-soft:#dcfce7;--brand-tint:#f0fdf4;--brand-text:#15803d;--brand-on-soft:#166534;--brand-ring:rgba(22,163,74,.15);--brand-ring-strong:rgba(22,163,74,.35);--container:1240px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;--nav-active:#4ade80}:root{--color-accent:var(--brand);--color-accent-dark:var(--brand-600);--color-text:var(--ink);--color-text-muted:var(--ink-2);--color-border:var(--line);--color-surface:var(--bg);--color-surface-alt:var(--bg-soft);--color-link:#14406b;--font-body:var(--font);--font-heading:var(--font);--space-xs:6px;--space-sm:10px;--space-md:16px;--space-lg:24px;--space-xl:40px;--nav-bg:#1f2430;--nav-ink:#d7dbe3;--footer-bg:#1f2430;--footer-ink:#c9ced8;--footer-line:#2c3242}html{position:relative}html,body{margin:0;padding:0;min-height:100%;background:var(--color-surface-alt);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.55}a{color:var(--color-link)}img{max-width:100%;height:auto}#container{min-height:400px;margin:var(--space-lg) auto var(--space-xl)}.clear{clear:both}.hero > .clear,.layout-with-sidebar > .clear,.category-board > .clear,.article-grid > .clear,.header-main > .clear{display:none}.icon{display:inline-block;vertical-align:-.18em;flex:0 0 auto}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.header-main{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);padding-block:var(--space-md)}.nav-burger{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius);color:var(--color-text);cursor:pointer}.nav-burger:hover{background:var(--color-surface-alt)}.header-action{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:var(--color-text-muted)}.header-action:hover{background:var(--brand-soft);color:var(--brand-on-soft)}.header-actions{flex:0 0 auto;margin-left:auto;display:flex;align-items:center;gap:var(--space-sm)}.header-actions__link{color:var(--color-text-muted);font-size:.85rem;text-decoration:none;white-space:nowrap}.header-actions__link:hover{color:var(--color-accent-dark)}.header-login{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:9px var(--space-md);border-radius:var(--radius-pill);background:var(--color-accent);color:#fff;font-size:.88rem;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap}.header-login:hover{background:var(--color-accent-dark);color:#fff}.trend-bar{flex:1 0 100%;min-width:0;order:1;display:flex;align-items:center;gap:var(--space-sm);font-size:.85rem;overflow-x:auto;white-space:nowrap}.trend-bar::-webkit-scrollbar{height:0}.trend-bar__label{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;font-weight:700;color:var(--color-accent)}.trend-bar__item{flex:0 0 auto;padding:3px var(--space-sm);border-radius:999px;background:var(--color-surface-alt);color:var(--color-text-muted);text-decoration:none}.trend-bar__item:hover{background:var(--color-accent);color:#fff}.header-main .logo{display:block;flex:0 0 auto}.header-main .logo img{display:block;width:auto;height:56px}.search-form{flex:1 1 auto;max-width:520px;display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface)}.search-form:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--brand-ring)}.search-form input{flex:1 1 auto;min-width:0;border:0;background:none;padding:var(--space-sm) var(--space-md);font:inherit;font-size:.92rem;outline:none}.btn-search{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:50%;cursor:pointer;background:var(--color-accent);color:#fff}.btn-search:hover{background:var(--color-accent-dark)}.header-main .icon-user{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--color-surface-alt) url(/public/images/admin/ic-user.svg) no-repeat center / 18px}.main-nav{background:var(--nav-bg);overflow-x:auto;white-space:nowrap}.main-nav::-webkit-scrollbar{height:0}.main-nav .container{display:flex}.nav-link{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:var(--space-sm) var(--space-md);color:var(--nav-ink);font-weight:600;font-size:.95rem;text-decoration:none}.nav-link:hover{background:rgba(255,255,255,.07);color:#fff}.nav-link.is-active{color:var(--nav-active);box-shadow:inset 0 -3px 0 var(--nav-active)}.mobile-nav{position:fixed;top:0;left:0;bottom:0;z-index:1000;width:290px;max-width:84vw;background:var(--color-surface);box-shadow:2px 0 16px rgba(0,0,0,.18);transform:translateX(-100%);transition:transform .25s ease;overflow-y:auto;display:none}.nav-scrim{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .25s ease;display:none}.nav-toggle{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.nav-toggle:checked ~ .mobile-nav{transform:translateX(0)}.nav-toggle:checked ~ .nav-scrim{opacity:1;pointer-events:auto}.nav-toggle:focus-visible ~ .site-header .nav-burger{outline:2px solid var(--color-accent)}.mobile-nav__head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--color-border)}.mobile-nav__title{font-weight:700;color:var(--color-accent)}.mobile-nav__close{display:inline-flex;padding:4px;color:var(--color-text-muted);cursor:pointer}.mobile-nav__search{display:flex;margin:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.mobile-nav__search input{flex:1 1 auto;min-width:0;border:0;padding:var(--space-sm);font-size:.92rem;outline:none}.mobile-nav__search button{flex:0 0 auto;width:42px;border:0;background:var(--color-accent);color:#fff;cursor:pointer}.mobile-nav__list{display:flex;flex-direction:column}.mobile-nav__list a{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:.95rem;text-decoration:none}.mobile-nav__list a:hover{background:var(--color-surface-alt);color:var(--color-accent)}.mobile-nav__list .chev{margin-left:auto;color:var(--color-text-muted)}.mobile-nav__count{margin-left:auto;padding:1px 8px;border-radius:999px;background:var(--color-surface-alt);color:var(--color-text-muted);font-size:.78rem}.mobile-nav__trends{padding:var(--space-md)}.mobile-nav__section{display:flex;align-items:center;gap:5px;margin-bottom:var(--space-sm);font-weight:700;font-size:.85rem;color:var(--color-accent)}@media only screen and (max-width:860px){.trend-bar{flex:1 0 100%;order:1}.mobile-nav,.nav-scrim{display:block}.nav-burger{display:inline-flex}.main-nav{display:none}.header-actions__link{display:none}.header-main .logo img{height:44px}.header-main{gap:var(--space-sm);padding-block:var(--space-sm)}}@media only screen and (max-width:520px){.header-login{padding:9px}.header-login span{display:none}.trend-bar__label span{display:none}}.layout-with-sidebar{display:flex;gap:var(--space-lg);align-items:flex-start}.layout-main{flex:1 1 auto;min-width:0}.sidebar{flex:0 0 320px;position:sticky;top:var(--space-md)}@media only screen and (max-width:900px){.layout-with-sidebar{flex-direction:column}.sidebar{flex:1 1 auto;width:100%;position:static}}.block{margin-bottom:var(--space-xl)}.block-title{font:700 1.15rem/1.3 var(--font-heading);margin:0 0 var(--space-md);padding-bottom:var(--space-xs);border-bottom:2px solid var(--color-accent)}.block-title a{color:inherit;text-decoration:none}.block-title__more{float:right;font-size:.8rem;font-weight:400;color:var(--color-text-muted)}.ad-slot{margin:var(--space-md) 0;text-align:center}.ad-slot__link{display:inline-block;max-width:100%;border-radius:var(--radius);overflow:hidden}.ad-slot img{display:block;margin:0 auto}.ad-slot--header_right{flex:0 1 auto;min-width:0;margin:0 0 0 auto}.ad-slot--header_right img{display:block;height:60px;width:auto;max-width:100%;border-radius:var(--radius)}@media only screen and (max-width:1100px){.header-main{padding-bottom:var(--space-sm)}.trend-bar{flex:1 1 auto;order:0}.ad-slot--header_right{flex:1 0 100%;order:10;margin:0}.ad-slot--header_right img{width:100%;height:auto}}.ad-slot--sidebar{margin-top:0}.ad-slot--sidebar .ad-slot__link{display:inline-block;max-width:100%}.ad-slot--sidebar img{width:300px;height:150px;object-fit:cover;border-radius:var(--radius)}@media only screen and (max-width:900px){.ad-slot--sidebar .ad-slot__link{display:block;width:100%}.ad-slot--sidebar img{width:100%;height:auto;aspect-ratio:2 / 1}}.ad-slot--header,.ad-slot--footer{margin:var(--space-md) 0}.ad-slot--article_top img,.ad-slot--article_bottom img,.ad-slot--footer img{max-width:100%;height:auto}.ad-slot--hero_side{margin-bottom:0}.ad-slot--hero_side .ad-slot__link{display:block;width:100%}.ad-slot--hero_side img{width:100%;height:100px;object-fit:cover;border-radius:var(--radius)}.btn{display:inline-block;padding:var(--space-sm) var(--space-lg);border:0;border-radius:var(--radius);background:var(--color-surface-alt);color:var(--color-text);font:600 .9rem/1.2 var(--font-body);text-decoration:none;cursor:pointer}.tag-cloud{margin:var(--space-xl) 0 0}.tag-chip{display:inline-block;margin:0 var(--space-xs) var(--space-xs) 0;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text-muted);font-size:.85rem;text-decoration:none}.tag-chip:hover{border-color:var(--color-accent);color:var(--color-accent)}.popup-overlay{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55);padding:var(--space-md)}.popup-box{width:100%;max-width:460px;background:var(--color-surface);border-radius:var(--radius);padding:var(--space-lg);box-shadow:var(--shadow)}.popup-title{margin:0 0 var(--space-sm);font-size:1.1rem}.popup-content{font-size:.92rem;margin-bottom:var(--space-md)}.site-footer{background:var(--footer-bg);color:var(--footer-ink);padding-top:var(--space-xl);font-size:.9rem}.site-footer a{color:var(--footer-ink);text-decoration:none}.site-footer a:hover{color:#fff}.footer-brand{float:left;width:40%}.footer-brand img{display:block;width:auto;height:64px;margin-bottom:var(--space-md)}.footer-brand p{margin:0 0 var(--space-xs)}.footer-nav{float:left;width:30%}.footer-connect{float:left;width:30%}.footer-nav a{display:flex;align-items:center;gap:6px;padding:3px 0}.footer-title{color:#fff;font-size:.95rem;margin:0 0 var(--space-sm);text-transform:uppercase;letter-spacing:.03em}.footer-social{display:flex;gap:var(--space-xs)}.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--footer-line)}.footer-social a:hover{background:var(--color-accent);color:#fff}.footer-brand p{display:flex;align-items:flex-start;gap:6px}.footer-about{padding-block:var(--space-lg);font-size:.85rem;opacity:.8}.copyright{margin-top:var(--space-lg);padding:var(--space-md) 0;border-top:1px solid var(--footer-line);font-size:.82rem}@media only screen and (max-width:800px){.footer-brand,.footer-nav,.footer-connect{float:none;width:100%;margin-bottom:var(--space-lg)}}.margin-top-10px{margin-top:var(--space-sm)}.margin-bottom-10px{margin-bottom:var(--space-sm)}.left{float:left}.right{float:right}.redirect-body{min-height:100vh;margin:0;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;background:var(--bg-soft)}.redirect-card{width:100%;max-width:440px;padding:28px 24px 24px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-lg);text-align:center;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.redirect-logo{width:150px;height:44px;margin:0 auto 18px;display:block;background-image:url(/public/images/logo.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.redirect-title{margin:0 0 10px;font-size:1.15rem;font-weight:700;color:var(--ink)}.redirect-note{margin:0 0 16px;font-size:.86rem;line-height:1.55;color:var(--ink-2)}.redirect-target{margin:0 0 16px;padding:9px 12px;background:var(--muted-soft);border-radius:6px;font-size:.9rem;font-weight:600;color:var(--ink);word-break:break-all}.redirect-count{margin:0 0 14px;font-size:.86rem;color:var(--ink-2)}.redirect-count b{color:var(--brand);font-size:1rem}.redirect-go{display:inline-block;min-width:150px}.redirect-back{display:block;margin-top:14px;font-size:.82rem;color:var(--ink-2);text-decoration:none}.redirect-back:hover{color:var(--brand);text-decoration:underline}@media only screen and (max-width:480px){.redirect-card{padding:22px 18px 20px}.redirect-title{font-size:1.05rem}}