: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;--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)}.top-bar{background:var(--color-surface-alt);border-bottom:1px solid var(--color-border);font-size:.82rem;color:var(--color-text-muted)}.top-bar__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-block:var(--space-xs)}.top-bar__date{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.top-bar__links{display:flex;align-items:center;gap:var(--space-md)}.top-bar__links a{display:inline-flex;align-items:center;gap:4px;color:var(--color-text-muted);text-decoration:none;white-space:nowrap}.top-bar__links a:hover{color:var(--color-accent)}.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%;background:var(--color-surface-alt);color:var(--color-text-muted)}.header-action:hover{background:var(--color-accent);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:54px}.search-form{flex:1 1 auto;max-width:480px;display:flex;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;background:var(--color-surface)}.search-form input{flex:1 1 auto;border:0;padding:var(--space-sm) var(--space-md);font-size:.95rem;outline:none}.btn-search{width:44px;border:0;cursor:pointer;background:var(--color-surface) url(/public/images/search.svg) no-repeat center / 18px}.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(--color-accent);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:#fff;font-weight:600;font-size:.95rem;text-decoration:none}.nav-link:hover,.nav-link.is-active{background:var(--color-accent-dark)}.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}.top-bar__links a span,.top-bar__date{font-size:.78rem}.header-action{display:none}.header-main .logo img{height:38px}.header-main{gap:var(--space-sm);padding-block:var(--space-sm)}}@media only screen and (max-width:520px){.top-bar__links{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:72px;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}.article-detail{background:var(--color-surface);border-radius:var(--radius);padding:var(--space-lg);box-shadow:var(--shadow);margin-bottom:var(--space-xl)}.article-detail__title{margin:0 0 var(--space-sm);font:700 1.9rem/1.25 var(--font-heading)}@media only screen and (max-width:800px){.article-detail{padding:var(--space-md)}.article-detail__title{font-size:1.4rem}}.article-detail__meta{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center;padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border);font-size:.82rem;color:var(--color-text-muted)}.article-detail__author{font-weight:600;color:var(--color-text)}.article-detail__excerpt{margin:var(--space-md) 0 0;font-size:1.05rem;font-weight:600;line-height:1.6}.article-detail__content{font-size:1.02rem;line-height:1.75}.article-detail__content h2,.article-detail__content h3,.article-detail__content h4{margin:var(--space-xl) 0 var(--space-sm);font-family:var(--font-heading);line-height:1.3}.article-detail__content h2{font-size:1.35rem}.article-detail__content h3{font-size:1.15rem}.article-detail__content p{margin:0 0 var(--space-md)}.article-detail__content img{display:block;margin:var(--space-lg) auto;border-radius:var(--radius)}.article-detail__content figcaption,.article-detail__content em{display:block;text-align:center;font-size:.88rem;color:var(--color-text-muted)}.article-detail__content a{color:var(--color-accent)}.article-detail__content ul,.article-detail__content ol{margin:0 0 var(--space-md);padding-left:var(--space-lg)}.article-detail__content li{margin-bottom:var(--space-xs)}.article-detail__content blockquote{margin:var(--space-lg) 0;padding:var(--space-sm) var(--space-md);border-left:4px solid var(--color-accent);background:var(--color-surface-alt);font-style:italic}.article-detail__content iframe{display:block;width:100%;aspect-ratio:16 / 9;height:auto;margin:var(--space-lg) 0;border:0;border-radius:var(--radius)}.article-detail__content table{width:100%;border-collapse:collapse;margin-bottom:var(--space-md)}.article-detail__content th,.article-detail__content td{border:1px solid var(--color-border);padding:var(--space-xs) var(--space-sm);text-align:left}.article-gallery{margin-top:var(--space-xl)}.article-gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:var(--space-sm)}.article-gallery__grid img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--radius)}.article-detail__footer{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.article-detail__updated{margin:0;font-size:.82rem;color:var(--color-text-muted)}.related-articles{margin-top:var(--space-xl)}.comments{margin-top:var(--space-xl);padding:var(--space-lg);background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow)}@media only screen and (max-width:800px){.comments{padding:var(--space-md)}}.comment-notice{margin:0 0 var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius);background:var(--success-soft);color:var(--success);font-size:.88rem}.comment-notice--error{background:var(--danger-soft);color:var(--danger)}.comment-login{margin:0 0 var(--space-lg);padding:var(--space-md);border:1px dashed var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);font-size:.92rem;text-align:center}.comment-login a{color:var(--color-accent);font-weight:600}.comment-form{margin-bottom:var(--space-lg)}.comment-form__head{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.comment-form__name{font-weight:600;font-size:.92rem}.comment-form textarea{width:100%;box-sizing:border-box;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius);font-family:inherit;font-size:.95rem;line-height:1.5;resize:vertical;outline:none}.comment-form textarea:focus{border-color:var(--color-accent)}.comment-form .btn{margin-top:var(--space-sm)}.comment-cover{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-accent);color:#fff;font-weight:700;font-size:1rem}.comment-list{margin:0;padding:0;list-style:none}.comment-item{display:flex;gap:var(--space-md);padding:var(--space-md) 0;border-top:1px solid var(--color-border)}.comment-body{flex:1 1 auto;min-width:0}.comment-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-sm);margin-bottom:4px}.comment-author{font-weight:600;font-size:.92rem}.comment-meta time{font-size:.78rem;color:var(--color-text-muted)}.comment-text{margin:0;font-size:.95rem;line-height:1.6;word-wrap:break-word}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-lg)}.article-card{background:var(--color-surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.article-card__media{display:block;background:var(--color-surface-alt)}.article-card__media img{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover}.article-card__body{padding:var(--space-sm) var(--space-md) var(--space-md);flex:1 1 auto}.article-card__title{margin:0 0 var(--space-xs);font:600 1rem/1.4 var(--font-heading)}.article-card__title a{color:var(--color-text);text-decoration:none}.article-card__title a:hover{color:var(--color-accent)}.article-card__excerpt{margin:0 0 var(--space-sm);font-size:.88rem;color:var(--color-text-muted)}.article-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;font-size:.78rem;color:var(--color-text-muted)}.article-card__category{color:var(--color-accent);font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:.02em}.article-card--lead .article-card__title{font-size:1.5rem;line-height:1.3}.article-card--lead .article-card__excerpt{font-size:.95rem}.article-card--compact{flex-direction:row;margin-bottom:var(--space-md)}.article-card--compact .article-card__media{flex:0 0 110px}.article-card--compact .article-card__media img{aspect-ratio:1 / 1}.article-card--compact .article-card__title{font-size:.92rem}.article-card--compact .article-card__body{padding:var(--space-sm) var(--space-md)}.hero{display:flex;gap:var(--space-lg);margin-bottom:var(--space-xl)}.hero__lead{flex:1 1 62%;min-width:0}.hero__side{flex:1 1 38%;min-width:0}@media only screen and (max-width:800px){.hero{flex-direction:column}.article-card--lead .article-card__title{font-size:1.2rem}}.widget{background:var(--color-surface);border-radius:var(--radius);padding:var(--space-md);margin-bottom:var(--space-lg);box-shadow:var(--shadow)}.widget .section-title{font-size:1rem}.ranked-list{margin:0;padding:0;list-style:none;counter-reset:rank}.ranked-list li{counter-increment:rank;padding:var(--space-sm) 0 var(--space-sm) 30px;border-bottom:1px solid var(--color-border);position:relative;font-size:.9rem}.ranked-list li:last-child{border-bottom:0}.ranked-list li::before{content:counter(rank);position:absolute;left:0;top:var(--space-sm);width:20px;text-align:center;font-weight:700;color:var(--color-accent)}.ranked-list a{color:var(--color-text);text-decoration:none}.ranked-list a:hover{color:var(--color-accent)}.ranked-list__views{display:block;font-size:.75rem;color:var(--color-text-muted)}.category-list{margin:0;padding:0;list-style:none}.category-list li{display:flex;justify-content:space-between;padding:var(--space-xs) 0;border-bottom:1px solid var(--color-border);font-size:.9rem}.category-list li:last-child{border-bottom:0}.category-list a{color:var(--color-text);text-decoration:none}.category-list a:hover{color:var(--color-accent)}.category-list__count{color:var(--color-text-muted);font-size:.8rem}.archive-header{margin-bottom:var(--space-lg)}.archive-title{margin:0 0 var(--space-xs);font:700 1.6rem/1.25 var(--font-heading);border-left:4px solid var(--color-accent);padding-left:var(--space-sm)}.archive-description{margin:0;color:var(--color-text-muted);font-size:.92rem}.subcategory-nav{margin-bottom:var(--space-lg)}.archive-content{margin-top:var(--space-xl);padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius);font-size:.92rem}.empty-state{padding:var(--space-xl);text-align:center;color:var(--color-text-muted);background:var(--color-surface);border-radius:var(--radius)}.category-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-lg)}.category-board__item{background:var(--color-surface);border-radius:var(--radius);padding:var(--space-md);box-shadow:var(--shadow)}