:root{--zbnav-accent:#2163e8;--zbnav-accent-soft:#e9effd}
[data-bs-theme=dark]{--zbnav-accent:#7ea5f2;--zbnav-accent-soft:#132140}

.navbar .nav-list{display:flex;align-items:center;height:60px;margin:0;padding:0}
.navbar .nav-list>.menu-item>a{display:flex;align-items:center;line-height:1.25;margin:0 4px;padding:9px 15px;border-radius:999px;font-size:15px;font-weight:500;transition:color .2s ease,background-color .2s ease;white-space:nowrap}
.navbar .nav-list>.menu-item>a:hover{color:var(--zbnav-accent);background-color:var(--zbnav-accent-soft)}
.navbar .nav-list>.menu-item.current-menu-item>a,.navbar .nav-list>.menu-item.current_page_item>a,.navbar .nav-list>.menu-item.current-menu-ancestor>a{color:var(--zbnav-accent);background-color:var(--zbnav-accent-soft);font-weight:600}
[data-bs-theme=dark] .navbar .nav-list>.menu-item>a:hover,[data-bs-theme=dark] .navbar .nav-list>.menu-item.current-menu-item>a,[data-bs-theme=dark] .navbar .nav-list>.menu-item.current-menu-ancestor>a{color:var(--zbnav-accent)}

.navbar .nav-list>.menu-item.menu-item-has-children>a:after{transition:transform .25s ease}
.navbar .nav-list>.menu-item.menu-item-has-children:hover>a:after,.navbar .nav-list>.menu-item.menu-item-has-children.zb-open>a:after{transform:rotate(180deg)}
.navbar .nav-list .sub-menu .menu-item.menu-item-has-children>a:after{transition:transform .25s ease}
.navbar .nav-list .sub-menu .menu-item.menu-item-has-children:hover>a:after{transform:translateX(3px)}

.navbar .nav-list .sub-menu{min-width:176px;padding:8px;border-radius:14px;box-shadow:0 16px 36px -12px rgba(0,0,0,.18);transition:opacity .22s ease,transform .22s ease,visibility .22s ease}
.navbar .nav-list .sub-menu .menu-item{display:block;padding:0}
.navbar .nav-list .sub-menu .menu-item>a{padding:9px 14px;border-radius:10px;font-size:14px;transition:color .15s ease,background-color .15s ease}
.navbar .nav-list .sub-menu .menu-item>a:before{display:none}
.navbar .nav-list .sub-menu .menu-item>a:hover,.navbar .nav-list .sub-menu .menu-item.current-menu-item>a{background-color:var(--zbnav-accent-soft);color:var(--zbnav-accent)}
.navbar .nav-list .sub-menu .menu-item+.menu-item{margin-top:1px}
[data-bs-theme=dark] .navbar .nav-list .sub-menu{box-shadow:0 16px 36px -12px rgba(0,0,0,.6)}
[data-bs-theme=dark] .navbar .nav-list .sub-menu .menu-item>a:hover,[data-bs-theme=dark] .navbar .nav-list .sub-menu .menu-item.current-menu-item>a{color:var(--zbnav-accent)}

.zbnav-ic{display:inline-block;margin-right:6px;font-size:.95em;line-height:1;text-align:center;width:1.05em}
.zbnav-img{margin-right:6px;vertical-align:-2px;border-radius:3px;object-fit:cover}
.navbar .nav-list .sub-menu .zbnav-ic{opacity:.9}

.zb-badge{display:inline-block;margin-left:6px;padding:0 6px;height:16px;line-height:16px;font-size:10px;font-weight:600;border-radius:999px;vertical-align:1px;letter-spacing:0}
.b-hot{background:rgba(214,41,62,.13);color:#d6293e}
.b-new{background:rgba(12,188,135,.15);color:#0a9d72}
.b-free{background:rgba(79,158,248,.18);color:#2f7fd8}
.b-vip{background:rgba(217,154,28,.18);color:#a9770a}
.b-def{background:var(--zbnav-accent-soft);color:var(--zbnav-accent)}
[data-bs-theme=dark] .b-hot{background:rgba(214,41,62,.24);color:#ff8b9b}
[data-bs-theme=dark] .b-new{background:rgba(12,188,135,.24);color:#4fd6ac}
[data-bs-theme=dark] .b-free{background:rgba(79,158,248,.24);color:#8cc0ff}
[data-bs-theme=dark] .b-vip{background:rgba(217,154,28,.26);color:#f3c65f}

.navbar .nav-list .menu-item.zb-open>.sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0) scale(1)}
.navbar .nav-list .menu-item.zb-open>a{color:var(--zbnav-accent);background-color:var(--zbnav-accent-soft)}
body .navbar .action-hover-menu.zb-open .hover-warp{visibility:visible;opacity:1;transform:none}

@media (min-width:768px) and (max-width:1199.98px){
  .navbar .nav-list>.menu-item:nth-last-child(-n+2)>.sub-menu{left:auto;right:0;transform:translate(0,-10px) scale(.97)}
  .navbar .nav-list>.menu-item:nth-last-child(-n+2):hover>.sub-menu,.navbar .nav-list>.menu-item:nth-last-child(-n+2).zb-open>.sub-menu{transform:translate(0,0) scale(1)}
  .navbar .nav-list>.menu-item:nth-last-child(-n+2)>.sub-menu:before{left:auto;right:22px;margin-left:0}
}
.site-header.navbar-sticky,.site-header.navbar-now{background-color:rgba(255,255,255,.86);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px)}
[data-bs-theme=dark] .site-header.navbar-sticky,[data-bs-theme=dark] .site-header.navbar-now{background-color:rgba(15,15,16,.84)}
.slicknav_menu .slicknav_nav .zbnav-ic{margin-right:6px}
.slicknav_menu .slicknav_nav .zb-badge{vertical-align:0}

.actions .user-menu{position:relative;display:flex;align-items:center}
.actions .user-menu>a{display:flex;align-items:center;gap:6px;text-decoration:none}
.actions .user-menu .avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}
.actions .user-menu .hover-warp{position:absolute;top:100%;right:0;min-width:168px;padding:8px;border-radius:14px;background:#fff;box-shadow:0 16px 36px -12px rgba(0,0,0,.18);visibility:hidden;opacity:0;transform:translateY(-10px) scale(.97);transition:all .2s ease;z-index:99}
[data-bs-theme=dark] .actions .user-menu .hover-warp{background:#1b1b1d;box-shadow:0 16px 36px -12px rgba(0,0,0,.6)}
.actions .user-menu:hover .hover-warp{visibility:visible;opacity:1;transform:none}
.actions .user-menu .hover-warp a{display:block;padding:9px 14px;border-radius:10px;font-size:14px;color:inherit;text-decoration:none}
.actions .user-menu .hover-warp a:hover{background:var(--zbnav-accent-soft);color:var(--zbnav-accent)}

.ri-notice{position:fixed;left:50%;top:18%;transform:translateX(-50%);z-index:99999;background:rgba(0,0,0,.82);color:#fff;padding:10px 18px;border-radius:999px;font-size:14px;line-height:1.5;max-width:80vw;text-align:center}

.empty-state{padding:56px 16px;text-align:center;color:#8a8a90}
.empty-state i{font-size:42px;opacity:.35;display:block;margin-bottom:14px}

.pay-select{padding:2px}
.pay-select-title{font-size:15px;font-weight:600;text-align:center;margin-bottom:14px}
.pay-select-list{display:flex;flex-direction:column;gap:10px}
.pay-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #e6e8ee;border-radius:12px;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .1s;background:#fff}
.pay-item:hover{border-color:#e8388c;box-shadow:0 6px 18px -10px rgba(232,56,140,.5);transform:translateY(-1px)}
.pay-item.is-disabled{opacity:.55;cursor:not-allowed}
.pay-item.is-disabled:hover{border-color:#e6e8ee;box-shadow:none;transform:none}
.pay-item-ic{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f4f6f9;font-size:17px;flex:0 0 36px}
.pay-item-txt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}
.pay-item-txt b{font-size:14px;font-weight:600}
.pay-item-txt em{font-style:normal;font-size:12px;color:#8a8a90}
.pay-item-price{font-weight:700;color:#d6293e;font-size:14px}
[data-bs-theme=dark] .pay-item{background:#1b1b1d;border-color:#2c2c30}
[data-bs-theme=dark] .pay-item-ic{background:#26262a}

.series-list{display:flex;flex-direction:column;gap:8px;padding:4px 0}
.series-item{display:flex;align-items:center;gap:12px;padding:8px;border:1px solid #eef0f4;border-radius:10px;text-decoration:none;color:inherit;transition:border-color .15s,background-color .15s}
.series-item:hover{border-color:#d6293e;background:#fffafa;text-decoration:none;color:inherit}
.series-num{width:26px;height:26px;border-radius:50%;background:#f4f6f9;display:flex;align-items:center;justify-content:center;font-size:12px;color:#8a8a90;flex:0 0 26px}
.series-thumb{width:52px;height:52px;border-radius:8px;overflow:hidden;flex:0 0 52px;background:#f4f6f9}
.series-thumb img{width:100%;height:100%;object-fit:cover}
.series-info{min-width:0;display:flex;flex-direction:column}
.series-name{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.series-meta{font-size:12px;color:#8a8a90}
[data-bs-theme=dark] .series-item{border-color:#2c2c30}
[data-bs-theme=dark] .series-item:hover{background:#1f1f22}
[data-bs-theme=dark] .series-num{background:#26262a;color:#9aa1b2}

.ri-down-inline{margin:18px 0 6px;padding:14px;border:1px dashed #f0c9cf;border-radius:12px;background:#fffafb}
.down-inline-title{font-weight:600;font-size:14px;margin-bottom:8px;color:#d6293e}
[data-bs-theme=dark] .ri-down-inline{background:#1f1a1c;border-color:#4a2b31}

.comment-list{list-style:none;padding:0;margin:0 0 18px}
.comment-item{padding:12px 0;border-bottom:1px solid #f0f2f6}
.comment-item:last-child{border-bottom:0}
.comment-head{font-size:13px;margin-bottom:4px}
.comment-body{font-size:14px;line-height:1.7;color:#3a3f4b}
[data-bs-theme=dark] .comment-body{color:#c9cedb}
[data-bs-theme=dark] .comment-item{border-bottom-color:#2c2c30}

.archive-hero{position:relative;overflow:hidden;color:#fff}
.archive-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.45);z-index:0}
.archive-hero .container{position:relative;z-index:1}
.list-group-item.active{background:#d6293e;border-color:#d6293e}

.ico {
  display: inline-block;
  vertical-align: -0.16em;
  flex: 0 0 auto;
  overflow: visible;
  transition: color .15s ease;
}
.ico.spin { animation: ico-spin 1s linear infinite; }
@keyframes ico-spin { to { transform: rotate(360deg); } }

.ico.me-1 { margin-right: .28em; }
.ico.me-2 { margin-right: .5em; }
.ico.ms-1 { margin-left: .28em; }
.ico.ms-2 { margin-left: .5em; }

.zbnav-ic.ico { margin-right: 7px; opacity: .9; }
.nav-item.on .ico,
.menu-item.current-menu-item .ico { opacity: 1; }