/* 导航背景保持全宽，内部 1200px 的六项等宽分布。 */
.nav-toggle{display:none}

@media (min-width: 851px) {
    .main-nav{width:100%}
    .main-nav .shell{width:1200px;max-width:calc(100% - 40px);margin-left:auto;margin-right:auto}
    .nav-inner{overflow:visible}
    .nav-link{flex:1 1 0;justify-content:center;padding-left:8px;padding-right:8px;text-align:center}
}

@media (max-width: 850px) {
    .topbar{gap:12px}
    .brand{min-width:0;gap:10px}
    .brand span{min-width:0}
    .brand strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:1px}
    .nav-ready .nav-toggle{display:flex;flex:0 0 auto;align-items:center;gap:8px;height:40px;padding:0 12px;border:1px solid #d6e3ec;border-radius:5px;background:#fff;color:var(--primary);font:600 14px/1 "PingFang SC","Microsoft YaHei",Arial,sans-serif;cursor:pointer}
    .nav-toggle:focus-visible{outline:2px solid var(--primary-2);outline-offset:2px}
    .nav-toggle-icon{display:flex;width:18px;height:14px;flex-direction:column;justify-content:space-between}
    .nav-toggle-icon i{display:block;width:100%;height:2px;border-radius:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
    .nav-toggle[aria-expanded="true"] .nav-toggle-icon i:first-child{transform:translateY(6px) rotate(45deg)}
    .nav-toggle[aria-expanded="true"] .nav-toggle-icon i:nth-child(2){opacity:0}
    .nav-toggle[aria-expanded="true"] .nav-toggle-icon i:last-child{transform:translateY(-6px) rotate(-45deg)}
    .nav-ready .main-nav{display:none}
    .nav-ready .main-nav.is-open{display:block}
    .main-nav .nav-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-height:0;padding:6px 12px 12px;overflow:visible}
    .main-nav .nav-link{justify-content:center;min-width:0;min-height:48px;padding:10px 8px;border-left:0;border-bottom:1px solid rgba(255,255,255,.12);white-space:normal;text-align:center;line-height:1.35}
    .main-nav .nav-link:nth-child(odd){border-right:1px solid rgba(255,255,255,.12)}
}

@media (max-width: 390px) {
    .brand img{width:44px;height:44px}
    .brand strong{font-size:16px}
    .nav-toggle{padding:0 10px}
    .nav-toggle-text{font-size:13px}
}

@media (prefers-reduced-motion: reduce) {
    .nav-toggle-icon i{transition:none}
}
/* 前台文章列表隐藏日期后使内容占满整行 */
.article-list li {
    grid-template-columns: 1fr;
}

.site-footer .footer-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.footer-links{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:0;margin-bottom:10px;color:#c7c7c7;font-size:14px;white-space:nowrap}
.footer-links a{padding:0 8px;line-height:1.5;border-right:1px solid rgba(255,255,255,.18)}
.footer-links a:last-child{border-right:0}
.footer-links a:hover{color:#fff}
.footer-record{margin:10px 0 8px}
.footer-security{display:inline-flex;margin-top:4px;padding:0;background:transparent}
.footer-security img{display:block;width:min(690px,100%);height:auto}
@media(max-width:850px){.footer-links{flex-wrap:wrap;white-space:normal}.footer-links a{padding:5px 9px;border-right:0}.site-footer{padding:30px 0}}

.home-carousel{position:relative;height:365px;overflow:hidden;border-radius:6px;background:#eaf0f4;box-shadow:var(--shadow)}
.carousel-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s ease}
.carousel-slide.is-active{opacity:1;visibility:visible}
.carousel-slide a{display:block;width:100%;height:100%}
.carousel-slide img{display:block;width:100%;height:100%;object-fit:cover}
.carousel-slide span{position:absolute;left:0;right:0;bottom:0;padding:40px 24px 18px;color:#fff;font-size:17px;background:linear-gradient(transparent,rgba(0,0,0,.72))}
.carousel-prev,.carousel-next{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:34px;height:48px;border:0;background:rgba(0,0,0,.32);color:#fff;font-size:30px;cursor:pointer}
.carousel-prev{left:0}.carousel-next{right:0}
.carousel-dots{position:absolute;z-index:2;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:7px}
.carousel-slide span~.carousel-dots{bottom:8px}
.carousel-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer}.carousel-dots button.is-active{width:20px;border-radius:5px;background:#fff}
.carousel-empty{height:100%;display:grid;place-items:center;color:#8a9aa6}
@media(max-width:850px){.home-carousel{height:260px}}