/*
Theme Name: MangaVerse
Theme URI: https://example.com/mangaverse
Author: MangaVerse
Description: WordPress manga reading theme - modern dark interface with English UI, multi-source crawler including mangayy.org
Version: 5.3.6-en
License: GNU General Public License v2 or later
Text Domain: mangaverse
*/

/* ─── FONTS ─────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Nunito:wght@400;500;600;700&display=swap');

/* ─── VARIABLES ──────────────────────────────────────────── */
:root {
  --bg:#0f0f17; --bg2:#16161f; --bg3:#1c1c28; --bg4:#222233;
  --red:#e63946; --red2:#c1121f; --blue:#4361ee;
  --green:#2dc653; --teal:#0d9488; --orange:#f4a261;
  --txt:#e8e8f0; --txt2:#9999bb; --txt3:#555577;
  --border:#2a2a3e; --r:6px; --rl:10px;
  --font:'Nunito',sans-serif; --display:'Barlow Condensed',sans-serif;
}

/* ─── RESET ──────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--txt);font-family:var(--font);font-size:15px;line-height:1.65;min-height:100vh}
a{color:inherit;text-decoration:none}
a:hover{color:var(--red)}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}
button{cursor:pointer;border:none;font-family:inherit;background:none}
input,select,textarea{font-family:inherit;font-size:14px}

/* ─── LAYOUT ─────────────────────────────────────────────── */
.container{max-width:1280px;margin:0 auto;padding:0 20px}
.site-wrapper{display:flex;flex-direction:column;min-height:100vh}
.main-content{flex:1;padding:20px 0}
.content-sidebar-wrap{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}
.main-col{min-width:0}

/* ─── HEADER ─────────────────────────────────────────────── */
.site-header{background:var(--bg2);border-bottom:2px solid var(--red);position:sticky;top:0;z-index:500;box-shadow:0 2px 16px rgba(0,0,0,.6)}
.header-inner{display:flex;align-items:center;height:54px;gap:0}

/* Logo */
.site-logo{display:flex;align-items:center;gap:6px;font-family:var(--display);font-size:24px;font-weight:800;color:var(--red);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;margin-right:16px;flex-shrink:0}
.site-logo span:last-child{color:var(--txt)}

/* Nav desktop */
.primary-nav{display:flex;align-items:center;flex:1;height:100%}
.nav-item{position:relative;height:100%;display:flex;align-items:center}
.nav-link{display:flex;align-items:center;gap:5px;padding:0 12px;height:100%;font-size:14px;font-weight:600;color:var(--txt2);white-space:nowrap;transition:color .15s}
.nav-link:hover{color:var(--txt)}
.nav-link i.nav-arrow{font-size:9px;margin-left:2px}

/* Dropdown */
.dropdown{display:none;position:absolute;top:100%;left:0;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);z-index:1000;box-shadow:0 8px 32px rgba(0,0,0,.7);min-width:200px}
.nav-item:hover>.dropdown{display:block}
.dropdown-grid{display:grid;grid-template-columns:1fr 1fr 1fr;padding:8px;gap:2px;width:320px}
.dropdown-grid a,.dropdown-simple a{display:flex;align-items:center;gap:6px;padding:7px 10px;font-size:13px;color:var(--txt2);border-radius:4px;transition:background .12s,color .12s}
.dropdown-grid a:hover,.dropdown-simple a:hover{background:var(--bg4);color:var(--txt)}
.dropdown-simple{display:flex;flex-direction:column;padding:8px}
.dropdown-simple a i{color:var(--red);width:14px}

/* Search */
.header-search{margin-left:auto;flex-shrink:0}
.search-form{display:flex;align-items:center;background:var(--bg3);border:1px solid var(--border);border-radius:24px;overflow:hidden;height:36px;min-width:160px}
.search-input{background:none;border:none;padding:0 14px;color:var(--txt);font-size:13px;width:200px;outline:none}
.search-input::placeholder{color:var(--txt3)}
.search-btn{background:var(--red);border:none;color:#fff;padding:0 14px;height:36px;cursor:pointer;font-size:13px;transition:background .15s}
.search-btn:hover{background:var(--red2)}

/* Mobile controls */
.mobile-actions{display:none;align-items:center;gap:4px;margin-left:auto}
.mobile-search-btn,.menu-toggle{color:var(--txt);font-size:20px;padding:8px;border-radius:var(--r);transition:background .15s}
.mobile-search-btn:hover,.menu-toggle:hover{background:rgba(255,255,255,.1)}
.mobile-search-bar{display:none;padding:0 0 10px}
.mobile-search-bar.open{display:block}
.mobile-search-form{display:flex;background:var(--bg3);border:1px solid var(--border);border-radius:24px;overflow:hidden}
.mobile-search-form input{flex:1;background:none;border:none;padding:9px 16px;color:var(--txt);outline:none}
.mobile-search-form button{background:var(--red);border:none;color:#fff;padding:9px 16px;cursor:pointer}

/* Overlay + drawer */
.mobile-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:498}
.mobile-overlay.open{display:block}
.mobile-menu{position:fixed;top:0;left:-285px;width:285px;height:100%;background:#12121a;border-right:1px solid var(--border);z-index:499;transition:left .28s cubic-bezier(.4,0,.2,1);overflow-y:auto}
.mobile-menu.open{left:0}
.mobile-menu-inner{padding:8px 0 32px}
.mobile-nav-link{display:flex;align-items:center;gap:12px;padding:13px 20px;font-size:15px;font-weight:500;color:var(--txt2);border-bottom:1px solid rgba(255,255,255,.04);transition:all .15s}
.mobile-nav-link i{width:18px;text-align:center;color:var(--txt3)}
.mobile-nav-link:hover{background:rgba(255,255,255,.05);color:var(--red)}
.mobile-nav-link:hover i{color:var(--red)}
.mobile-accordion{border-bottom:1px solid rgba(255,255,255,.04)}
.mobile-accordion-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 20px;color:var(--txt2);font-size:15px;font-weight:500;text-align:left;transition:background .15s}
.mobile-accordion-btn:hover{background:rgba(255,255,255,.05)}
.mobile-accordion-btn span{display:flex;align-items:center;gap:12px}
.mobile-accordion-btn span i{width:18px;text-align:center;color:var(--txt3)}
.mobile-acc-arrow{color:var(--txt3);font-size:11px;transition:transform .25s}
.mobile-accordion-btn.open .mobile-acc-arrow{transform:rotate(180deg)}
.mobile-accordion-content{display:none;background:rgba(0,0,0,.25);max-height:300px;overflow-y:auto}
.mobile-accordion-content.open{display:block}
.mobile-acc-link{display:flex;align-items:center;gap:8px;padding:9px 20px 9px 50px;font-size:14px;color:var(--txt2);transition:color .15s}
.mobile-acc-link:hover{color:var(--red)}

/* ─── BREADCRUMB ─────────────────────────────────────────── */
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:10px 0 16px;font-size:13px;color:var(--txt3)}
.breadcrumb a{color:var(--txt3)}
.breadcrumb a:hover{color:var(--red)}
.breadcrumb .current{color:var(--txt2)}

/* ─── SECTION HEADER ─────────────────────────────────────── */
.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;border-left:4px solid var(--red);padding-left:12px}
.section-title{font-family:var(--display);font-size:20px;font-weight:800;text-transform:uppercase;color:var(--red);display:flex;align-items:center;gap:8px}
.section-more{font-size:13px;color:var(--txt2);display:flex;align-items:center;gap:4px}
.section-more:hover{color:var(--red)}

/* ─── FEATURED SLIDER ────────────────────────────────────── */
.featured-slider{position:relative;overflow:hidden;border-radius:var(--rl);margin-bottom:28px}
.slider-track{display:flex;transition:transform .4s cubic-bezier(.25,.46,.45,.94);will-change:transform}
.slider-item{flex:0 0 220px;width:220px;padding:0 6px;min-width:0}
.slider-item:first-child{padding-left:0}
.slider-item:last-child{padding-right:0}
.slider-card{display:block;position:relative;border-radius:var(--rl);overflow:hidden;aspect-ratio:3/4;background:var(--bg3)}
.slider-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.slider-card:hover img{transform:scale(1.05)}
.slider-card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.9));padding:32px 10px 10px}
.slider-card-title{font-family:var(--display);font-size:15px;font-weight:700;color:#fff;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.slider-card-info{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:rgba(255,255,255,.7)}
.slider-card-rating{color:var(--orange);font-weight:700;display:flex;align-items:center;gap:3px}
.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.7);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10;font-size:14px;transition:background .15s}
.slider-btn:hover{background:var(--red)}
.slider-btn.prev{left:8px}
.slider-btn.next{right:8px}

/* ─── TABS ───────────────────────────────────────────────── */
.tabs{display:flex;gap:4px;margin-bottom:0}
.tab-btn{display:flex;align-items:center;gap:6px;padding:9px 18px;background:var(--bg2);color:var(--txt2);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;border:1px solid var(--border);border-bottom:none;border-radius:var(--r) var(--r) 0 0;cursor:pointer;transition:all .15s}
.tab-btn.active{background:var(--red);color:#fff;border-color:var(--red)}
.tab-btn:not(.active):hover{color:var(--txt)}
.tab-panel{display:none}
.tab-panel.active{display:block}
.tab-panel-wrap{background:var(--bg3);border:1px solid var(--border);border-radius:0 var(--r) var(--r) var(--r);padding:14px}

/* ─── MANGA GRID ─────────────────────────────────────────── */
.manga-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:14px}
.manga-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--rl);overflow:hidden;transition:transform .2s,box-shadow .2s}
.manga-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px rgba(0,0,0,.5)}
.manga-card-thumb{display:block;position:relative;aspect-ratio:2/3.2;overflow:hidden}
.manga-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.manga-card:hover .manga-card-thumb img{transform:scale(1.05)}
.manga-card-badge{position:absolute;top:6px;left:6px;padding:2px 6px;font-size:10px;font-weight:800;border-radius:3px;text-transform:uppercase;letter-spacing:.5px}
.manga-card-badge.hot{background:var(--red);color:#fff}
.manga-card-badge.new{background:var(--green);color:#fff}
.manga-card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.85));padding:20px 8px 8px}
.manga-card-title{font-size:13px;font-weight:700;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}
.manga-card-meta{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;font-size:12px;color:var(--txt2)}
.manga-card-meta .rating{color:var(--orange)}
.manga-card-meta i{margin-right:3px}
.manga-card-chapters{padding:0 8px 8px}
.manga-card-chapter-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0;border-top:1px solid rgba(255,255,255,.05);font-size:12px}
.manga-card-chapter-item a{color:var(--blue)}
.manga-card-chapter-item a:hover{color:var(--red)}
.manga-card-chapter-item .time{color:var(--txt3);font-size:11px}

/* ─── SIDEBAR WIDGETS ────────────────────────────────────── */
.sidebar{display:flex;flex-direction:column;gap:16px}
.widget{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rl);overflow:hidden}
.widget-title{display:flex;align-items:center;gap:8px;padding:11px 14px;font-family:var(--display);font-size:15px;font-weight:700;text-transform:uppercase;color:var(--txt);background:var(--bg3);border-bottom:2px solid var(--red)}
.widget-title i{color:var(--red)}
.ranking-tabs{display:flex;padding:8px 10px 0;gap:4px;background:var(--bg2)}
.ranking-tab{flex:1;padding:6px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--txt3);border:1px solid var(--border);border-radius:var(--r) var(--r) 0 0;border-bottom:none;background:var(--bg);cursor:pointer;transition:all .15s;text-align:center}
.ranking-tab.active{background:var(--red);color:#fff;border-color:var(--red)}
.ranking-list{padding:4px 10px 10px;display:flex;flex-direction:column}
.ranking-item{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid rgba(255,255,255,.04)}
.ranking-item:last-child{border-bottom:none}
.ranking-num{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:13px;font-weight:800;color:var(--txt3);flex-shrink:0;border-radius:4px}
.ranking-num.top1{background:#ffd700;color:#000}
.ranking-num.top2{background:#c0c0c0;color:#000}
.ranking-num.top3{background:#cd7f32;color:#fff}
.ranking-thumb{width:40px;height:56px;border-radius:4px;overflow:hidden;flex-shrink:0}
.ranking-thumb img{width:100%;height:100%;object-fit:cover}
.ranking-info{flex:1;min-width:0}
.ranking-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;font-weight:600;color:var(--txt2);margin-bottom:3px}
.ranking-title:hover{color:var(--red)}
.ranking-chapter{font-size:11px;color:var(--blue)}
.ranking-views{font-size:11px;color:var(--txt3)}
.ranking-views i{margin-right:3px}

/* ─── BUTTONS ────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--r);font-size:14px;font-weight:600;cursor:pointer;transition:filter .15s,background .15s;border:none;white-space:nowrap;line-height:1;text-decoration:none}
.btn:hover{filter:brightness(.85)}
.btn-primary{background:var(--red);color:#fff}
.btn-secondary{background:var(--green);color:#fff}
.btn-blue{background:var(--blue);color:#fff}
.btn-outline{background:transparent;border:1px solid var(--border);color:var(--txt2);filter:none}
.btn-outline:hover{border-color:var(--txt2);color:var(--txt);filter:none}

/* ─── MANGA DETAIL PAGE ──────────────────────────────────── */
.md-wrap{background:var(--bg3);border:1px solid var(--border);border-top:3px solid var(--red);border-radius:var(--rl);padding:20px;margin-bottom:18px}
.md-title{font-family:var(--display);font-size:22px;font-weight:800;text-transform:uppercase;text-align:center;color:var(--txt);padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid var(--border);line-height:1.3}
.md-body{display:grid;grid-template-columns:200px 1fr;gap:22px;align-items:start}
.md-info-col{min-width:0;overflow:hidden}
.md-cover-col{flex-shrink:0}
.md-cover{position:relative;border-radius:var(--rl);overflow:hidden;aspect-ratio:2/3.2;box-shadow:0 6px 24px rgba(0,0,0,.5)}
.md-cover img{width:100%;height:100%;object-fit:cover}
.md-cover-views{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.75);color:rgba(255,255,255,.85);font-size:12px;padding:5px 8px;text-align:center;display:flex;align-items:center;justify-content:center;gap:5px}
.md-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.md-tag{display:inline-block;padding:4px 12px;border:1px solid var(--blue);border-radius:4px;font-size:13px;color:var(--txt);transition:background .15s,color .15s}
.md-tag:hover{background:var(--blue);color:#fff}
.md-tag:nth-child(2){border-color:var(--teal)}
.md-tag:nth-child(2):hover{background:var(--teal)}
.md-tag:nth-child(3){border-color:#7c3aed}
.md-tag:nth-child(3):hover{background:#7c3aed}
.md-tag:nth-child(4){border-color:var(--red)}
.md-tag:nth-child(4):hover{background:var(--red)}
.md-meta{margin-bottom:14px}
.md-meta-row{display:grid;grid-template-columns:20px 110px 1fr;gap:8px;align-items:start;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.md-meta-row:last-child{border-bottom:none}
.md-meta-icon{color:var(--red);font-size:13px;margin-top:2px;text-align:center}
.md-meta-label{color:var(--txt2);font-size:14px}
.md-meta-val{color:var(--txt);font-size:14px}
.md-status-ongoing{color:var(--green)}
.md-status-completed{color:var(--blue)}
.md-status-paused{color:var(--orange)}
.md-status-cancelled{color:var(--red)}
.md-stars{display:inline-flex;gap:2px;margin-right:5px}
.md-stars i{color:var(--orange);font-size:15px}
.md-follow-row{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.md-follow-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;background:var(--red);color:#fff;border-radius:var(--r);font-size:15px;font-weight:600;cursor:pointer;transition:background .15s;border:none}
.md-follow-btn:hover{background:var(--red2)}
.md-follow-btn.active{background:var(--green)}
.md-follow-btn.active:hover{background:#25a244}
.md-follow-count{font-size:14px;color:var(--txt2)}
.md-read-btns{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.md-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:var(--r);font-size:14px;font-weight:600;color:#fff;transition:filter .15s;text-decoration:none;border:none;cursor:pointer}
.md-btn:hover{filter:brightness(.85);color:#fff}
.md-btn--green{background:var(--green)}
.md-btn--blue{background:var(--blue)}
.md-btn--teal{background:var(--teal)}
.md-rate-row{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--txt2);padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}
.md-rate-stars{display:flex;gap:3px}
.md-rate-stars i{font-size:22px;color:var(--orange);cursor:pointer;transition:transform .1s}
.md-rate-stars i:hover{transform:scale(1.2)}

/* Description */
.md-desc-wrap{background:var(--bg3);border:1px solid var(--border);border-radius:var(--rl);margin-bottom:18px;overflow:hidden}
.md-desc-title{background:var(--bg2);border-bottom:2px solid var(--red);padding:11px 16px;font-family:var(--display);font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--red);display:flex;align-items:center;gap:8px}
.md-desc-content{padding:14px 16px;font-size:14px;color:var(--txt2);line-height:1.8;max-height:88px;overflow:hidden;transition:max-height .35s ease}
.md-desc-content.expanded{max-height:1200px}
.md-desc-toggle{display:block;padding:6px 16px 12px;font-size:13px;color:var(--blue);cursor:pointer}
.md-desc-toggle:hover{text-decoration:underline}

/* Chapter list */
.md-chapter-wrap{background:var(--bg3);border:1px solid var(--border);border-radius:var(--rl);overflow:hidden;margin-bottom:22px}
.md-chapter-header{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;background:var(--bg2);border-bottom:2px solid var(--red)}
.md-chapter-title{font-family:var(--display);font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--red);display:flex;align-items:center;gap:8px}
.md-chapter-count{font-size:12px;color:var(--txt3);background:var(--bg);padding:2px 10px;border-radius:12px}
.md-chapter-table-head{display:grid;grid-template-columns:1fr 150px 80px;padding:8px 16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--txt3);background:rgba(255,255,255,.02);border-bottom:1px solid var(--border)}
.md-chapter-list{max-height:520px;overflow-y:auto}
.md-chapter-list::-webkit-scrollbar{width:4px}
.md-chapter-list::-webkit-scrollbar-track{background:var(--bg2)}
.md-chapter-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}
.md-chapter-row{display:grid;grid-template-columns:1fr 150px 80px;align-items:center;padding:10px 16px;min-height:40px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .12s}
.md-chapter-row:hover{background:rgba(255,255,255,.04)}
.md-chapter-row:nth-child(even){background:rgba(255,255,255,.015)}
.md-chapter-row:nth-child(even):hover{background:rgba(255,255,255,.04)}
.md-chapter-row:last-child{border-bottom:none}
.md-chapter-name a{font-size:14px;font-weight:500;color:var(--txt)}
.md-chapter-name a:hover{color:var(--red)}
.md-chapter-sub{color:var(--txt3);font-size:12px}
.md-chapter-time{font-size:13px;color:var(--txt3);font-style:italic}
.md-chapter-views{font-size:13px;color:var(--txt3);text-align:right}

/* ─── READER ─────────────────────────────────────────────── */
.chapter-reader-page .site-header{background:var(--bg2)}
.reader-topbar{background:var(--bg3);border-bottom:1px solid var(--border);padding:10px 0;position:sticky;top:54px;z-index:400}.chapter-reader-page #wpadminbar{display:none!important}.chapter-reader-page .reader-topbar{top:54px}
.reader-topbar-inner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between}
.reader-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--txt3);flex-wrap:wrap}
.reader-breadcrumb a{color:var(--txt3)}
.reader-breadcrumb a:hover{color:var(--red)}
.reader-nav{display:flex;align-items:center;gap:6px}
.reader-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);color:var(--txt2);cursor:pointer;transition:background .15s;text-decoration:none}
.reader-nav-btn:hover{background:var(--red);color:#fff}
.chapter-select{background:var(--bg2);border:1px solid var(--border);color:var(--txt);padding:5px 10px;border-radius:var(--r);cursor:pointer;font-size:13px;max-width:200px}
.reader-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.reader-action-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);font-size:13px;color:var(--txt2);cursor:pointer;transition:all .15s}
.reader-action-btn:hover{background:var(--bg4);color:var(--txt)}
#download-zip-btn{background:var(--green);border-color:var(--green);color:#fff}
#download-zip-btn:hover{filter:brightness(.85)}
.reader-content{background:#0a0a10;min-height:60vh;padding:10px 0 40px}
.reader-pages{max-width:800px;margin:0 auto}
.reader-page{text-align:center;line-height:0;margin-bottom:2px}
.reader-page img{display:block;margin:0 auto;max-width:100%;width:auto;height:auto}
.reader-bottom-nav{background:var(--bg3);border-top:1px solid var(--border);padding:14px 0}
.reader-bottom-nav-inner{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}

/* ─── RANKING PAGE ───────────────────────────────────────── */
.rank-tabs{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap}
.rank-tab-btn{padding:8px 20px;border-radius:var(--r);background:var(--bg3);border:1px solid var(--border);color:var(--txt2);font-size:14px;font-weight:600;transition:all .15s;text-decoration:none}
.rank-tab-btn:hover{border-color:var(--red);color:var(--red)}
.rank-tab-btn.active{background:var(--red);border-color:var(--red);color:#fff}
.rank-section-title{font-family:var(--display);font-size:20px;font-weight:800;text-transform:uppercase;color:var(--red);display:flex;align-items:center;gap:8px;margin-bottom:14px;border-left:4px solid var(--red);padding-left:12px}
.rank-section-title span{font-size:13px;color:var(--txt3);font-weight:400;margin-left:auto;text-transform:none}
.rank-list{background:var(--bg3);border:1px solid var(--border);border-radius:var(--rl);overflow:hidden}
.rank-item{display:grid;grid-template-columns:44px 60px 1fr;gap:12px;align-items:center;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.04);transition:background .12s}
.rank-item:last-child{border-bottom:none}
.rank-item:hover{background:var(--bg4)}
.rank-num{width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:18px;font-weight:800;color:var(--txt3);border-radius:var(--r);background:var(--bg);flex-shrink:0}
.rank-top1{background:#ffd700;color:#000}
.rank-top2{background:#c0c0c0;color:#000}
.rank-top3{background:#cd7f32;color:#fff}
.rank-thumb{display:block;width:48px;height:68px;border-radius:4px;overflow:hidden;flex-shrink:0}
.rank-thumb img{width:100%;height:100%;object-fit:cover}
.rank-info{min-width:0}
.rank-name{display:block;font-size:14px;font-weight:600;color:var(--txt2);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rank-name:hover{color:var(--red)}
.rank-meta{display:flex;gap:8px;margin-bottom:4px;flex-wrap:wrap}
.rank-genre{font-size:12px;color:var(--txt3)}
.rank-chapter{font-size:12px;color:var(--blue);text-decoration:none}
.rank-chapter:hover{color:var(--red)}
.rank-stats{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--txt3)}
.rank-stats i{color:var(--txt2)}
.rank-status{padding:2px 7px;border-radius:3px;font-size:10px;font-weight:700;text-transform:uppercase}
.rank-status--ongoing{background:rgba(45,198,83,.15);color:var(--green)}
.rank-status--completed{background:rgba(67,97,238,.15);color:var(--blue)}
.rank-status--paused{background:rgba(244,162,6,.15);color:var(--orange)}

/* ─── SPECIAL PAGES (History/Follow) ────────────────────── */
.mv-special-page{max-width:960px}
.mv-special-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;padding-bottom:14px;border-bottom:2px solid var(--red)}
.mv-special-header h1{font-family:var(--display);font-size:26px;font-weight:800;text-transform:uppercase;color:var(--txt);display:flex;align-items:center;gap:10px;margin:0}
.mv-special-header h1 i{color:var(--red)}
.mv-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.mv-hist-card{display:flex;gap:12px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--rl);padding:12px;transition:transform .15s,border-color .15s}
.mv-hist-card:hover{transform:translateY(-2px);border-color:#333355}
.mv-hist-thumb{position:relative;width:68px;min-width:68px;height:94px;border-radius:5px;overflow:hidden;display:block;flex-shrink:0}
.mv-hist-thumb img{width:100%;height:100%;object-fit:cover}
.mv-hist-chapter{position:absolute;bottom:0;left:0;right:0;background:rgba(230,57,70,.9);color:#fff;font-size:10px;font-weight:700;text-align:center;padding:2px 0}
.mv-hist-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.mv-hist-title{font-size:14px;font-weight:600;color:var(--txt2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}
.mv-hist-title:hover{color:var(--red)}
.mv-hist-time{font-size:12px;color:var(--txt3)}

/* ─── PAGINATION ─────────────────────────────────────────── */
.pagination{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:24px;flex-wrap:wrap}
.page-link{display:flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 6px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);font-size:14px;color:var(--txt2);transition:all .15s;text-decoration:none}
.page-link:hover{background:var(--red);color:#fff;border-color:var(--red)}
.page-link.active{background:var(--red);color:#fff;border-color:var(--red)}
.page-link.dots{cursor:default}

/* ─── NO DATA ────────────────────────────────────────────── */
.no-data{text-align:center;padding:32px 16px;color:var(--txt3)}
.no-data-icon{font-size:40px;margin-bottom:10px}
.no-data p{font-size:14px}

/* ─── GENRE TAG ──────────────────────────────────────────── */
.genre-tag{display:inline-block;padding:3px 10px;border:1px solid var(--border);border-radius:4px;font-size:12px;color:var(--txt2);transition:background .15s,color .15s}
.genre-tag:hover{background:var(--red);color:#fff;border-color:var(--red)}

/* ─── FOOTER ─────────────────────────────────────────────── */
.site-footer{background:var(--bg2);border-top:2px solid var(--red);padding:32px 0 16px;margin-top:36px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:40px;margin-bottom:24px}
.footer-brand p{font-size:13px;color:var(--txt3);line-height:1.8;margin-top:6px}
.footer-brand .site-logo{margin-bottom:8px}
.footer-col h4{font-family:var(--display);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--txt);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.footer-col ul li{padding:4px 0}
.footer-col ul li a{font-size:14px;color:var(--txt3);display:flex;align-items:center;gap:7px;transition:color .15s,padding-left .15s}
.footer-col ul li a:hover{color:var(--red);padding-left:4px}
.footer-bottom{border-top:1px solid var(--border);padding-top:16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}
.footer-bottom p{font-size:13px;color:var(--txt3)}
.footer-bottom a{color:var(--red)}

/* ─── SCROLL TO TOP ──────────────────────────────────────── */
.scroll-top{position:fixed;bottom:24px;right:24px;width:40px;height:40px;background:var(--red);color:#fff;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:16px;z-index:200;box-shadow:0 4px 14px rgba(230,57,70,.5);transition:background .15s,transform .15s}
.scroll-top.visible{display:flex}
.scroll-top:hover{background:var(--red2);transform:translateY(-3px)}

/* ─── TOAST ──────────────────────────────────────────────── */
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(80px);background:var(--bg4);color:var(--txt);border:1px solid var(--border);border-radius:var(--r);padding:10px 20px;display:flex;align-items:center;gap:8px;font-size:14px;z-index:9000;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.toast i{color:var(--green)}

/* ─── SCROLLBAR ──────────────────────────────────────────── */
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:var(--bg2)}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--red)}

/* ─── RESPONSIVE ─────────────────────────────────────────── */
@media(min-width:1280px){
  .slider-item{flex:0 0 220px;width:220px;padding:0 6px;min-width:0}
  .featured-slider{margin-bottom:20px}
}
@media(max-width:1024px){
  .content-sidebar-wrap{grid-template-columns:1fr}
  .sidebar{width:100%}
}

/* ── 768px: tablet / large phone ── */
@media(max-width:768px){
  .primary-nav{display:none}
  .header-search{flex:1;max-width:280px}
  .mobile-actions{display:flex}

  /* Manga detail: keep side-by-side but shrink cover */
  .md-wrap{padding:14px}
  .md-body{grid-template-columns:130px 1fr;gap:14px}
  .md-info-col{min-width:0}
  .md-title{font-size:16px;text-align:left;padding-bottom:10px;margin-bottom:12px}
  .md-tag{font-size:12px;padding:3px 9px}
  .md-meta-row{grid-template-columns:18px 88px 1fr;gap:6px}
  .md-meta-label,.md-meta-val{font-size:13px}
  .md-btn{font-size:13px;padding:8px 14px}
  .md-follow-btn{font-size:13px;padding:8px 14px}
  .md-rate-row{flex-wrap:wrap;gap:6px}
  .md-rate-stars i{font-size:20px}
  .md-chapter-table-head,.md-chapter-row{grid-template-columns:1fr 100px}
  .md-chapter-table-head span:last-child,.md-chapter-views{display:none}

  .slider-item{flex:0 0 175px;width:175px}
  .manga-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
  .rank-item{grid-template-columns:36px 50px 1fr;gap:8px;padding:8px 12px}
  .mv-card-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:24px}
  .reader-topbar-inner{gap:8px}
  .chapter-select{max-width:130px}
}

/* ── 480px: small phones ── */
@media(max-width:480px){
  .container{padding:0 10px}
  .slider-item{flex:0 0 140px;width:140px}

  /* Manga detail: stack cover top-left, info right — use smaller cover */
  .md-wrap{padding:12px 10px}
  .md-body{grid-template-columns:105px 1fr;gap:10px}
  .md-info-col{min-width:0}
  .md-title{font-size:15px;padding-bottom:8px;margin-bottom:10px}
  .md-tags{gap:4px}
  .md-tag{font-size:11px;padding:2px 7px}

  /* Meta: hide icon, just label + value in 2 cols */
  .md-meta-row{grid-template-columns:72px 1fr;gap:5px}
  .md-meta-icon{display:none}
  .md-meta-label{font-size:12px;color:var(--txt3)}
  .md-meta-val{font-size:12px}
  .md-stars i{font-size:13px}
  .md-follow-row{gap:8px}
  .md-follow-btn{font-size:12px;padding:7px 12px}
  .md-follow-count{font-size:12px}
  .md-read-btns{gap:6px}
  .md-btn{font-size:12px;padding:7px 10px;gap:4px}
  .md-rate-row{font-size:12px}
  .md-rate-stars i{font-size:18px}

  /* Chapter list */
  .md-chapter-name a{font-size:13px}
  .md-chapter-time{font-size:11px}
  .md-chapter-table-head,.md-chapter-row{grid-template-columns:1fr 90px;padding:8px 10px}

  .section-title{font-size:17px}
  .manga-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
  .tab-btn{font-size:12px;padding:7px 10px}
  .reader-actions{display:none}
}

/* ── 380px: very small phones (iPhone SE etc) ── */
@media(max-width:380px){
  .container{padding:0 8px}
  .md-wrap{padding:10px 8px}
  .md-body{grid-template-columns:90px 1fr;gap:8px}
  .md-title{font-size:14px}
  .md-tag{font-size:11px;padding:2px 6px}
  .md-meta-row{grid-template-columns:60px 1fr;gap:4px}
  .md-btn{font-size:11px;padding:6px 9px}
}

.admin-bar .site-header{top:32px}
@media screen and (max-width:782px){.admin-bar .site-header{top:46px}}

/* ─── HEADER RIGHT (auth area) ───────────────────────────── */
.header-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0;flex-wrap:nowrap}
.auth-btns { display: flex; align-items: center; gap: 6px; }
.btn-login {
  padding: 6px 14px;
  background: transparent;
  border: 1px solid var(--red);
  color: var(--red);
  border-radius: var(--r);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s, color .15s;
}
.btn-login:hover { background: var(--red); color: #fff; }
.btn-register {
  padding: 6px 14px;
  background: var(--blue);
  border: none;
  color: #fff;
  border-radius: var(--r);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: filter .15s;
}
.btn-register:hover { filter: brightness(.85); }

/* User button (logged in) */
.user-btn {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 4px 10px 4px 4px;
  background: var(--bg3);
  border: 1px solid var(--border);
  border-radius: 24px;
  cursor: pointer;
  color: var(--txt2);
  font-size: 14px;
  transition: border-color .15s;
}
.user-btn:hover { border-color: var(--txt2); }
.user-avatar { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
.user-name { max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.auth-menu .dropdown { right: 0; left: auto; top: calc(100% + 6px); }
.mobile-user-btn { color: var(--txt); font-size: 20px; padding: 8px; border-radius: var(--r); transition: background .15s; }
.mobile-user-btn:hover { background: rgba(255,255,255,.1); }

/* ─── AUTH MODAL ─────────────────────────────────────────── */
#mv-modal-overlay { display: none; }
#mv-modal-overlay.open { display: flex !important; }

.mv-modal {
  background: #1a1a26;
  border: 1px solid var(--border);
  border-radius: var(--rl);
  width: 100%;
  max-width: 420px;
  box-shadow: 0 20px 60px rgba(0,0,0,.8);
  overflow: hidden;
}
.mv-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  background: var(--bg3);
  border-bottom: 2px solid var(--red);
}
.mv-modal-header h3 {
  margin: 0;
  font-family: var(--display);
  font-size: 18px;
  font-weight: 700;
  color: var(--txt);
  display: flex;
  align-items: center;
  gap: 8px;
}
.mv-modal-header h3 i { color: var(--red); }
.mv-modal-close {
  background: none;
  border: none;
  color: var(--txt3);
  font-size: 24px;
  cursor: pointer;
  line-height: 1;
  padding: 0 4px;
  transition: color .15s;
}
.mv-modal-close:hover { color: var(--red); }
.mv-modal-body { padding: 22px 20px; }
.mv-modal-pane { display: block; }

.mv-form-group { margin-bottom: 14px; }
.mv-form-group label {
  display: block;
  font-size: 13px;
  color: var(--txt2);
  margin-bottom: 6px;
  font-weight: 600;
}
.mv-form-group input {
  width: 100%;
  padding: 10px 14px;
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: var(--r);
  color: var(--txt);
  font-size: 14px;
  transition: border-color .15s;
  outline: none;
}
.mv-form-group input:focus { border-color: var(--red); }

.mv-auth-btn {
  width: 100%;
  padding: 11px;
  background: var(--red);
  color: #fff;
  border: none;
  border-radius: var(--r);
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: background .15s;
}
.mv-auth-btn:hover { background: var(--red2); }
.mv-auth-btn:disabled { background: var(--txt3); cursor: not-allowed; }

.mv-auth-msg {
  padding: 10px 14px;
  border-radius: var(--r);
  font-size: 13px;
  margin-bottom: 14px;
  line-height: 1.5;
}
.mv-auth-msg.error   { background: rgba(230,57,70,.12);  border: 1px solid rgba(230,57,70,.3);  color: #ff6b7a; }
.mv-auth-msg.success { background: rgba(45,198,83,.12);  border: 1px solid rgba(45,198,83,.3);  color: #5fdf87; }

/* ─── MOBILE LAYOUT FIXES ────────────────────────────────── */
/* Prevent ANY horizontal scroll - this is the root fix */
html { overflow-x: hidden; }
body { overflow-x: hidden; max-width: 100vw; }
.site-wrapper, .main-content { width: 100%; max-width: 100%; }
/* .container keeps its max-width:1280px from base rule — don't override */
/* Overriding container to 100% causes chapter rows to span full screen width (visual streaks) */
*, *::before, *::after { box-sizing: border-box; }

/* Info column MUST have min-width:0 inside a grid - already set in base */
/* Tags should always wrap */
.md-tags { flex-wrap: wrap; overflow: hidden; }
.md-tag { white-space: nowrap; }

/* Meta values must not overflow */
.md-meta-val { word-break: break-word; min-width: 0; overflow: hidden; }

/* Auth modal mobile */
@media (max-width: 480px) {
  #mv-modal-overlay { padding: 0; align-items: flex-end; }
  .mv-modal { border-radius: var(--rl) var(--rl) 0 0; }
}

/* Fix chapter reader on mobile */
@media (max-width: 768px) {
  .reader-topbar-inner { gap: 8px; flex-wrap: wrap; }
  .reader-nav { flex-shrink: 0; }
  .reader-breadcrumb { font-size: 12px; }
  .chapter-select { max-width: 140px; font-size: 12px; }
  .reader-actions { display: none; }
  .reader-pages { width: 100%; padding: 0; }
  .reader-page img { width: 100%; height: auto; }
}

/* All images safe */
img { max-width: 100%; height: auto; }

/* ─── COMMENT SYSTEM ─────────────────────────────────────── */
.mv-comments-section {
  background: var(--bg3);
  border: 1px solid var(--border);
  border-radius: var(--rl);
  overflow: hidden;
  margin-top: 22px;
}
.mv-comments-header {
  background: var(--bg2);
  border-bottom: 2px solid var(--red);
  padding: 11px 18px;
}
.mv-comments-title {
  font-family: var(--display);
  font-size: 17px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: var(--red);
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}
.mv-comments-count {
  background: var(--red);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 1px 8px;
  border-radius: 12px;
}

/* Form */
.mv-comment-form-wrap {
  padding: 16px 18px;
  border-bottom: 1px solid var(--border);
}
.mv-comment-logged-in {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: var(--txt2);
  margin-bottom: 12px;
}
.mv-comment-guest-fields { margin-bottom: 12px; }
.mv-comment-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.mv-comment-field input {
  width: 100%;
  padding: 9px 13px;
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: var(--r);
  color: var(--txt);
  font-size: 14px;
  outline: none;
  transition: border-color .15s;
}
.mv-comment-field input:focus { border-color: var(--red); }
.mv-comment-textarea {
  width: 100%;
  padding: 10px 13px;
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: var(--r);
  color: var(--txt);
  font-size: 14px;
  font-family: var(--font);
  line-height: 1.6;
  resize: vertical;
  min-height: 90px;
  outline: none;
  transition: border-color .15s;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.mv-comment-textarea:focus { border-color: var(--red); }

/* Captcha */
.mv-captcha-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.mv-captcha-label {
  font-size: 14px;
  color: var(--txt2);
  background: var(--bg2);
  padding: 7px 14px;
  border-radius: var(--r);
  border: 1px solid var(--border);
  white-space: nowrap;
}
.mv-captcha-label strong { color: var(--orange); font-size: 16px; }
.mv-captcha-input {
  padding: 7px 10px;
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: var(--r);
  color: var(--txt);
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  outline: none;
  transition: border-color .15s;
  -moz-appearance: textfield;
}
.mv-captcha-input::-webkit-outer-spin-button,
.mv-captcha-input::-webkit-inner-spin-button { -webkit-appearance: none; }
.mv-captcha-input:focus { border-color: var(--orange); }
.mv-captcha-refresh {
  color: var(--txt3);
  font-size: 14px;
  padding: 6px 10px;
  border: 1px solid var(--border);
  border-radius: var(--r);
  background: var(--bg2);
  cursor: pointer;
  transition: color .15s, border-color .15s;
}
.mv-captcha-refresh:hover { color: var(--red); border-color: var(--red); }

/* Submit */
.mv-comment-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.mv-comment-error {
  font-size: 13px;
  color: #ff6b7a;
  background: rgba(230,57,70,.1);
  padding: 7px 12px;
  border-radius: var(--r);
  border: 1px solid rgba(230,57,70,.25);
  flex: 1;
}
.mv-submit-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 22px;
  background: var(--red);
  color: #fff;
  border: none;
  border-radius: var(--r);
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: background .15s;
  flex-shrink: 0;
}
.mv-submit-btn:hover { background: var(--red2); }
.mv-submit-btn:disabled { background: var(--txt3); cursor: not-allowed; }

/* Comments list */
.mv-comments-list { padding: 8px 18px 18px; }
.mv-comments-empty { text-align: center; padding: 30px 16px; color: var(--txt3); display: flex; flex-direction: column; align-items: center; }
.mv-comments-empty p { font-size: 14px; margin-top: 8px; }

.mv-comment-item {
  display: flex;
  gap: 12px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(255,255,255,.04);
}
.mv-comment-item:last-child { border-bottom: none; }
.mv-comment-avatar {
  width: 40px; height: 40px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
.mv-comment-body { flex: 1; min-width: 0; }
.mv-comment-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
  flex-wrap: wrap;
}
.mv-comment-author { font-size: 14px; font-weight: 700; color: var(--txt); }
.mv-comment-time   { font-size: 12px; color: var(--txt3); }
.mv-comment-del {
  margin-left: auto;
  color: var(--txt3);
  font-size: 12px;
  padding: 3px 6px;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  transition: color .15s, border-color .15s;
}
.mv-comment-del:hover { color: var(--red); border-color: var(--red); }
.mv-comment-content {
  font-size: 14px;
  color: var(--txt2);
  line-height: 1.7;
  word-break: break-word;
  margin-bottom: 8px;
}
.mv-reply-btn {
  font-size: 12px;
  color: var(--blue);
  padding: 2px 8px;
  border: 1px solid rgba(67,97,238,.3);
  border-radius: 4px;
  cursor: pointer;
  transition: background .15s;
  background: none;
}
.mv-reply-btn:hover { background: rgba(67,97,238,.15); }

/* Pagination */
.mv-comments-pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 14px 18px;
  border-top: 1px solid var(--border);
  flex-wrap: wrap;
}
.mv-pager-btn {
  min-width: 34px; height: 34px;
  padding: 0 8px;
  background: var(--bg2);
  border: 1px solid var(--border);
  border-radius: var(--r);
  color: var(--txt2);
  font-size: 14px;
  cursor: pointer;
  transition: all .15s;
}
.mv-pager-btn:hover, .mv-pager-btn.active {
  background: var(--red);
  color: #fff;
  border-color: var(--red);
}

/* Mobile responsive */
@media (max-width: 600px) {
  .mv-comment-row { grid-template-columns: 1fr; }
  .mv-captcha-wrap { gap: 8px; }
  .mv-comment-form-wrap { padding: 14px; }
  .mv-comments-list { padding: 8px 14px 14px; }
}

/* ══ MOBILE FIXES v3.2.0 ══════════════════════════════════════════════════ */

/* Mobile auth buttons (shown in header bar on mobile) */
.mobile-auth-btns {
    display: flex;
    align-items: center;
    gap: 5px;
}
.mobile-btn-login {
    padding: 5px 11px;
    font-size: 12px;
    font-weight: 600;
    background: transparent;
    color: var(--red);
    border: 1px solid var(--red);
    border-radius: 20px;
    cursor: pointer;
    white-space: nowrap;
    transition: all .15s;
}
.mobile-btn-login:hover { background: var(--red); color: #fff; }
.mobile-btn-register {
    padding: 5px 11px;
    font-size: 12px;
    font-weight: 600;
    background: #4361ee;
    color: #fff;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    white-space: nowrap;
    transition: all .15s;
}
.mobile-btn-register:hover { background: #2b47cc; }

/* Mobile search bar: always full-width, smooth open/close */
.mobile-search-bar {
    display: block !important;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    transition: max-height .25s ease, padding .25s ease;
}
.mobile-search-bar.open {
    max-height: 60px;
    padding: 8px 0 10px;
}

/* Fix header layout on very small screens */
@media(max-width:400px) {
    .mobile-btn-login, .mobile-btn-register { padding: 4px 8px; font-size: 11px; }
    .logo-text { font-size: 14px; }
}

/* Tab count badge */
.tab-count-badge {
    display: inline-block;
    background: var(--red);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 20px;
    margin-left: 5px;
    vertical-align: middle;
    line-height: 1.6;
}
/* ══════════════════════════════════════════════════════════════════════════ */

/* ══ PAGINATION (最新更新) ════════════════════════════════════════════════ */
.mv-pagination { padding: 8px 0; }
.mv-page-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    background: var(--bg2);
    border: 1px solid var(--border);
    border-radius: 6px;
    color: var(--text-primary);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: all .15s;
    cursor: pointer;
}
.mv-page-btn:hover { background: var(--red); border-color: var(--red); color: #fff; }
.mv-page-current {
    background: var(--red);
    border-color: var(--red);
    color: #fff;
    cursor: default;
}
.mv-page-prev, .mv-page-next { font-size: 12px; }
.mv-page-ellipsis {
    color: var(--text-muted);
    font-size: 14px;
    padding: 0 4px;
    line-height: 36px;
}
@media(max-width:480px) {
    .mv-page-btn { min-width: 32px; height: 32px; font-size: 12px; padding: 0 8px; }
}
/* ═══════════════════════════════════════════════════════════════════════════ */