.home-page{--primary:#4a7bff;--primary-light:#6d96ff;--primary-dark:#3560cc;--accent:#8ed6e8;--accent-dark:#6faed9;--bg-dark:#0d1321;--bg-card:#141d30;--bg-card-hover:#192336;--border-primary:rgba(74,123,255,.3);--text-primary:#eaf2ff;--text-secondary:#a8b3c7;--text-accent:#8ed6e8;--header-bg:rgba(23,31,49,.8);--hero-overlay-start:rgba(23,31,49,.4);--hero-overlay-middle:rgba(23,31,49,.6);--hero-overlay-end:rgba(23,31,49,.95);min-height:100vh;background:var(--bg-dark);color:var(--text-primary);font-family:Noto Sans SC,Segoe UI,sans-serif;transition:background .3s,color .3s}.home-page.light{--bg-dark:linear-gradient(180deg,#f7f9fb,#eef5fa 50%,#e5eff8);--bg-card:hsla(0,0%,100%,.9);--bg-card-hover:#f0f7ff;--border-primary:rgba(46,94,140,.3);--text-primary:#1f2a37;--text-secondary:#5c6b7a;--primary:#2e5e8c;--primary-light:#6faed9;--primary-dark:#1d4a70;--header-bg:rgba(247,249,251,.95);--hero-overlay-start:rgba(247,249,251,.1);--hero-overlay-middle:rgba(247,249,251,.4);--hero-overlay-end:rgba(238,245,250,.95);background:linear-gradient(180deg,#f7f9fb,#eef5fa 50%,#e5eff8)}.home-page.light .hero-title{color:#2e5e8c;text-shadow:0 2px 4px rgba(46,94,140,.3),0 0 30px rgba(111,174,217,.2)}.home-page.light .hero-section{background:linear-gradient(180deg,#d4e4f2,#eef5fa)}.home-page.light .dragon-scroll{background:linear-gradient(135deg,hsla(0,0%,100%,.8),rgba(238,245,250,.9) 50%,hsla(0,0%,100%,.8));border:3px solid rgba(46,94,140,.3);box-shadow:0 8px 32px rgba(46,94,140,.12),inset 0 0 30px rgba(111,174,217,.1)}.home-page.light .section-title{color:#2e5e8c;background:linear-gradient(90deg,transparent,rgba(46,94,140,.08),transparent);border-color:rgba(46,94,140,.2)}.home-page.light .card-frame{background:linear-gradient(135deg,rgba(238,245,250,.9),hsla(0,0%,100%,.9));border:3px solid rgba(46,94,140,.25);box-shadow:0 4px 20px rgba(46,94,140,.1)}.home-page.light .novel-row{background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(238,245,250,.95));border:2px solid rgba(46,94,140,.2);box-shadow:0 4px 16px rgba(46,94,140,.08)}.home-page.light .novel-row:hover{background:linear-gradient(135deg,#fff,#f0f7ff);box-shadow:0 8px 32px rgba(46,94,140,.15)}.home-page.light .row-title{color:#2e5e8c}.home-page.light .featured-section,.home-page.light .latest-section{position:relative}.home-page.light .featured-section:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:radial-gradient(ellipse at top,rgba(111,174,217,.08),transparent 70%);pointer-events:none}.home-page.light .footer{background:linear-gradient(180deg,transparent,rgba(220,230,240,.5))}.home-page .theme-toggle-btn{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:2px solid var(--primary);width:24px!important;height:24px!important;border-radius:50%;font-size:.85rem!important;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 10px rgba(74,123,255,.3)}.home-page .theme-toggle-btn:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 4px 20px rgba(74,123,255,.5)}.home-page .welcome-toast{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;padding:1rem 1.5rem;border-radius:12px;display:flex;align-items:center;gap:.75rem;box-shadow:0 8px 32px rgba(46,204,113,.3);z-index:9999;animation:slideIn .3s ease-out}.home-page .welcome-toast.toast-new{background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 8px 32px rgba(74,123,255,.3)}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.home-page .toast-icon{font-size:1.5rem}.home-page .toast-close{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;opacity:.7}.home-page .toast-close:hover{opacity:1}.home-page .loading-placeholder{width:80px;height:36px;background:hsla(0,0%,100%,.1);border-radius:8px}.home-page .user-menu{position:relative}.home-page .user-avatar{width:24px!important;height:24px!important;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;cursor:pointer;border:2px solid var(--primary);overflow:hidden}.home-page .user-avatar img{width:100%;height:100%;object-fit:cover}.home-page .user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.5);min-width:220px;padding:.5rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s;z-index:1000}.home-page .user-menu:hover .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.home-page .user-info{padding:.75rem}.home-page .user-name{font-weight:600;color:var(--text-primary)}.home-page .user-email{font-size:.75rem;color:var(--text-secondary)}.home-page .dropdown-divider{height:1px;background:var(--border-primary);margin:.5rem 0}.home-page .dropdown-item{display:block;padding:.5rem .75rem;border-radius:8px;color:var(--text-primary);font-size:.875rem;text-decoration:none;background:transparent;border:none;cursor:pointer;width:100%;text-align:left}.home-page .dropdown-item:hover{background:rgba(74,123,255,.1)}.home-page .dropdown-item.logout{color:#dc3545}.home-page .dropdown-wallet{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:linear-gradient(135deg,rgba(255,215,0,.08),rgba(255,215,0,.02));border-radius:8px;margin:.25rem 0}.home-page .wallet-balance{display:flex;align-items:center;gap:.5rem}.home-page .coin-icon{font-size:1.25rem;filter:drop-shadow(0 0 4px rgba(255,215,0,.5))}.home-page .balance-amount{font-size:1rem;font-weight:600;color:var(--text-primary)}.home-page .topup-btn{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:.4rem .85rem;border-radius:20px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s ease;box-shadow:0 2px 8px rgba(74,123,255,.3)}.home-page .topup-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(74,123,255,.5)}.home-page .login-btn,.home-page .register-btn{padding:.5rem 1rem;border-radius:8px;text-decoration:none;font-weight:500;font-size:.875rem}.home-page .login-btn{background:transparent;color:var(--primary);border:1px solid var(--primary)}.home-page .register-btn{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.home-page .hero-section{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden}.home-page .hero-bg{position:absolute;inset:0;background:url(/images/hero-chinese.png) 50%/cover no-repeat;z-index:0}.home-page .hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,var(--hero-overlay-start) 0,var(--hero-overlay-middle) 50%,var(--hero-overlay-end) 100%);z-index:1;transition:background .3s}.home-page .hero-content{position:relative;z-index:2;text-align:center;padding:2rem}.home-page .dragon-scroll{background:linear-gradient(135deg,rgba(74,123,255,.05),rgba(74,123,255,.1) 50%,rgba(74,123,255,.05));border:2px solid var(--border-primary);border-radius:12px;padding:3rem 4rem;min-height:auto;display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px rgba(74,123,255,.2)}.home-page .scroll-content{text-align:center}.home-page .hero-title{font-size:2.5rem;font-weight:700;color:var(--primary);text-shadow:0 0 20px rgba(74,123,255,.5);margin-bottom:.5rem}.home-page .hero-subtitle{font-size:1rem;color:var(--text-secondary)}.home-page .cloud-left,.home-page .cloud-right{position:absolute;width:200px;height:100px;background:radial-gradient(ellipse,rgba(74,123,255,.1),transparent);z-index:1;animation:float 6s ease-in-out infinite}.home-page .cloud-left{left:5%;bottom:20%}.home-page .cloud-right{right:5%;top:20%;animation-delay:-3s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.home-page .featured-section,.home-page .latest-section{max-width:1100px;margin:0 auto;padding:2rem}.home-page .section-banner{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.home-page .banner-dragon-left,.home-page .banner-dragon-right{font-size:2rem;filter:drop-shadow(0 0 10px var(--primary))}.home-page .banner-dragon-right{transform:scaleX(-1)}.home-page .section-title{font-size:1.5rem;font-weight:700;color:var(--primary);background:linear-gradient(90deg,transparent,rgba(74,123,255,.1),transparent);padding:.5rem 2rem;border:1px solid var(--border-primary)}.home-page .banner-line{flex:1 1;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent)}.home-page .view-all{color:var(--primary);text-decoration:none;font-size:.875rem}.home-page .novel-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;gap:1.5rem;overflow:hidden}.home-page .novel-card{text-decoration:none;color:inherit;transition:transform .3s;max-width:100%;overflow:hidden}.home-page .novel-card:hover{transform:translateY(-8px)}.home-page .card-frame{position:relative;border:3px solid var(--primary);border-radius:12px;overflow:hidden;background:linear-gradient(135deg,rgba(74,123,255,.1),transparent);padding:4px}.home-page .card-frame:before{content:"";position:absolute;inset:0;border-radius:12px;padding:2px;background:linear-gradient(135deg,var(--primary),var(--accent),var(--primary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.home-page .rank-badge{position:absolute;top:8px;left:8px;padding:.25rem .75rem;font-size:.75rem;font-weight:700;border-radius:4px;z-index:2}.home-page .rank-1{background:var(--btn-gradient);color:#fff}.home-page .rank-2{background:linear-gradient(135deg,#a8b3c7,#8a9aad);color:#fff}.home-page .rank-3{background:linear-gradient(135deg,#cd7f32,#a05a2c);color:#fff}.home-page .novel-cover{position:relative;aspect-ratio:3/4;border-radius:8px;overflow:hidden}.home-page .novel-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.home-page .novel-card:hover .novel-cover img{transform:scale(1.05)}.home-page .cover-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-dark),var(--accent-dark));display:flex;align-items:center;justify-content:center;font-size:3rem}.home-page .cover-glow{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(0deg,rgba(74,123,255,.15),transparent);pointer-events:none}.home-page .novel-info{padding:1rem .5rem;text-align:center;overflow:hidden;max-width:100%}.home-page .novel-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-page .novel-author{font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem}.home-page .novel-stats{display:flex;justify-content:center;gap:1rem;font-size:.75rem;color:var(--text-secondary);margin-bottom:.75rem}.home-page .read-now-btn{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;padding:.5rem 1.5rem;border-radius:20px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.home-page .read-now-btn:hover{transform:scale(1.05)}.home-page .novel-list{display:flex;flex-direction:column;gap:1rem}.home-page .novel-row{display:flex!important;flex-direction:row!important;align-items:stretch;background:linear-gradient(135deg,#0d0d0d,#1a1a1a);border:2px solid var(--border-primary);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:all .3s;min-height:160px}.home-page .novel-row:hover{background:linear-gradient(135deg,var(--bg-card),var(--bg-card-hover));border-color:var(--primary);box-shadow:0 0 30px rgba(74,123,255,.2);transform:translateX(5px)}.home-page .row-cover{position:relative;width:120px;min-width:120px;height:auto;min-height:160px;flex-shrink:0;overflow:hidden;border-right:2px solid var(--border-primary)}.home-page .row-cover img{width:100%;height:100%;object-fit:cover}.home-page .row-cover .cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-dark),var(--accent-dark));font-size:2.5rem}.home-page .row-content{flex:1 1;padding:1rem 1.5rem;display:flex;flex-direction:column;justify-content:center;min-width:0;overflow:hidden}.home-page .row-title{font-size:1.2rem;font-weight:700;color:var(--primary);margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-page .row-synopsis{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.home-page .row-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem}.home-page .row-meta span{display:flex;align-items:center;gap:.25rem}.home-page .row-tags{display:flex;flex-wrap:wrap;gap:.5rem}.home-page .tag{background:linear-gradient(135deg,rgba(74,123,255,.15),rgba(74,123,255,.05));border:1px solid var(--primary);color:var(--primary);padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.home-page .row-action{display:flex;align-items:center;padding:1rem 1.5rem;background:linear-gradient(90deg,transparent,rgba(74,123,255,.05))}.home-page .action-btn{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:.75rem 1.5rem;border-radius:25px;font-size:.9rem;font-weight:700;white-space:nowrap;transition:all .2s}.home-page .novel-row:hover .action-btn{transform:scale(1.05);box-shadow:0 4px 15px rgba(74,123,255,.3)}.home-page .skeleton .skeleton-cover,.home-page .skeleton .skeleton-cover-h{background:var(--bg-card);animation:pulse 1.5s infinite}.home-page .skeleton .skeleton-cover{aspect-ratio:3/4;border-radius:8px}.home-page .skeleton .skeleton-cover-h{width:100px;height:140px}.home-page .skeleton .skeleton-desc,.home-page .skeleton .skeleton-title{background:var(--bg-card);border-radius:4px;animation:pulse 1.5s infinite}.home-page .skeleton .skeleton-title{height:1rem;width:60%;margin-bottom:.5rem}.home-page .skeleton .skeleton-desc{height:2rem;width:80%}.home-page .skeleton .skeleton-content{flex:1 1;padding:1rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.home-page .footer{border-top:2px solid var(--border-primary);padding:2rem;text-align:center;margin-top:2rem}.home-page .footer-logo{font-size:1.25rem;color:var(--primary);margin-bottom:.5rem}.home-page .footer-content p{color:var(--text-secondary);font-size:.875rem}.home-page .empty-state{grid-column:1/-1;text-align:center;padding:3rem;color:var(--text-secondary)}@media (max-width:900px){.home-page .novel-grid{grid-template-columns:repeat(2,1fr)}.home-page .nav-links{display:none}.home-page .hero-title{font-size:1.75rem}.home-page .dragon-scroll{padding:2rem}.home-page .row-action{display:none}}@media (max-width:500px){.home-page .novel-grid{grid-template-columns:1fr}.home-page .novel-row{flex-direction:column!important}.home-page .row-cover{width:100%!important;min-width:100%!important;height:200px!important;min-height:200px!important;border-right:none!important;border-bottom:2px solid var(--border-primary)}.home-page .row-action{display:flex;padding:1rem;justify-content:center}}