:root{--bg-primary:#060d17;--bg-secondary:#0a1421;--bg-card:#0d1927;--bg-card-hover:#111f31;--border-color:#1a2a3d;--text-primary:#f4f6fa;--text-secondary:#9aa7b8;--text-muted:#6f7c8e;--primary:#9147ff;--primary-light:#a66cff;--header-height:58px;--content-max-width:1800px}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.text-truncate-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.site-footer{border-top:1px solid var(--border-color);background:#080f19;align-items:center;display:flex}.site-header{height:var(--header-height);border-bottom:1px solid var(--border-color);z-index:1000;background:#080f19;align-items:center;display:flex;position:sticky;top:0}.header-inner{width:100%;max-width:var(--content-max-width);align-items:center;gap:28px;margin:auto;padding:0 18px;display:flex}.common-txt{color:#8794a6;text-align:center;font-size:15px;line-height:1.4}.logo{white-space:nowrap;align-items:center;font-size:21px;font-weight:700;display:flex}.logo-icon{color:var(--primary);margin-right:8px;font-size:25px}.logo span{color:var(--text-primary)}.logo strong{color:var(--primary)}.main-navigation{align-items:center;gap:28px;height:100%;display:flex}.main-navigation a{color:#c5ceda;font-size:14px;transition:all .2s}.main-navigation a:hover,.main-navigation a.active{color:var(--primary-light)}.header-search{color:#718095;background:#0d1724;border:1px solid #223247;border-radius:7px;align-items:center;width:min(600px,100%);height:38px;margin-left:auto;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:flex}.header-search:focus-within{border-color:#9147ff;box-shadow:0 0 0 2px #9147ff1f}.header-search .search-icon{flex-shrink:0;font-size:13px}.header-search input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0 10px;font-size:13px}.header-search input::placeholder{color:#718095}.search-shortcut{color:#6f7c8e;white-space:nowrap;border:1px solid #29394d;border-radius:4px;flex-shrink:0;padding:3px 7px;font-size:10px}.mobile-search-button{color:#aeb9c9;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;margin-left:auto;padding:0;transition:color .2s,background .2s;display:none}.mobile-search-button:hover{color:#fff;background:#132235}.mobile-search-button i{font-size:16px}.search-modal .modal-dialog{max-width:600px;margin:1rem auto}.search-modal .modal-content{color:#fff;background:#0d1927;border:1px solid #26384d;border-radius:10px;overflow:hidden}.search-modal .modal-header{border-bottom:1px solid #1d2c3e;padding:14px 18px}.search-modal .modal-title{font-size:15px;font-weight:600}.search-modal .btn-close{filter:invert();opacity:.6}.search-modal .btn-close:hover{opacity:1}.search-modal .modal-body{padding:18px}.mobile-search-input{color:#718095;background:#09121e;border:1px solid #26384d;border-radius:7px;align-items:center;gap:10px;height:44px;padding:0 12px;display:flex}.mobile-search-input:focus-within{border-color:#9147ff}.mobile-search-input i{flex-shrink:0;font-size:13px}.mobile-search-input input{color:#fff;flex:1;min-width:0;height:100%;padding:0;box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important}.mobile-search-input input::placeholder{color:#718095}.mobile-search-input input.form-control{caret-color:#fff;color:#fff!important;box-shadow:none!important;background-color:#0000!important;border:0!important;outline:none!important}.mobile-search-input input.form-control:focus{color:#fff!important;box-shadow:none!important;background-color:#0000!important;border:0!important;outline:none!important}.mobile-search-input input.form-control::placeholder{opacity:1;color:#718095!important}.search-suggestion-title{color:#718095;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:600}.search-suggestion{color:#aeb9c9;border-radius:5px;align-items:center;gap:10px;padding:9px 10px;font-size:13px;transition:color .2s,background .2s;display:flex}.search-suggestion:hover{color:#fff;background:#132235}.search-suggestion i{text-align:center;color:#9147ff;width:16px}.header-actions{color:#aeb9c9;align-items:center;gap:22px;display:flex}.header-action{cursor:pointer;transition:all .2s}.header-action:hover{color:var(--primary-light)}.user-icon{border:1px solid var(--primary);width:28px;height:28px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.page-wrapper{width:100%;padding:12px 16px 30px}.page-container{width:100%;max-width:var(--content-max-width);margin:0 auto}.homepage-grid{grid-template-columns:205px minmax(0,1fr) 255px;align-items:start;gap:10px;display:grid}.sidebar{min-width:0}.sidebar-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;margin-bottom:10px;overflow:hidden}.sidebar-title{text-transform:uppercase;color:#aeb9c9;padding:15px 15px 8px;font-size:11px;font-weight:600}.sidebar-menu{padding:5px 8px 10px}.sidebar-menu a{color:#9ca8b9;border-radius:4px;align-items:center;gap:10px;padding:8px;font-size:13px;transition:all .2s;display:flex}.sidebar-menu a:hover{color:#fff;background:#132235}.sidebar-menu i{text-align:center;width:16px}.main-content{min-width:0}.hero{isolation:isolate;border:1px solid var(--border-color);background:#060d17;border-radius:8px;min-height:360px;position:relative;overflow:hidden}.hero-image{z-index:-2;pointer-events:none;width:fit-content;height:100%;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.hero-image img{object-fit:contain;object-position:right center;opacity:1;width:auto;max-width:none;height:100%;display:block;transform:none}.hero-image:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#060d17 0%,#060d17fa 8%,#060d17e6 18%,#060d17ad 32%,#060d1761 50%,#060d171f 72%,#060d1700 100%);position:absolute;inset:0}.hero-image:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(#060d1700 0%,#060d174d 45%,#060d17bf 80%,#060d17 100%);height:30%;position:absolute;bottom:0;left:0;right:0}.hero-content{z-index:5;width:55%;max-width:560px;padding:48px 45px;position:relative}.hero-badge{background:linear-gradient(135deg, var(--primary), #7636d6);color:#fff;letter-spacing:.7px;text-transform:uppercase;border-radius:4px;align-items:center;margin-bottom:13px;padding:5px 10px;font-size:9px;font-weight:700;display:inline-flex;box-shadow:0 6px 20px #9147ff33}.hero h1{letter-spacing:-.8px;color:var(--text-primary);margin:0 0 10px;font-size:clamp(30px,3vw,42px);font-weight:750;line-height:1.08}.hero-meta{color:#c4ccd7;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;font-size:12px;display:flex}.hero-meta .separator{color:#566274;-webkit-user-select:none;user-select:none}.rating{color:#ffc928;align-items:center;gap:4px;font-weight:600;display:inline-flex}.rating i{font-size:11px}.hero-description{color:#aeb8c6;max-width:510px;margin:0 0 22px;font-size:13px;line-height:1.65}.hero-buttons{align-items:center;gap:9px;display:flex}.btn-primary-custom,.btn-secondary-custom{border-radius:5px;justify-content:center;align-items:center;min-height:38px;padding:9px 17px;font-size:12px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.btn-primary-custom{background:linear-gradient(135deg, var(--primary), #7636d6);color:#fff;border:1px solid #0000;box-shadow:0 7px 20px #9147ff2e}.btn-primary-custom:hover{color:#fff;transform:translateY(-1px);box-shadow:0 10px 26px #9147ff4d}.btn-secondary-custom{color:#e0e5ec;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060d176b;border:1px solid #4b596d}.btn-secondary-custom:hover{color:#fff;background:#ffffff12;border-color:#ffffff8c;transform:translateY(-1px)}.content-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;margin-top:10px;padding:14px}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-title{text-transform:uppercase;font-size:13px;font-weight:700}.section-link{color:var(--primary-light);font-size:11px}.novels-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;display:grid}.novel-card{background:#0b1624;border:1px solid #223248;border-radius:6px;min-width:0;transition:all .2s;overflow:hidden}.novel-card:hover{border-color:#52647d;transform:translateY(-2px)}.novel-cover{width:100%;height:230px;position:relative;overflow:hidden}.novel-cover img{object-fit:cover;width:100%;height:100%;display:block}.rank{background:var(--primary);border-radius:4px;justify-content:center;align-items:center;width:27px;height:27px;font-size:12px;font-weight:700;display:flex;position:absolute;top:5px;left:5px}.novel-info{padding:7px}.novel-title{margin-bottom:4px;font-size:11px;font-weight:600;line-height:1.35;overflow:hidden}.novel-category{color:#8e9bad;margin-bottom:6px;font-size:10px}.novel-meta{color:#9ca8b8;justify-content:space-between;font-size:10px;display:flex}.trending-item{grid-template-columns:8px 50px minmax(0,1fr);align-items:center;gap:8px;padding:7px 12px;display:grid}.trending-number{color:#8d99aa;font-size:12px}.trending-cover{object-fit:cover;border-radius:4px;width:42px;height:52px}.trending-info{min-width:0}.trending-title{margin-bottom:4px;font-size:11px;font-weight:600;line-height:1.3}.trending-category{color:#8490a1;font-size:10px}.trending-rating{color:#ffc928;margin-top:4px;font-size:10px}.update-item{gap:9px;padding:8px 12px;display:flex}.update-cover{object-fit:cover;border-radius:4px;flex-shrink:0;width:42px;height:52px}.update-info{min-width:0}.update-title{margin-bottom:4px;font-size:11px;font-weight:600}.update-chapter{color:#8996a7;font-size:10px}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));justify-content:center;gap:0;display:grid}.benefit{border-right:1px solid #1e2d40;gap:12px;padding:8px 15px;display:flex}.benefit:last-child{border-right:0}.benefit-icon{color:var(--primary);font-size:25px}.benefit-title{margin-bottom:3px;font-size:11px;font-weight:700}.benefit-text{color:#8794a6;font-size:10px;line-height:1.4}.ad-slot{color:#465467;background:#ffffff03;border-radius:5px;justify-content:center;align-items:center;width:100%;min-height:250px;font-size:10px;display:flex}.image-placeholder{color:#536277;background:#111c2b;justify-content:center;align-items:center;width:100%;min-width:0;display:flex;position:relative;overflow:hidden}.image-placeholder-image{object-fit:cover;object-position:center;width:100%;height:100%;transition:opacity .2s;display:block}.image-placeholder-fallback{color:#536277;background:#111c2b;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.image-placeholder-fallback i{font-size:1.5rem;line-height:1}.image-placeholder-cover{height:100%}.image-placeholder-cover .image-placeholder-image{object-fit:cover}.image-placeholder-contain{aspect-ratio:1}.image-placeholder-contain .image-placeholder-image{object-fit:contain;padding:10px}.image-placeholder-avatar{aspect-ratio:1;border-radius:50%;flex:0 0 48px;width:48px;height:48px}.image-placeholder-avatar .image-placeholder-image{object-fit:cover}.image-placeholder-avatar .image-placeholder-fallback{border-radius:inherit}.image-placeholder-sm{flex:none;width:48px;height:64px}.image-placeholder-md{flex:none;width:80px;height:110px}.image-placeholder-lg{flex:none;width:160px;height:230px}@media (width<=576px){.image-placeholder-lg{width:120px;height:175px}}@media (width<=1200px){.homepage-grid{grid-template-columns:180px minmax(0,1fr) 220px}.main-navigation{gap:16px}.header-search{width:200px}.novels-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-image{width:60%}.hero-content{width:58%;padding:42px 38px}}@media (width<=992px){.homepage-grid{grid-template-columns:170px minmax(0,1fr)}.right-sidebar{display:none}.novels-grid{grid-template-columns:repeat(3,1fr)}.header-search{width:160px}.hero-image{width:62%}.hero-content{width:64%;padding:40px 30px}}@media (width<=768px){:root{--header-height:55px}.site-header{position:relative}.header-inner{padding:0 12px}.main-navigation,.header-search{display:none}.mobile-search-button{display:flex}.header-actions{gap:14px;margin-left:auto}.page-wrapper{padding:8px}.homepage-grid{display:block}.left-sidebar{display:none}.hero{border:1px solid var(--border-color);background:#060d17;border-radius:8px;align-items:flex-end;min-height:540px;display:flex}.hero-image{z-index:-2;width:100%;height:75%;top:0;left:0;right:0}.hero-image img{object-fit:contain;object-position:center top;width:100%;height:100%}.hero-image:after{background:linear-gradient(#060d1700 0%,#060d170d 20%,#060d172e 35%,#060d1794 58%,#060d17e6 78%,#060d17 100%)}.hero-image:before{display:none}.hero-content{z-index:5;width:100%;max-width:100%;padding:35px 25px 28px}.hero h1{letter-spacing:-.5px;font-size:32px}.hero-description{max-width:100%;margin-bottom:20px;font-size:13px;line-height:1.65}.hero-meta{gap:8px;font-size:11px}.hero-buttons{gap:8px}.btn-primary-custom,.btn-secondary-custom{min-height:40px;padding:9px 15px;font-size:12px}.novels-grid{grid-template-columns:repeat(1,1fr)}.benefits-grid{grid-template-columns:repeat(2,1fr)}.benefit{border-bottom:1px solid #1e2d40;border-right:1px solid #1e2d40}}@media (width<=480px){.logo{font-size:18px}.logo-icon{font-size:21px}.hero{min-height:510px}.hero-image{height:72%}.hero-content{padding:30px 20px 25px}.hero-badge{margin-bottom:10px;padding:5px 8px;font-size:8px}.hero h1{margin-bottom:9px;font-size:27px}.hero-meta{gap:7px;margin-bottom:12px}.hero-description{margin-bottom:17px;font-size:12px;line-height:1.6}.hero-buttons{width:100%}.btn-primary-custom,.btn-secondary-custom{flex:1;padding-left:12px;padding-right:12px}.novels-grid{grid-template-columns:repeat(1,1fr)}.benefits-grid{grid-template-columns:1fr}.benefit{border-right:0}}@media (width<=360px){.hero{min-height:500px}.hero-image{height:70%}.hero-content{padding-left:17px;padding-right:17px}.hero h1{font-size:25px}.hero-description{font-size:11.5px}.btn-primary-custom,.btn-secondary-custom{padding-left:10px;padding-right:10px;font-size:11px}}