:root{--bg:#15181c;--bg-elevated:#1e2227;--bg-card:#23272e;--img-placeholder:#0e1013;--img-placeholder-icon:url(/assets/images/icon/favicon.svg);--header-bg:#15181c;--overlay:rgba(0,0,0,0.6);--border:#2e333b;--text:#f2f3f5;--text-dim:#9aa1ab;--accent:#7d3ae3;--accent-dim:#80009a;--accent-text:#ddd;--accent-bg:color-mix(in srgb,var(--accent) 14%,var(--bg-elevated));--danger:#ff4d67;--radius:5px;--header-h:64px;--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow-md:0 8px 24px rgba(0,0,0,0.35);--shadow-lg:0 24px 60px rgba(0,0,0,0.45)}:root[data-theme=light]{--bg:#ffffff;--bg-elevated:#ffffff;--bg-card:#ffffff;--img-placeholder:#e7e9ec;--header-bg:#ffffff;--overlay:rgba(20,23,28,0.55);--border:#e2e5ea;--text:#14171c;--text-dim:#666e7a;--accent:#7d3ae3;--accent-dim:#80009a;--accent-text:#ffffff;--danger:#d9273f;--shadow-sm:0 1px 2px rgba(20,23,28,0.06);--shadow-md:0 8px 24px rgba(20,23,28,0.08);--shadow-lg:0 24px 60px rgba(20,23,28,0.12)}*{box-sizing:border-box;outline:none!important}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Nuova Volte,Segoe UI,Roboto,Helvetica,Arial,sans-serif;scroll-behavior:smooth;transition:background .2s ease,color .2s ease}::-webkit-scrollbar{background-color:var(--bg-elevated);width:8px}::-webkit-scrollbar-thumb{background:var(--accent)}input{font-family:Nuova Volte,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer}.container{max-width:1200px;margin:0 auto;padding:0 20px}.skip-link{position:absolute;left:-999px;top:0;background:var(--accent);color:var(--accent-text);padding:10px 16px;z-index:100;border-radius:0 0 8px 0}.skip-link:focus{left:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;height:var(--header-h);display:flex;align-items:center;background:var(--header-bg);border-bottom:1px solid var(--border)}.site-header .container{display:flex;align-items:center;gap:24px;width:100%}@media screen and (max-width:550px){.site-header .container{position:relative;overflow:hidden}.site-header .container:before{content:"";position:absolute;background:var(--accent);width:51px;height:65px;left:0}}.logo{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:800;letter-spacing:.5px;white-space:nowrap}.logo img{width:auto;object-fit:contain}@media screen and (max-width:550px){.site-header .logo{transform:translateX(-25px)}}.main-nav{display:flex;gap:4px;flex:1 1}.main-nav a{padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600;color:var(--text-dim);transition:background .15s,color .15s}.main-nav a.active,.main-nav a:hover{background:var(--bg-card);color:var(--text)}.header-actions{position:relative;margin-left:auto;gap:8px}.header-actions,.icon-btn{display:flex;align-items:center}.icon-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text);width:38px;height:38px;border-radius:999px;justify-content:center;flex-shrink:0;transition:border-color .15s,color .15s}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}@media (max-width:550px){.search-trigger{display:none}}.search-trigger-wrap{position:relative}.search-panel{position:absolute;top:calc(100% + 12px);right:0;width:min(420px,calc(100vw - 32px));max-height:min(70vh,560px);display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 20px 50px rgba(0,0,0,.35);overflow:hidden}.search-panel-field{display:flex;align-items:center;gap:8px;margin:16px;padding:10px 16px;background:var(--bg);border:1px solid var(--border);border-radius:999px;color:var(--text-dim)}.search-panel-field:focus-within{border-color:var(--accent);color:var(--accent)}.search-panel-field input{flex:1 1;min-width:0;background:transparent;border:none;color:var(--text);font-size:14px;outline:none}.search-panel-body{flex:1 1;overflow-y:auto;padding:0 8px}.search-panel-body::-webkit-scrollbar{background:var(--bg-card);width:10px}.search-panel-body::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px}.search-panel-empty{padding:24px 16px 32px;text-align:center;color:var(--text-dim);font-size:13px}.search-result-group{padding:0 12px 12px;display:flex;flex-direction:column;gap:8px}.search-result-heading{padding:4px 0 8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-dim)}.search-recent-item,.search-result-item{border:1px solid var(--border);display:flex;align-items:center;background:var(--bg-elevated);gap:10px;width:100%;padding:8px 12px;border-radius:8px;color:var(--text);text-align:left;font-size:14px}.search-recent-item:hover,.search-result-item:hover{background:var(--bg)}.search-recent-item{color:var(--text-dim)}.search-result-thumb{flex-shrink:0;width:40px;height:56px;border-radius:6px;overflow:hidden;background:var(--img-placeholder) var(--img-placeholder-icon) center/40% no-repeat}.search-result-thumb img{width:100%;height:100%;object-fit:cover;display:block}.search-result-info{min-width:0;display:flex;flex-direction:column;gap:2px}.search-result-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-title mark{background:transparent;color:var(--accent)}.search-result-subtitle{font-size:12px;color:var(--text-dim)}.search-panel-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--border);font-size:13px}.search-panel-footer a:hover{color:var(--accent)}.search-panel-close{display:flex;border:0;background:transparent;align-items:center;gap:4px;color:var(--text-dim)}.search-panel-close:hover{color:var(--accent)}.mobile-nav{display:none}@media (max-width:550px){body{padding-bottom:calc(60px + env(safe-area-inset-bottom, 0px))}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:stretch;background:var(--header-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0)}.mobile-nav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:12px 4px 15px;background:none;border:none;color:var(--text-dim);font-size:11px;font-weight:600}.mobile-nav-item.active{color:var(--accent)}.mobile-nav-search{flex:1 1;display:flex}.mobile-nav-search .mobile-nav-item{flex:1 1;width:100%}.mobile-nav-search .search-panel{position:fixed;left:8px;right:8px;bottom:calc(60px + env(safe-area-inset-bottom, 0px) + 8px);top:auto;width:auto;max-height:65vh}}@media (min-width:551px){.mobile-nav{display:none!important}}.mobile-sheet-backdrop{position:fixed;inset:0;background:var(--overlay);z-index:70;display:flex;align-items:flex-end;opacity:0;transition:opacity .25s ease}.mobile-sheet-backdrop.open{opacity:1}.mobile-sheet{width:100%;max-height:75vh;display:flex;flex-direction:column;background:var(--bg-card);border-radius:16px 16px 0 0;border:1px solid var(--border);border-bottom:none;padding-bottom:env(safe-area-inset-bottom,0);transform:translateY(100%);transition:transform .28s cubic-bezier(.32,.72,0,1)}.mobile-sheet.open{transform:translateY(0)}.mobile-sheet-handle{width:36px;height:4px;border-radius:999px;background:var(--border);margin:10px auto 0}.mobile-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.mobile-sheet-header h2{margin:0;font-size:16px}.mobile-sheet-close{background:var(--bg);border:1px solid var(--border);color:var(--text);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center}.mobile-sheet-body{overflow-y:auto;padding:16px}.mobile-sheet-empty{color:var(--text-dim);font-size:13px;text-align:center;padding:16px 0}.mobile-sheet-chips{display:flex;flex-wrap:wrap;gap:8px}.mobile-sheet-chip{background:var(--bg);border:1px solid var(--border);padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--text)}.mobile-sheet-chip:hover{border-color:var(--accent);color:var(--accent)}.mobile-sheet-list{display:flex;flex-direction:column;gap:4px}.mobile-sheet-link{padding:12px 10px;border-radius:8px;font-size:14px;font-weight:600;color:var(--text)}.mobile-sheet-link:hover{background:var(--bg)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--text-dim);padding:28px 0 0}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs .sep{opacity:.5}.hero-slider{padding:28px 0 4px}.hero-slider-wrap{position:relative}.hero-slider-viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.hero-slider-viewport::-webkit-scrollbar{display:none}.hero-slider-track{display:flex;gap:8px;padding-bottom:24px}.hero-slider-track .comic-card{flex:0 0 150px;scroll-snap-align:start}.hero-nav{position:absolute;top:calc(50% - 12px);transform:translateY(-50%);background:var(--bg-card);border:1px solid var(--border);color:var(--text);width:36px;height:36px;border-radius:50%;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 4px 12px rgba(0,0,0,.25)}.hero-nav:hover{border-color:var(--accent);color:var(--accent)}.hero-nav[aria-disabled=true]{opacity:.35;pointer-events:none}.hero-nav.prev{left:-14px}.hero-nav.next{right:-14px}@media (max-width:720px){.hero-slider-track .comic-card{flex-basis:128px}.hero-nav{display:none}}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 20px}.tab-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-dim);padding:9px 18px;border-radius:999px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.tab-btn:hover{color:var(--text)}.tab-btn.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.section-title{font-size:18px;font-weight:800;display:flex;margin:0 0 1rem;align-items:center;gap:10px}.comic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:16px 8px;gap:16px 8px;padding-bottom:24px}@media screen and (max-width:520px){.comic-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:32px;gap:32px;align-items:start}.home-main{min-width:0}.sidebar{position:-webkit-sticky;position:sticky;top:calc(var(--header-h) + 20px);padding-top:32px}.sidebar-list{display:flex;flex-direction:column;gap:4px}.sidebar-item{display:flex;gap:10px;padding:8px;border-radius:var(--radius);align-items:center}.sidebar-item:hover{background:var(--bg-card)}.sidebar-item-thumb{flex-shrink:0;width:52px;aspect-ratio:2/3;border-radius:6px;overflow:hidden;background:var(--img-placeholder) var(--img-placeholder-icon) center/40% no-repeat}.sidebar-item-thumb img{width:100%;height:100%;object-fit:cover}.sidebar-item-info{min-width:0}.sidebar-item-title{font-size:13px;font-weight:700;color:var(--text);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar-item-meta{display:flex;gap:8px;margin-top:4px;font-size:11px;color:var(--text-dim);text-transform:capitalize}.sidebar-item-rating{display:flex;align-items:center;gap:2px;color:var(--accent);text-transform:none}@media (max-width:900px){.home-layout{grid-template-columns:1fr}.sidebar{position:static;padding-top:0}.home-layout.list-layout .sidebar{display:none}}.comic-card{background:transparent;border-radius:0;overflow:visible;border:none;display:flex;flex-direction:column}.comic-card .thumb-wrap img{transition:.25s ease-in-out}.comic-card .thumb-wrap:hover img{transform:scale(110%)}.comic-card .thumb-wrap{position:relative;aspect-ratio:2/3;background:var(--img-placeholder) var(--img-placeholder-icon) center/30% no-repeat;overflow:hidden;border-radius:var(--radius)}.comic-card .thumb-wrap img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;top:8px;left:8px;background:var(--accent);color:var(--accent-text);font-size:10px;font-weight:800;text-transform:uppercase;padding:4px 9px;border-radius:999px;letter-spacing:.4px}.badge.rating{left:auto;right:8px;background:rgba(0,0,0,.65);color:#fff;display:flex;align-items:center;gap:2px}.comic-card .info{padding:10px 2px 0;flex:1 1;display:flex;flex-direction:column;gap:3px}.comic-card .category{font-size:11px;font-weight:600;color:var(--text-dim);text-transform:capitalize}.comic-card .title{font-size:14px;font-weight:800;line-height:1.3;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media screen and (max-width:500px){.comic-card .title{font-size:13px}}.comic-card .meta{font-size:11px;color:var(--text-dim)}.genre-chips{display:flex;flex-wrap:wrap;gap:8px}.genre-chip{background:var(--bg-card);border:1px solid var(--border);padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600}.genre-chip:hover{border-color:var(--accent);color:var(--accent)}.state-box{text-align:center;padding:60px 20px;color:var(--text-dim)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;margin:0 auto 14px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.detail-hero{display:flex;gap:28px;padding:32px 0;isolation:isolate}.detail-hero,.detail-hero .cover{position:relative;border-radius:var(--radius)}.detail-hero .cover{width:200px;height:-moz-fit-content;height:fit-content;flex-shrink:0;overflow:hidden;aspect-ratio:2/3}.detail-hero .cover img{width:100%;height:auto;aspect-ratio:2/3}.detail-info h1{font-size:26px;margin:0 0 6px}.detail-info .alt-title{color:var(--text-dim);font-size:13px;margin-bottom:14px}.detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tag{background:var(--bg-card);border:1px solid var(--border);padding:5px 12px;border-radius:999px;font-size:12px;font-weight:600;color:var(--text-dim)}.tag.accent{color:var(--accent-text);background:var(--accent-dim);border-color:var(--accent-dim)}.stat-row{display:flex;gap:24px;margin-bottom:16px;flex-wrap:wrap}.stat{font-size:13px}.stat .label{color:var(--text-dim);display:block;font-size:11px;text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px}.synopsis{color:var(--text-dim);font-size:14px;line-height:1.6;max-width:720px}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:var(--accent-text);border:none;padding:12px 22px;border-radius:999px;font-weight:800;font-size:14px;margin-top:18px}.btn-secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border);margin-left:10px}.chapter-list{overflow-y:scroll;max-height:450px;padding-right:10px;margin-right:-8px}.chapter-list::-webkit-scrollbar{background:var(--bg);width:8px}.chapter-list::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px}.chapter-row{display:flex;justify-content:space-between;align-items:center;padding:14px 4px;border-bottom:1px solid var(--border);font-size:14px}@media screen and (max-width:700px){.chapter-row{flex-direction:column;align-items:flex-start}}.chapter-row:last-child{border-bottom:0}.chapter-row:hover{background:var(--bg-elevated)}.chapter-row .date{color:var(--text-dim);font-size:12px}.reader-topbar{position:-webkit-sticky;position:sticky;top:var(--header-h);z-index:40;background:var(--bg-elevated);border-bottom:1px solid var(--border);padding:24px 0 12px;transition:transform .25s ease,opacity .25s ease}.reader-topbar.full{padding:12px 0}.reader-topbar.reader-chrome-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.reader-topbar .row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title actions" "select actions";align-items:center;grid-column-gap:12px;column-gap:12px;grid-row-gap:4px;row-gap:4px}.reader-topbar.full .row{grid-template-columns:1fr 1fr;grid-template-areas:"title title" "select actions"}@media (max-width:550px){.reader-topbar .row{row-gap:10px}}.reader-topbar h1{grid-area:title;font-size:15px;margin:0;font-weight:700;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-topbar-chapter{grid-area:select;display:flex;align-items:center;gap:10px;justify-self:start}.reader-topbar-chapter-count{font-size:12.5px;font-weight:700;color:var(--text-dim);white-space:nowrap}.reader-topbar-actions{grid-area:actions;display:flex;align-items:center;gap:8px;justify-self:end}.chapter-select{position:relative}.chapter-select-trigger{display:flex;align-items:center;gap:6px;max-width:240px;background:var(--bg-card);border:1px solid var(--border);color:var(--text);font-size:13px;font-weight:600;font-family:inherit;padding:6px 10px;border-radius:8px;cursor:pointer}.chapter-select-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-select-trigger:hover{border-color:var(--accent)}.chapter-select-panel{position:absolute;top:calc(100% + 8px);left:0;min-width:190px;max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:6px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 20px 50px rgba(0,0,0,.35);z-index:60}.chapter-select-option{padding:9px 12px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--text);cursor:pointer;white-space:nowrap;overflow:hidden;min-height:-moz-fit-content;min-height:fit-content;text-overflow:ellipsis}.chapter-select-option:hover{background:var(--bg-elevated);color:var(--accent)}.chapter-select-option.active{color:var(--accent);background:var(--accent-bg)}.nav-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text);width:38px;height:38px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s,color .15s}.nav-btn:hover{border-color:var(--accent);color:var(--accent)}.nav-btn[aria-disabled=true]{opacity:.35;pointer-events:none}.nav-btn.accent{background:var(--accent);border-color:var(--accent)}.nav-btn.accent,.nav-btn.accent:hover{color:var(--accent-text)}@media (max-width:550px){.nav-btn{display:none}}.fullscreen-fab{position:fixed;right:20px;bottom:90px;width:44px;height:44px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border);color:var(--text);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);z-index:45;transition:border-color .15s,color .15s}.fullscreen-fab:hover{border-color:var(--accent);color:var(--accent)}@media (min-width:551px){.fullscreen-fab{display:none}}@media (max-width:550px){.fullscreen-fab{bottom:calc(76px + env(safe-area-inset-bottom, 0px))}}body.reader-fullscreen .fullscreen-fab{display:none}.reader-slider-bottombar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;background:var(--bg-card);border-top:1px solid var(--border);padding:10px 16px calc(10px + env(safe-area-inset-bottom, 0px));box-shadow:var(--shadow-md);transition:transform .25s ease,opacity .25s ease}.reader-slider-bottombar.reader-chrome-hidden{transform:translateY(100%);opacity:0;pointer-events:none}.reader-slider-bottombar-nav{display:flex;align-items:center;gap:2px;justify-self:start}.reader-slider-bottombar-count{padding:0 8px;font-size:12.5px;font-weight:700;color:var(--text);white-space:nowrap;justify-self:center}.reader-slider-bottombar-exit{justify-self:end}.reader-slider-vnav{width:38px;height:38px;border-radius:50%;background:transparent;border:none;color:var(--text);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.reader-slider-vnav:hover{background:var(--bg-elevated);color:var(--accent)}.reader-slider-vnav:disabled{opacity:.35;pointer-events:none}.reader-next-modal-backdrop{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;background:var(--overlay);padding:20px}.reader-next-modal{width:min(340px,100%);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:24px 20px;text-align:center}.reader-next-modal p{margin:0 0 6px;color:var(--text);font-size:14px}.reader-next-modal p:last-of-type{margin-bottom:20px;color:var(--text-dim);font-size:13px}.reader-next-modal-actions{display:flex;gap:10px}.reader-next-modal-actions button{flex:1 1;padding:10px 16px;border-radius:999px;font-weight:700;font-size:13.5px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text)}.reader-next-modal-actions button.accent{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.reader-images{display:flex;flex-direction:column;align-items:center;max-width:860px;margin:0 auto;padding:0 0 60px}.reader-images img{width:100%;height:auto}.reader-page{scroll-margin-top:calc(var(--header-h) + 84px)}.reader-progress-badge{display:none;position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:35;background:var(--bg-card);border:1px solid var(--border);color:var(--text);font-size:12.5px;font-weight:700;padding:8px 12px;border-radius:999px;box-shadow:var(--shadow-md)}@media (min-width:900px){.reader-progress-badge{display:block}}.reader-image-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;min-height:220px;background:var(--bg-card);border:1px dashed var(--border);border-radius:8px;color:var(--text-dim);font-size:13px}.reader-image-error button{background:var(--accent);color:var(--accent-text);border:none;padding:8px 16px;border-radius:999px;font-weight:700;font-size:13px}.reader-slider-stage .reader-image-error{min-height:100%}.reader-image-loader{width:100%;min-height:140px;display:flex;align-items:center;justify-content:center;padding:30px 0}.reader-slider-stage .reader-image-loader{min-height:0;height:100%}.reader-spinner{width:40px;height:40px;background:var(--img-placeholder-icon) center /contain no-repeat;animation:reader-pulse 1s ease-in-out infinite}@keyframes reader-pulse{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}body.reader-fullscreen .ad-slot,body.reader-fullscreen .mobile-nav,body.reader-fullscreen .site-footer,body.reader-fullscreen .site-header,body.reader-fullscreen .skip-link{display:none!important}body.reader-fullscreen{padding-bottom:0;overflow:hidden}.reader-topbar.full{top:0}body.reader-fullscreen .reader-images{background:#000}body.reader-modal-open{overflow:hidden}.reader-slider{position:fixed;inset:0;z-index:30;background:#000;display:flex;align-items:center;justify-content:center}.reader-slider-stage{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;overflow-y:auto;overscroll-behavior-y:contain;cursor:pointer;scrollbar-width:none;-ms-overflow-style:none}.reader-slider-stage::-webkit-scrollbar{display:none;width:0;height:0}.reader-slider-stage img{width:100%;max-width:100%;height:auto;display:block;flex-shrink:0;margin:auto 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.reader-slider-page{width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;animation-duration:.28s;animation-timing-function:ease-out;animation-fill-mode:both}.reader-slider-page-next{animation-name:reader-slide-up}.reader-slider-page-prev{animation-name:reader-slide-down}@keyframes reader-slide-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes reader-slide-down{0%{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:translateY(0)}}.image-menu{position:relative}.image-menu-panel{position:absolute;top:calc(100% + 10px);right:0;min-width:190px;display:flex;flex-direction:column;gap:2px;padding:6px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 20px 50px rgba(0,0,0,.35);z-index:60}.image-menu-panel button{display:flex;align-items:center;gap:10px;background:transparent;border:none;color:var(--text);font-size:13.5px;font-weight:600;padding:10px 12px;border-radius:8px;text-align:left;cursor:pointer}.image-menu-panel button:hover{background:var(--bg-elevated);color:var(--accent)}.image-menu-toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:var(--bg-card);border:1px solid var(--border);color:var(--text);font-size:12.5px;font-weight:600;padding:8px 16px;border-radius:999px;box-shadow:0 10px 24px rgba(0,0,0,.3);z-index:80;white-space:nowrap}.article-content{max-width:780px;line-height:1.7;color:var(--text-dim);padding:8px 0 40px}.article-content h2,.article-content h3{color:var(--text);margin-top:28px}.article-content a{color:var(--accent);text-decoration:underline}.article-content ul{padding-left:20px}.autoload-sentinel{display:flex;justify-content:center;padding:8px 0 40px;min-height:1px}.skeleton-shimmer{position:relative;overflow:hidden;background:var(--img-placeholder)}.skeleton-shimmer:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08) 50%,transparent);animation:shimmer 1.4s infinite}:root[data-theme=light] .skeleton-shimmer:after{background:linear-gradient(90deg,transparent,rgba(0,0,0,.06) 50%,transparent)}@keyframes shimmer{to{transform:translateX(100%)}}.skeleton-card{pointer-events:none}.skeleton-card .thumb-wrap{border-radius:var(--radius)}.skeleton-line{height:12px;border-radius:4px;margin-top:8px}.skeleton-card .info .skeleton-line:first-child{margin-top:10px}.ad-slot{display:flex;justify-content:center;align-items:center;overflow:hidden;margin:20px 0}.ad-slot:empty{display:none}.site-footer{border-top:1px solid var(--border);padding:40px 0 24px;color:var(--text-dim);font-size:13px;margin-top:40px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:32px;gap:32px;padding-bottom:24px}.footer-brand .logo{margin-bottom:10px}.footer-brand p{max-width:360px;line-height:1.6}.footer-col h2{font-size:13px;letter-spacing:.5px;color:var(--text);margin:0 0 12px}.footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.footer-col a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border);padding-top:16px;justify-content:space-between}.footer-badges,.footer-bottom{display:flex;flex-wrap:wrap;gap:8px}.footer-badges span{border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:11px}@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (max-width:720px){.main-nav{display:none}.detail-hero{flex-direction:column}.detail-hero .cover{width:100vw;overflow:unset;align-self:center;aspect-ratio:auto;background:transparent;border-radius:0;padding:30px 0 0 50px;margin-bottom:4.5rem;position:relative}.detail-hero .cover-bg{position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;&:before{background-attachment:fixed;top:0;inset:-20px;background-image:linear-gradient(to right,var(--bg),transparent),var(--cover-image,none);background-size:cover;filter:blur(20px) saturate(1.5)}&:after,&:before{content:"";position:absolute;left:0}&:after{width:100%;height:100%;bottom:-2px;background:linear-gradient(to top,var(--bg),transparent)}z-index:-1}.detail-hero .cover img{width:200px;aspect-ratio:2/3;height:auto;border-radius:7px;margin-bottom:-5rem;box-shadow:var(--shadow-lg)}.footer-grid{grid-template-columns:1fr}}.admin-shell{display:flex;min-height:100vh;background:radial-gradient(1100px 500px at 100% -10%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 60%),var(--bg)}.admin-sidebar{width:248px;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-elevated);border-right:1px solid var(--border);padding:22px 14px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.admin-brand{display:flex;align-items:center;gap:10px;padding:4px 10px 22px;margin-bottom:10px;border-bottom:1px solid var(--border)}.admin-brand img{flex-shrink:0}.admin-brand-tag{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim);padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.admin-nav{display:flex;flex-direction:column;gap:2px;flex:1 1}.admin-nav-logout,.admin-sidebar a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;font-size:13.5px;font-weight:600;color:var(--text-dim);letter-spacing:.01em;transition:background .15s ease,color .15s ease,transform .15s ease}.admin-nav a svg{opacity:.75;transition:opacity .15s ease}.admin-sidebar a:hover{background:var(--bg-card);color:var(--text)}.admin-sidebar a:hover svg{opacity:1}.admin-nav a.active{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 20%,transparent),color-mix(in srgb,var(--accent) 8%,transparent));color:var(--text);box-shadow:inset 2.5px 0 0 var(--accent)}.admin-nav a.active svg{opacity:1;color:var(--accent)}.admin-nav-footer{display:flex;flex-direction:column;gap:2px;padding-top:12px;margin-top:12px;border-top:1px solid var(--border)}.admin-nav-external{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;font-size:13.5px;font-weight:600;color:var(--text-dim);transition:background .15s ease,color .15s ease}.admin-nav-external:hover{background:var(--bg-card);color:var(--text)}.admin-nav-logout{background:none;border:none;width:100%;text-align:left;color:var(--danger);cursor:pointer}.admin-nav-logout:hover{background:color-mix(in srgb,var(--danger) 12%,transparent)}.admin-main{flex:1 1;padding:34px 40px 60px;max-width:1080px}.admin-main h1{margin-top:0;font-size:25px;font-weight:800;letter-spacing:-.01em}.admin-main h2{font-weight:700;letter-spacing:-.005em}.admin-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:22px 26px;margin-bottom:20px;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.form-field{margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.form-field label{font-size:12.5px;font-weight:700;color:var(--text-dim);letter-spacing:.01em}.form-field input,.form-field select,.form-field textarea{background:var(--bg);border:1px solid var(--border);border-radius:9px;padding:10px 12px;color:var(--text);font-family:inherit;font-size:14px;transition:border-color .15s ease,box-shadow .15s ease}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.form-field textarea{resize:vertical;min-height:100px;font-family:Consolas,monospace}.form-actions{display:flex;gap:10px;align-items:center}.code-editor{border:1px solid var(--border);border-radius:9px;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.code-editor:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.code-editor .cm-editor{font-family:Consolas,monospace;font-size:13px}.code-editor .cm-editor.cm-focused{outline:none}.code-editor .cm-gutters{border-right:1px solid var(--border)}.code-editor .cm-scroller{overflow:auto}.wysiwyg-editor{border:1px solid var(--border);border-radius:9px;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease;background:var(--bg)}.wysiwyg-editor:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.wysiwyg-toolbar{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:8px;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.wysiwyg-tb-btn{background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text);font-size:13px;font-weight:700;padding:5px 9px;cursor:pointer;line-height:1;transition:background .12s ease,border-color .12s ease}.wysiwyg-tb-btn:hover{background:var(--bg-card);border-color:var(--border)}.wysiwyg-tb-btn.active{background:color-mix(in srgb,var(--accent) 20%,transparent);border-color:var(--accent);color:var(--accent)}.wysiwyg-tb-sep{width:1px;align-self:stretch;background:var(--border);margin:2px 4px}.wysiwyg-content{padding:12px 14px;font-size:14px;line-height:1.6;color:var(--text);outline:none}.wysiwyg-content p{margin:0 0 12px}.wysiwyg-content p:last-child{margin-bottom:0}.wysiwyg-content img{max-width:100%;border-radius:6px}.wysiwyg-content a{color:var(--accent)}.wysiwyg-content blockquote{border-left:3px solid var(--border);margin:0 0 12px;padding-left:12px;color:var(--text-dim)}.wysiwyg-content ol,.wysiwyg-content ul{margin:0 0 12px;padding-left:24px}.btn{background:linear-gradient(135deg,var(--accent),var(--accent-dim));color:var(--accent-text);border:none;padding:10px 20px;border-radius:9px;font-weight:700;font-size:14px;box-shadow:0 2px 10px color-mix(in srgb,var(--accent) 35%,transparent);transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 40%,transparent)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:default;transform:none;box-shadow:none}.btn.outline{background:transparent;border:1px solid var(--border);color:var(--text);box-shadow:none}.btn.outline:hover{background:var(--bg-elevated);border-color:var(--accent);box-shadow:none}.btn.danger{background:linear-gradient(135deg,var(--danger),#b3223a);color:#fff;box-shadow:0 2px 10px color-mix(in srgb,var(--danger) 35%,transparent)}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:20px 22px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--accent),var(--accent-dim))}.stat-card .num{font-size:30px;font-weight:800;color:var(--text);letter-spacing:-.02em}.stat-card .label{font-size:11.5px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.daily-chart-plot{display:flex;gap:8px;height:200px;margin-top:56px}.daily-chart-gridlines{position:relative;width:44px;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:22px}.daily-chart-gridline{font-size:11px;color:var(--text-dim);text-align:right;line-height:1}.daily-chart-bars{gap:4px;padding-bottom:22px;border-bottom:1px solid var(--border);background-image:repeating-linear-gradient(to top,var(--border) 0,var(--border) 1px,transparent 1px,transparent 50%);background-size:100% 100%;background-position:bottom}.daily-chart-bars,.daily-chart-col{position:relative;flex:1 1;display:flex;align-items:flex-end}.daily-chart-col{min-width:0;max-width:28px;height:100%;justify-content:center}.daily-chart-bar{width:100%;max-width:22px;min-height:2px;background:var(--accent);border-radius:4px 4px 0 0;transition:opacity .15s}.daily-chart-col:focus-visible .daily-chart-bar,.daily-chart-col:hover .daily-chart-bar{opacity:.75}.daily-chart-xlabel{position:absolute;bottom:-22px;left:0;right:0;text-align:center;font-size:10px;color:var(--text-dim);white-space:nowrap}.daily-chart-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 10px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.25);font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .1s;z-index:3}.daily-chart-tooltip strong{font-size:13px;color:var(--text)}.daily-chart-tooltip span{color:var(--text-dim)}.daily-chart-col:focus-visible .daily-chart-tooltip,.daily-chart-col:hover .daily-chart-tooltip{opacity:1}.daily-chart-col:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.admin-table{width:100%;border-collapse:collapse}.admin-table td,.admin-table th{text-align:left;padding:12px 10px;border-bottom:1px solid var(--border);font-size:13px}.admin-table th{color:var(--text-dim);text-transform:uppercase;font-size:10.5px;letter-spacing:.06em;font-weight:700}.admin-table tbody tr{transition:background .12s ease}.admin-table tbody tr:hover{background:var(--bg-elevated)}.admin-table tbody tr:last-child td{border-bottom:none}.msg{padding:11px 15px;border-radius:9px;font-size:13px;margin-bottom:16px;font-weight:600}.msg.success{background:rgba(0,220,100,.12);color:var(--accent);border:1px solid var(--accent-dim)}.msg.error{background:rgba(255,77,103,.12);color:var(--danger);border:1px solid var(--danger)}.login-shell{display:flex;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(900px 480px at 50% -10%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 60%),var(--bg)}.login-box{width:360px}.login-shell .admin-card{border-radius:18px;padding:32px 30px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.login-shell .admin-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-dim))}.captcha-row{display:flex;gap:8px;align-items:stretch;margin-bottom:8px}.captcha-image{flex:1 1;border:1px solid var(--border);border-radius:9px;overflow:hidden;background:#1a1e23;display:flex;align-items:center;justify-content:center}.captcha-image svg{display:block;width:100%;height:56px}.captcha-loading{color:var(--text-dim);font-size:12px;height:56px}.captcha-refresh{width:44px;padding:0;font-size:18px;display:flex;align-items:center;justify-content:center}.section-title.page{margin-top:24px}.page-loader{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s}.page-loader.active{opacity:1;visibility:visible;transition:opacity .15s ease,visibility 0s linear 0s}.page-loader-icon{width:56px;height:56px;animation:page-loader-pulse 1s ease-in-out infinite}@keyframes page-loader-pulse{0%,to{transform:scale(.85);opacity:.6}50%{transform:scale(1.05);opacity:1}}.not-found-page{padding-top:32px;padding-bottom:48px}.nf-hero{text-align:center;max-width:640px;margin:0 auto 48px;display:flex;flex-direction:column;align-items:center}.nf-panels{display:flex;gap:12px;margin-bottom:20px}.nf-panel{display:flex;align-items:center;justify-content:center;width:76px;height:96px;background:var(--bg-card);border:2px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);font-size:44px;font-weight:900;color:var(--accent);animation:nf-float 3s ease-in-out infinite}.nf-panel-1{animation-delay:0s;transform:rotate(-6deg)}.nf-panel-2{animation-delay:.2s;transform:rotate(3deg);background:linear-gradient(135deg,var(--accent),var(--accent-dim));color:var(--accent-text)}.nf-panel-3{animation-delay:.4s;transform:rotate(6deg)}@keyframes nf-float{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-10px)}}.nf-title{font-size:26px;font-weight:800;margin:0 0 10px;color:var(--text)}.nf-desc{color:var(--text-dim);font-size:15px;line-height:1.6;margin:0 0 24px}.nf-search{display:flex;align-items:center;gap:8px;width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border);border-radius:999px;padding:6px 6px 6px 16px;margin-bottom:20px}.nf-search-icon{color:var(--text-dim);flex-shrink:0}.nf-search input{flex:1 1;min-width:0;background:transparent;border:none;outline:none;color:var(--text);font-size:14px}.nf-search .btn-primary{margin-top:0;flex-shrink:0}.nf-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.nf-actions .btn-primary{margin-top:0}.nf-actions .btn-secondary{background:var(--bg-card)}.image-field-row{display:flex;gap:8px}.image-field-row input{flex:1 1;min-width:0}.image-field-row .btn.outline{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.image-field-preview{margin-top:10px;max-height:64px;max-width:100%;background:#fff;padding:6px;border-radius:8px;border:1px solid var(--border)}.media-modal-backdrop{position:fixed;inset:0;background:var(--overlay);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px}.media-modal{width:min(720px,100%);max-height:80vh;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);overflow:hidden}.media-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.media-modal-header h2{margin:0;font-size:16px}.media-modal-close{background:var(--bg);border:1px solid var(--border);color:var(--text);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.media-modal-toolbar{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.media-modal-toolbar .btn{display:inline-flex;align-items:center;gap:6px}.media-modal-error{color:var(--danger);font-size:13px}.media-modal-body{flex:1 1;overflow-y:auto;padding:20px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:14px;gap:14px}.media-item{position:relative;display:flex;flex-direction:column;gap:6px}.media-item-thumb{position:relative;aspect-ratio:1/1;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:var(--bg);padding:0}.media-item-thumb img{width:100%;height:100%;object-fit:cover;display:block}button.media-item-thumb:hover{border-color:var(--accent)}.media-item-meta{display:flex;flex-direction:column;gap:1px;font-size:11px;color:var(--text-dim)}.media-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-item-actions{display:flex;align-items:center;gap:6px}.media-item-actions .btn.outline{flex:1 1;padding:6px 10px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:4px}.media-item-delete{background:var(--bg-card);border:1px solid var(--border);color:var(--danger);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}.media-item-delete:hover{border-color:var(--danger)}.media-item>.media-item-delete{position:absolute;top:6px;right:6px;background:var(--overlay);color:#fff;border:none}