:root{--bg-color:#0b0e14;--surface-color:#151a21;--surface-hover:#1e2530;--primary-color:#fff;--neon-color:#0f6;--text-muted:#8b94a0;--border-color:#263140;--radius:16px;--layout-header-height:60px}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-weight:400}html{scrollbar-gutter:stable}body{background-color:var(--bg-color);color:var(--primary-color);font-family:Plus Jakarta Sans,sans-serif;line-height:1.4}textarea{resize:vertical}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:100;width:100%;max-width:1240px;max-height:var(--layout-header-height);background-color:#0b0e14d9;margin:0 auto;padding:20px;position:fixed;top:0}a{color:inherit;text-decoration:none}footer{border-top:1px solid var(--border-color);color:var(--text-muted);padding:20px 0;font-size:13px}#app{min-height:100vh;padding-top:var(--layout-header-height);flex-direction:column;display:flex}main{flex:1}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}.header-inner{justify-content:space-between;align-items:center;display:flex}.logo{letter-spacing:1px;font-family:Outfit,sans-serif;font-size:26px;font-weight:900}.logo span{color:var(--neon-color)}.nav-menu{gap:28px;font-size:14px;font-weight:700;list-style:none;display:flex}.nav-menu a{color:var(--text-muted);transition:color .2s}.nav-menu a.active,.nav-menu a:hover{color:var(--primary-color)}.header-actions{align-items:center;gap:16px;display:flex}.btn-search{background-color:var(--surface-color);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600}.user-avatar{cursor:pointer;background:linear-gradient(135deg,#0f6,#00b3ff);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.hero-banner{background:linear-gradient(180deg, #00ff6614 0%, #151a2166 100%), var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius);margin-top:32px;padding:48px;position:relative;overflow:hidden}.hero-badge{color:var(--neon-color);text-transform:uppercase;letter-spacing:1px;background-color:#00ff6626;border-radius:20px;margin-bottom:16px;padding:6px 12px;font-size:11px;font-weight:800;display:inline-block}.hero-banner h1{margin-bottom:12px;font-family:Outfit,sans-serif;font-size:44px;font-weight:900;line-height:1.1}.hero-banner p{color:var(--text-muted);max-width:480px;margin-bottom:28px;font-size:15px}.hero-buttons{gap:12px;display:flex}.btn-neon{background-color:var(--neon-color);color:#000;cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-weight:800;transition:transform .2s}.btn-neon:hover{transform:scale(1.03)}.btn-neon.secondary{background-color:var(--surface-hover);color:var(--primary-color);border:1px solid var(--border-color)}.btn-glass{border:1px solid var(--border-color);color:var(--primary-color);cursor:pointer;background-color:#ffff660d;border-radius:12px;padding:12px 24px;font-weight:700}.tags-section{gap:10px;margin:32px 0;padding-bottom:4px;display:flex;overflow-x:auto}.tag-pill{background-color:var(--surface-color);border:1px solid var(--border-color);cursor:pointer;white-space:nowrap;color:var(--text-muted);border-radius:24px;padding:8px 18px;font-size:13px;font-weight:700}.tag-pill.active,.tag-pill:hover{background-color:var(--surface-hover);color:var(--primary-color);border-color:var(--text-muted)}.section-block{margin-top:20px;margin-bottom:60px}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-header h2{font-family:Outfit,sans-serif;font-size:24px;font-weight:800}.see-all{color:var(--neon-color);font-size:14px;font-weight:700}.manga-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:20px;display:grid}.manga-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius);cursor:pointer;padding:12px;transition:border-color .2s,transform .2s}.manga-card:hover{border-color:var(--neon-color);transform:translateY(-4px)}.manga-cover{object-fit:cover;background:linear-gradient(135deg,#212936,#161d26);border-radius:10px;align-items:flex-end;width:100%;margin-bottom:12px;display:flex;position:relative}.chap-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--neon-color);background-color:#000000b3;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:800}.manga-title{text-align:center;margin-bottom:4px;font-size:15px;font-weight:700}.manga-genres{color:var(--text-muted);font-size:12px}.footer-inner{justify-content:space-between;align-items:center;display:flex}.admin-container{margin:40px auto 80px}.admin-page-title{margin-bottom:32px}.admin-page-title.space-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-page-title h1{margin-bottom:4px;font-family:Outfit,sans-serif;font-size:32px;font-weight:800}.admin-page-title p{color:var(--text-muted);font-size:14px}.admin-page-title .box{flex:1}.separator{margin-top:60px}.admin-filter-bar{gap:12px;margin-bottom:24px;display:flex}.search-input-field{background-color:var(--surface-color);border:1px solid var(--border-color);color:var(--primary-color);border-radius:12px;outline:none;flex-grow:1;padding:12px 16px;font-family:inherit;font-size:14px}.search-input-field:focus{border-color:var(--neon-color)}.filter-select-field{background-color:var(--surface-color);border:1px solid var(--border-color);color:var(--primary-color);cursor:pointer;border-radius:12px;outline:none;padding:12px 16px;font-family:inherit;font-size:14px}.filter-select-field:focus{border-color:var(--neon-color)}.admin-section{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius);margin-bottom:24px;padding:28px}.admin-section h2{color:var(--neon-color);margin-bottom:20px;font-family:Outfit,sans-serif;font-size:18px;font-weight:700}.section-top-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.total-badge{background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--text-muted);border-radius:8px;padding:4px 10px;font-size:11px;font-weight:700}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group.full-width{grid-column:span 2}.form-group label{color:var(--text-muted);font-size:13px;font-weight:700}.form-group input,.form-group select,.form-group textarea{background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--primary-color);border-radius:10px;outline:none;padding:12px;font-family:inherit;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--neon-color)}.form-group select{cursor:pointer}.upload-box{border:2px dashed var(--border-color);background-color:var(--bg-color);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;height:120px;transition:border-color .2s;display:flex}.upload-box:hover{border-color:var(--neon-color)}.upload-placeholder{color:var(--text-muted);font-size:13px;font-weight:700}.table-responsive{width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.admin-table th{color:var(--text-muted);border-bottom:1px solid var(--border-color);padding:10px 16px;font-weight:700}.admin-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:14px 16px}.admin-table tr:last-child td{border-bottom:none}.table-header,.table-tr{grid-template-columns:1fr 1fr;align-items:center;display:grid}.table-header{border-bottom:1px solid var(--border-color)}.table-title-cell{flex-direction:column;gap:2px;display:flex}.table-title-cell strong{color:var(--primary-color);font-family:Outfit,sans-serif;font-size:14px}.table-title-cell span{color:var(--text-muted);font-size:11px}.status-pill{text-transform:uppercase;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-block}.status-pill.ongoing{color:var(--neon-color);background-color:#00ff661f}.status-pill.finished{color:#00b3ff;background-color:#00b3ff1f}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.btn-icon{background:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;height:32px;color:var(--primary-color);border-radius:8px;justify-content:center;align-items:center;padding:10px;font-size:12px;transition:border-color .2s;display:flex}.btn-icon.edit{background-color:#00b3ff}.btn-icon.delete{background-color:#ff5722}.btn-icon.edit:hover{border-color:#00b3ff}.btn-icon.delete:hover{border-color:#ff5722}.admin-actions-footer{justify-content:flex-end;gap:12px;margin-top:32px;display:flex}.title-hero{grid-template-columns:320px 1fr;align-items:start;gap:40px;margin-top:40px;display:grid}.title-poster{border-radius:var(--radius);border:1px solid var(--border-color);background:linear-gradient(135deg,#212936,#161d26);position:relative;overflow:hidden}.title-cover{object-fit:cover;align-items:flex-end;width:100%;height:100%;display:flex;position:relative}.status-badge{color:var(--neon-color);text-transform:uppercase;background-color:#00ff6626;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:800;display:inline-block}.tags-row{gap:8px;margin-bottom:12px;display:flex}.genre-tag{background-color:var(--surface-color);border:1px solid var(--border-color);color:var(--text-muted);border-radius:8px;padding:4px 12px;font-size:12px;font-weight:700}.title-meta h1{margin-bottom:4px;font-family:Outfit,sans-serif;font-size:38px;font-weight:900}.alternative-name{color:var(--text-muted);margin-bottom:20px;font-size:14px}.stats-row{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;gap:24px;max-width:520px;margin-bottom:20px;padding:16px;display:flex}.stat-item{flex-direction:column;font-size:13px;display:flex}.stat-item strong{font-family:Outfit,sans-serif;font-size:18px}.stat-item span{color:var(--text-muted);font-size:11px}.title-description{color:var(--text-muted);white-space:pre-wrap;max-width:700px;margin-bottom:24px;font-size:14px}.action-buttons{flex-wrap:wrap;gap:12px;display:flex}.chapters-section{margin-top:60px;margin-bottom:60px}.chapters-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.chapters-header h2{font-family:Outfit,sans-serif;font-size:24px}.sort-toggle{color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:700}.chapters-list{flex-direction:column;gap:8px;max-height:300px;display:flex;overflow:auto}.chapters-list::-webkit-scrollbar{width:6px}.chapters-list::-webkit-scrollbar-track{background:0 0}.chapters-list::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.chapters-list::-webkit-scrollbar-thumb:hover{background:#666}.chapters-list{scrollbar-width:thin;scrollbar-color:#444 transparent}.chapter-item{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;transition:border-color .2s;display:flex}.chapter-item:hover{border-color:var(--neon-color)}.chapter-item.read{opacity:.6}.chap-num{align-items:center;gap:12px;font-size:15px;font-weight:700;display:flex}.read-mark{background-color:var(--border-color);color:var(--text-muted);border-radius:4px;padding:2px 8px;font-size:10px}.chap-date{color:var(--text-muted);font-size:13px}.comments-header{align-items:center;margin-bottom:24px;display:flex}.comments-header h2{align-items:center;gap:12px;font-family:Outfit,sans-serif;font-size:24px;display:flex}.comment-form-box{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius);gap:16px;margin-bottom:32px;padding:20px;display:flex}.user-avatar-small{background:linear-gradient(135deg,#0f6,#00b3ff);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.comment-input-wrapper{flex-direction:column;flex-grow:1;gap:12px;display:flex}.comment-input-wrapper textarea{background-color:var(--bg-color);border:1px solid var(--border-color);width:100%;color:var(--primary-color);resize:vertical;border-radius:10px;outline:none;padding:12px;font-family:inherit;font-size:14px}.comment-input-wrapper textarea:focus{border-color:var(--neon-color)}.comment-form-actions{justify-content:space-between;align-items:center;display:flex}.hint-formatting{color:var(--text-muted);font-size:11px}.comments-list{flex-direction:column;gap:16px;display:flex}.comment-item{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius);gap:16px;padding:20px;display:flex}.comment-user-pic{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-family:Outfit,sans-serif;font-weight:800;display:flex}.comment-content{flex-grow:1}.comment-user-info{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.username{font-size:14px;font-weight:700}.comment-time{color:var(--text-muted);font-size:12px}.comment-text{color:#d0d7de;margin-bottom:12px;font-size:14px;line-height:1.5}.comment-actions{gap:16px;display:flex}.like-btn,.reply-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:700;transition:color .2s}.like-btn:hover{color:var(--neon-color)}.reply-btn:hover{color:var(--primary-color)}.comments-section{margin-top:50px;margin-bottom:80px}.comments-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.comments-header h2{align-items:center;gap:12px;margin-bottom:0;font-family:Outfit,sans-serif;font-size:24px;display:flex}.comm-count{background-color:var(--surface-color);border:1px solid var(--border-color);color:var(--text-muted);border-radius:12px;padding:2px 8px;font-size:12px;font-weight:700}.comments-sort-tabs{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;gap:6px;padding:4px;display:flex}.sort-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:background-color .2s,color .2s}.sort-tab:hover{color:var(--primary-color)}.sort-tab.active{background-color:var(--surface-hover);color:var(--neon-color);border:1px solid var(--border-color)}@media (width>=600px){#app{padding-top:0}.header{position:sticky}}@media (width<=968px){.hero-banner{padding:28px}.hero-banner h1{font-size:32px}.nav-menu{display:none}.title-hero{grid-template-columns:1fr}.row-actions{flex-direction:column;display:flex}}.user-profile-block[data-v-e42ae097]{align-items:center;gap:12px;display:flex}.user-greeting[data-v-e42ae097]{color:#fffc;font-size:14px}.user-greeting strong[data-v-e42ae097]{color:#f05;font-weight:600}.logout-btn[data-v-e42ae097]{color:#ffffffe6;background:#ff30660d;border-color:#ff30664d}.logout-btn[data-v-e42ae097]:hover{background:#ff306633;border-color:#f05;box-shadow:0 0 8px #f056}@media (width<=540px){.header-inner[data-v-e42ae097]{height:56px;padding:0 12px}.user-name[data-v-e42ae097],.btn-glass .text[data-v-e42ae097],.enter-btn span[data-v-e42ae097]:first-child{display:none!important}.btn-glass .icon[data-v-e42ae097],.btn-glass .icon-enter[data-v-e42ae097]{font-size:15px;line-height:1;display:inline-block!important}.btn-glass[data-v-e42ae097]{justify-content:center;align-items:center;height:36px;display:inline-flex;min-width:auto!important;padding:8px 10px!important}.header-actions[data-v-e42ae097],.user-inline-block[data-v-e42ae097]{gap:6px}}.reader-ad-slot[data-v-bc04d411]{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:15px;max-width:700px;margin:30px auto;padding:15px;display:flex}.reader-ad-image[data-v-bc04d411]{object-fit:cover;background:#222;border-radius:6px;flex-shrink:0;width:120px;height:120px}.reader-ad-content[data-v-bc04d411]{flex-direction:column;gap:6px;display:flex}.reader-ad-label[data-v-bc04d411]{text-transform:uppercase;letter-spacing:1px;color:#888;font-size:10px}.reader-ad-title[data-v-bc04d411]{color:#fff;font-size:18px;font-weight:700;text-decoration:none}.reader-ad-title[data-v-bc04d411]:hover{color:#9d4edd}.reader-ad-desc[data-v-bc04d411]{color:#ccc;margin:0;font-size:14px;line-height:1.4}@media (width<=600px){.reader-ad-slot[data-v-bc04d411]{flex-direction:column;align-items:flex-start}.reader-ad-image[data-v-bc04d411]{width:100%;height:160px}}.skeleton-line[data-v-5e7b2115],.skeleton-btn[data-v-5e7b2115]{background:linear-gradient(90deg,#262626 25%,#333 50%,#262626 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s linear infinite skeleton-loading-5e7b2115;border:none!important}.skeleton-card[data-v-5e7b2115]{border-color:#262626!important}.skeleton-geo-badge[data-v-5e7b2115]{width:80px;height:14px;margin-bottom:8px}.skeleton-title[data-v-5e7b2115]{width:70%;height:28px;margin-bottom:16px}.skeleton-text-1[data-v-5e7b2115]{width:100%;height:14px;margin-bottom:8px}.skeleton-text-2[data-v-5e7b2115]{width:95%;height:14px;margin-bottom:8px}.skeleton-text-3[data-v-5e7b2115]{width:40%;height:14px;margin-bottom:20px}.skeleton-badge[data-v-5e7b2115]{border-radius:12px;width:110px;height:22px}.skeleton-block-title[data-v-5e7b2115]{width:150px;height:20px;margin-bottom:12px}.skeleton-btn[data-v-5e7b2115]{opacity:.7;width:100%;height:48px;margin-bottom:8px}@keyframes skeleton-loading-5e7b2115{0%{background-position:200% 0}to{background-position:-200% 0}}.novel-container[data-v-0c72ca68]{width:100%;max-width:720px;margin:20px auto 120px;padding:0 24px}.reader-header[data-v-0c72ca68]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:100;background-color:#0c0f14f2;position:fixed;top:0;left:0;right:0}.reader-header-inner[data-v-0c72ca68]{justify-content:space-between;align-items:center;max-width:720px;height:64px;margin:0 auto;padding:0 20px;display:flex}.back-link[data-v-0c72ca68]{color:var(--text-muted);font-size:13px;font-weight:700;text-decoration:none}.back-link[data-v-0c72ca68]:hover{color:var(--neon-color)}.reader-title-info[data-v-0c72ca68]{text-align:center;flex-direction:column;align-items:center;display:flex}.reader-title-info span[data-v-0c72ca68]{color:var(--text-muted);font-size:11px}.reader-title-info strong[data-v-0c72ca68]{color:var(--primary-color);font-family:Outfit,sans-serif;font-size:14px}.control-btn[data-v-0c72ca68]{border:1px solid var(--border-color);color:var(--primary-color);cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700}.reader-footer-nav[data-v-0c72ca68]{border-top:1px solid var(--border-color);z-index:100;background-color:#0c0f14fa;padding:16px 0;position:sticky;bottom:0;left:0;right:0}.nav-footer-inner[data-v-0c72ca68]{justify-content:space-between;align-items:center;max-width:720px;margin:0 auto;padding:0 20px;display:flex}.current-chap-label[data-v-0c72ca68]{color:var(--text-muted);font-family:Outfit,sans-serif;font-size:13px;font-weight:700}.novel-content p[data-v-0c72ca68]{font-family:var(--font-reading);color:#d0d7de;text-align:justify;white-space:pre-wrap;font-size:19px;line-height:1.75}.novel-content p[data-v-0c72ca68]:has(+p){margin-bottom:24px}.disabled-link[data-v-0c72ca68]{color:gray;cursor:not-allowed;pointer-events:none;border:1px solid var(--border-color);background-color:#000;text-decoration:none}.illustration-block[data-v-0c72ca68]{padding:10px 0}.illustration-block img[data-v-0c72ca68]{border-radius:8px;max-width:100%;margin:0 auto;display:block}@media (width>=600px){.reader-header[data-v-0c72ca68]{position:sticky}}@media (width<=600px){.novel-content p[data-v-0c72ca68]{font-size:17px}.ill-placeholder[data-v-0c72ca68]{height:260px;font-size:12px}}.admin-layout-wrapper[data-v-90620441]{grid-template-columns:240px 1fr;gap:32px;margin-top:40px;margin-bottom:80px;display:grid}.admin-sidebar[data-v-90620441]{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius);height:fit-content;padding:20px;position:sticky;top:100px}.sidebar-menu[data-v-90620441]{flex-direction:column;gap:8px;display:flex}.sidebar-link[data-v-90620441]{color:var(--text-muted);border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:background-color .2s,color .2s;display:flex}.sidebar-link.active[data-v-90620441]{background-color:var(--surface-hover);color:var(--neon-color);border:1px solid var(--border-color)}.sidebar-link[data-v-90620441]:hover{background-color:var(--surface-hover);color:var(--primary-color)}