@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#1a1a2e;--bg-card-hover:#222240;--bg-surface:#16162a;--bg-overlay:#000000b3;--text-primary:#e8e8f0;--text-secondary:#9ca3af;--text-muted:#6b7280;--text-accent:#f59e0b;--accent:#f59e0b;--accent-hover:#fbbf24;--accent-dim:#f59e0b26;--purple:#8b5cf6;--purple-dim:#8b5cf626;--blue:#3b82f6;--green:#10b981;--red:#ef4444;--pink:#ec4899;--border:#ffffff0f;--border-accent:#f59e0b4d;--max-width:1280px;--header-height:60px;--sidebar-width:280px;--radius:12px;--radius-sm:8px;--radius-xs:6px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px #f59e0b33;--transition:all .2s ease;--transition-slow:all .3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 16px}.page-content{min-height:calc(100vh - var(--header-height) - 200px);padding-top:24px;padding-bottom:48px}.video-hero{background:#000;width:100%;height:85vh;min-height:500px;position:relative;overflow:hidden}.video-hero-bg{object-fit:cover;width:auto;min-width:100%;height:auto;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-hero-overlay{z-index:1;background:#0000008c;position:absolute;inset:0}.video-hero-content{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;height:100%;padding:60px 20px;display:flex;position:relative}.video-hero-badge{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3;border-radius:100px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:500;display:inline-flex}.video-hero-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.video-hero-title{background:linear-gradient(145deg,#fff 30%,#ffffff4d 100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;max-width:700px;font-size:56px;font-weight:800;line-height:1.15}.video-hero-subtitle{color:#ffffffb3;max-width:600px;font-size:16px;font-weight:400;line-height:1.7}@media (max-width:768px){.video-hero{height:70vh;min-height:400px}.video-hero-title{letter-spacing:-.5px;font-size:32px}.video-hero-subtitle{font-size:14px}.video-hero-content{gap:18px;padding:40px 16px}.video-hero-badge{padding:6px 14px;font-size:11px}}@media (max-width:480px){.video-hero{height:65vh;min-height:350px}.video-hero-title{font-size:26px}.video-hero-subtitle{font-size:13px}}.header{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);height:var(--header-height);background:#0a0a0fd9;position:sticky;top:0}.header-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;gap:16px;height:100%;margin:0 auto;padding:0 16px;display:flex}.logo{color:var(--accent);letter-spacing:-.5px;white-space:nowrap;align-items:center;gap:10px;font-size:22px;font-weight:800;display:flex}.logo-icon{font-size:28px}.nav-menu{align-items:center;gap:4px;display:flex}.nav-item{color:var(--text-secondary);border-radius:var(--radius-xs);transition:var(--transition);white-space:nowrap;padding:8px 14px;font-size:14px;font-weight:500;position:relative}.nav-item:hover,.nav-item.active{color:var(--text-primary);background:var(--accent-dim)}.nav-item.active{color:var(--accent)}.nav-dropdown{position:relative}.dropdown-menu{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);min-width:200px;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:var(--transition);z-index:100;padding:8px;position:absolute;top:100%;left:0;transform:translateY(8px)}.dropdown-menu.wide{grid-template-columns:repeat(4,1fr);gap:2px;min-width:500px;display:grid}.nav-dropdown:hover .dropdown-menu,.dropdown-menu.show{opacity:1;pointer-events:auto;transform:translateY(0)}.dropdown-item{color:var(--text-secondary);border-radius:var(--radius-xs);transition:var(--transition);padding:8px 12px;font-size:13px;display:block}.dropdown-item:hover{background:var(--accent-dim);color:var(--accent)}.search-bar{background:var(--bg-card);border:1px solid var(--border);min-width:220px;height:38px;transition:var(--transition);border-radius:100px;align-items:center;padding:0 16px;display:flex}.search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}.search-bar input::placeholder{color:var(--text-muted)}.search-icon{color:var(--text-muted);margin-right:8px;font-size:16px}.auth-buttons{align-items:center;gap:8px;display:flex}.btn{transition:var(--transition);white-space:nowrap;border-radius:100px;justify-content:center;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent), #e67e22);color:#fff;box-shadow:0 2px 12px #f59e0b4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b66}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.btn-vip{color:#fff;background:linear-gradient(135deg,#f59e0b,#ec4899);font-weight:700}.mobile-toggle{padding:4px;font-size:24px;display:none}.section-header{border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.section-title{align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.section-title .icon{color:var(--accent)}.section-link{color:var(--accent);transition:var(--transition);align-items:center;gap:4px;font-size:13px;font-weight:500;display:flex}.section-link:hover{color:var(--accent-hover);gap:8px}.comic-grid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.comic-card{border-radius:var(--radius);background:var(--bg-card);transition:var(--transition-slow);cursor:pointer;position:relative;overflow:hidden}.comic-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.comic-card:hover .comic-cover img{transform:scale(1.05)}.comic-cover{aspect-ratio:9/16;background:var(--bg-surface);position:relative;overflow:hidden}.comic-cover img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.comic-cover-overlay{background:linear-gradient(#0000,#000000d9);padding:40px 10px 10px;position:absolute;bottom:0;left:0;right:0}.comic-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;top:8px;left:8px}.badge-hot{color:#fff;background:linear-gradient(135deg,#ef4444,#f97316)}.badge-new{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.badge-vip{color:#fff;background:linear-gradient(135deg,#f59e0b,#ec4899)}.badge-completed{background:var(--green);color:#fff}.comic-info{padding:10px 12px 12px}.comic-title{color:var(--text-primary);-webkit-line-clamp:2;transition:var(--transition);-webkit-box-orient:vertical;margin-bottom:6px;font-size:13px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.comic-card:hover .comic-title{color:var(--accent)}.comic-chapter{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;display:flex}.comic-chapter .new{color:var(--accent);font-weight:600}.comic-update-time{color:var(--text-muted);margin-top:4px;font-size:10px}.hero-section{margin-bottom:32px;position:relative}.hero-slider{grid-template-columns:2fr 1fr;gap:16px;height:380px;display:grid}.hero-main{border-radius:var(--radius);cursor:pointer;position:relative;overflow:hidden}.hero-main img{object-fit:cover;width:100%;height:100%}.hero-main-overlay{background:linear-gradient(#0000,#0000004d,#000000e6);padding:40px 30px 30px;position:absolute;bottom:0;left:0;right:0}.hero-main-title{text-shadow:0 2px 8px #00000080;margin-bottom:8px;font-size:28px;font-weight:800}.hero-main-desc{color:#fffc;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;font-size:14px;display:-webkit-box;overflow:hidden}.hero-sidebar{flex-direction:column;gap:12px;display:flex}.hero-side-card{border-radius:var(--radius);cursor:pointer;flex:1;position:relative;overflow:hidden}.hero-side-card img{object-fit:cover;width:100%;height:100%}.hero-side-overlay{background:linear-gradient(#0000,#000000d9);padding:20px 16px 12px;position:absolute;bottom:0;left:0;right:0}.hero-side-title{font-size:15px;font-weight:700}.two-col-layout{grid-template-columns:1fr 320px;gap:24px;margin-top:32px;display:grid}.ranking-panel{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);top:calc(var(--header-height) + 16px);position:sticky;overflow:hidden}.ranking-tabs{border-bottom:1px solid var(--border);display:flex}.ranking-tab{color:var(--text-muted);text-align:center;transition:var(--transition);border-bottom:2px solid #0000;flex:1;padding:12px;font-size:13px;font-weight:600}.ranking-tab:hover,.ranking-tab.active{color:var(--accent);border-bottom-color:var(--accent);background:var(--accent-dim)}.ranking-list{padding:8px}.ranking-item{border-radius:var(--radius-sm);transition:var(--transition);cursor:pointer;align-items:center;gap:12px;padding:10px 8px;display:flex}.ranking-item:hover{background:var(--bg-card-hover)}.ranking-number{background:var(--bg-surface);width:28px;height:28px;color:var(--text-muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.ranking-item:first-child .ranking-number{color:#fff;background:linear-gradient(135deg,#f59e0b,#e67e22)}.ranking-item:nth-child(2) .ranking-number{color:#fff;background:linear-gradient(135deg,#6b7280,#9ca3af)}.ranking-item:nth-child(3) .ranking-number{color:#fff;background:linear-gradient(135deg,#b45309,#d97706)}.ranking-cover{border-radius:6px;flex-shrink:0;width:48px;height:64px;overflow:hidden}.ranking-cover img{object-fit:cover;width:100%;height:100%}.ranking-info{flex:1;min-width:0}.ranking-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.ranking-meta{color:var(--text-muted);margin-top:2px;font-size:11px}.comic-detail-header{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);gap:24px;margin-bottom:24px;padding:24px;display:flex}.detail-cover{border-radius:var(--radius-sm);width:220px;box-shadow:var(--shadow-lg);flex-shrink:0;overflow:hidden}.detail-cover img{aspect-ratio:3/4;object-fit:cover;width:100%}.detail-info{flex:1}.detail-title{margin-bottom:8px;font-size:26px;font-weight:800;line-height:1.3}.detail-meta{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.detail-meta-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.detail-meta-item .label{color:var(--text-muted)}.detail-genres{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.genre-tag{background:var(--accent-dim);color:var(--accent);transition:var(--transition);border:1px solid #f59e0b33;border-radius:100px;padding:4px 12px;font-size:12px;font-weight:500}.genre-tag:hover{background:var(--accent);color:#000}.detail-description{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.7}.detail-actions{gap:12px;display:flex}.detail-stats{gap:24px;margin-bottom:16px;display:flex}.stat-item{text-align:center}.stat-value{color:var(--accent);font-size:20px;font-weight:700}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.chapter-list-section{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.chapter-list-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chapter-list-title{align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.chapter-sort-btn{color:var(--text-muted);border-radius:var(--radius-xs);border:1px solid var(--border);transition:var(--transition);padding:4px 12px;font-size:13px}.chapter-sort-btn:hover{color:var(--accent);border-color:var(--accent)}.chapter-list{max-height:600px;overflow-y:auto}.chapter-list::-webkit-scrollbar{width:6px}.chapter-list::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.chapter-item{transition:var(--transition);cursor:pointer;border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.chapter-item:hover{background:var(--accent-dim)}.chapter-item.locked{opacity:.6}.chapter-name{align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.chapter-name .lock-icon{color:var(--accent);font-size:12px}.chapter-date{color:var(--text-muted);font-size:12px}.reader-container{background:#000;max-width:900px;min-height:100vh;margin:0 auto}.reader-header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a0a0ff2;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.reader-title-area{flex:1;min-width:0}.reader-comic-title{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.reader-chapter-title{font-size:15px;font-weight:600}.reader-nav-buttons{gap:8px;display:flex}.reader-nav-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-secondary);transition:var(--transition);padding:6px 16px;font-size:13px;font-weight:600}.reader-nav-btn:hover:not(:disabled){background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.reader-nav-btn:disabled{opacity:.3;cursor:not-allowed}.reader-pages{flex-direction:column;align-items:center;gap:0;display:flex}.reader-page-img{background:#111;width:100%;display:block}.reader-bottom-nav{background:var(--bg-secondary);border-top:1px solid var(--border);justify-content:center;align-items:center;gap:16px;padding:24px 16px;display:flex}.vip-gate{text-align:center;border:1px dashed var(--accent);border-radius:var(--radius);background:linear-gradient(#f59e0b0d,#ec48990d);margin:20px;padding:60px 20px}.vip-gate-icon{margin-bottom:16px;font-size:48px}.vip-gate-title{margin-bottom:8px;font-size:22px;font-weight:700}.vip-gate-desc{color:var(--text-secondary);margin-bottom:24px;font-size:14px}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);margin-top:48px;padding:32px 0 24px}.footer-content{max-width:var(--max-width);grid-template-columns:2fr 1fr 1fr;gap:32px;margin:0 auto;padding:0 16px;display:grid}.footer-brand{color:var(--accent);margin-bottom:8px;font-size:18px;font-weight:700}.footer-desc{color:var(--text-muted);font-size:13px;line-height:1.6}.footer-title{color:var(--text-primary);margin-bottom:12px;font-size:14px;font-weight:700}.footer-links{flex-direction:column;gap:8px;display:flex}.footer-link{color:var(--text-muted);transition:var(--transition);font-size:13px}.footer-link:hover{color:var(--accent)}.footer-bottom{max-width:var(--max-width);border-top:1px solid var(--border);text-align:center;color:var(--text-muted);margin:24px auto 0;padding:16px 16px 0;font-size:12px}.genre-pill{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);transition:var(--transition);border-radius:100px;padding:6px 14px;font-size:12px;font-weight:500}.genre-pill:hover,.genre-pill.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-card-hover) 50%, var(--bg-card) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mobile-toggle{border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-xs);cursor:pointer;background:0 0;padding:6px 10px;font-size:22px;line-height:1;display:none}.mobile-menu-overlay{z-index:1001;background:#0009;animation:.2s fadeIn;position:fixed;inset:0}.mobile-menu{background:var(--bg-secondary);border-left:1px solid var(--border);flex-direction:column;gap:4px;width:280px;max-width:85vw;height:100%;padding:20px 16px;animation:.25s slideInRight;display:flex;position:absolute;top:0;right:0;overflow-y:auto}.mobile-search{background:var(--bg-card);border:1px solid var(--border);border-radius:100px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 16px;display:flex}.mobile-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:14px}.mobile-menu-item{color:var(--text-secondary);border-radius:var(--radius-sm);transition:var(--transition);padding:14px 16px;font-size:15px;font-weight:600;display:block}.mobile-menu-item:hover,.mobile-menu-item:active{background:var(--accent-dim);color:var(--text-primary)}.mobile-menu-item.donate-link{color:var(--accent);text-align:center;background:#f59e0b1a;border:1px solid #f59e0b33;margin-top:8px}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1024px){.comic-grid{grid-template-columns:repeat(4,1fr)!important}.two-col-layout{grid-template-columns:1fr}.ranking-panel{position:static}.hero-slider{height:300px}.dropdown-menu.wide{grid-template-columns:repeat(3,1fr);min-width:360px}}@media (max-width:768px){.mobile-toggle{display:block}.nav-menu,.search-bar{display:none}.logo{gap:8px;font-size:18px}.logo-icon{font-size:24px}.comic-grid{gap:10px;grid-template-columns:repeat(3,1fr)!important}.hero-slider{grid-template-columns:1fr;height:auto}.hero-sidebar{display:none}.hero-main{border-radius:var(--radius);height:220px}.hero-main-title{font-size:18px}.hero-main-desc{-webkit-line-clamp:2;font-size:12px}.comic-detail-header{text-align:center;flex-direction:column;align-items:center}.detail-cover{width:160px}.detail-actions,.detail-meta{flex-wrap:wrap;justify-content:center}.detail-genres,.detail-stats{justify-content:center}.detail-title{font-size:22px}.footer-content{text-align:center;grid-template-columns:1fr}.section-title{font-size:18px}.section-header{margin-bottom:12px}.genre-pills{gap:6px}.genre-pill{padding:6px 10px;font-size:12px}.ranking-panel{margin-top:24px}.ranking-item{padding:8px 12px}.auth-buttons .btn span{display:none}.dropdown-menu.wide{grid-template-columns:repeat(2,1fr);min-width:280px}.container{padding:0 12px}.page-content{padding-top:16px;padding-bottom:32px}.updates-ticker{height:28px}.ticker-label{padding:2px 8px;font-size:10px}.ticker-item{font-size:11px}.chapter-grid{gap:6px;grid-template-columns:repeat(3,1fr)!important}.chapter-item{padding:8px 10px;font-size:13px}.reader-header{padding:6px 10px!important}.reader-header span{font-size:12px!important}}@media (max-width:480px){.comic-grid{gap:8px;grid-template-columns:repeat(3,1fr)!important}.comic-info{padding:6px 6px 8px}.comic-title{font-size:11px}.comic-chapter{font-size:9px}.comic-cover{border-radius:var(--radius-xs)}.section-title{font-size:15px}.hero-main{height:180px}.hero-main-title{font-size:16px}.hero-main-overlay{padding:12px}.logo{font-size:16px}.logo-icon{font-size:20px}.header{height:50px}.header-inner{padding:0 10px}.detail-cover{width:130px}.detail-title{font-size:18px}.detail-desc{font-size:13px}.btn{padding:7px 14px;font-size:12px}.chapter-grid{grid-template-columns:repeat(2,1fr)!important}.footer{padding:24px 0}.footer-title{font-size:14px}.footer-bottom{padding:12px 0;font-size:11px}.donate-hero{padding:30px 16px}.donate-title{font-size:22px!important}.donate-reasons,.donate-grid,.qr-grid{grid-template-columns:1fr}.donate-amount-pills{gap:6px}.amount-pill{padding:6px 12px;font-size:12px}.thanks-counter{flex-direction:column;gap:12px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.updates-ticker{background:linear-gradient(90deg,#1e1b4b,#312e81,#1e1b4b);border-bottom:1px solid #6366f133;height:32px;overflow:hidden}.ticker-inner{max-width:var(--max-width);align-items:center;gap:12px;height:100%;margin:0 auto;padding:0 16px;display:flex}.ticker-label{color:#fbbf24;white-space:nowrap;background:#fbbf2426;border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:700}.ticker-scroll{white-space:nowrap;gap:60px;animation:20s linear infinite tickerScroll;display:flex}.ticker-item{color:#c7d2fe;white-space:nowrap;font-size:12px}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.donate-hero{text-align:center;border-radius:var(--radius);background:linear-gradient(135deg,#1e1b4b,#312e81,#4c1d95);margin-bottom:40px;padding:60px 20px;position:relative;overflow:hidden}.donate-hero-bg{background:radial-gradient(circle at 30%,#ec489933,#0000 60%),radial-gradient(circle at 70%,#f59e0b33,#0000 60%);position:absolute;inset:0}.donate-hero-content{z-index:1;position:relative}.donate-icon{margin-bottom:16px;font-size:72px;animation:2s ease-in-out infinite donatePulse}@keyframes donatePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.donate-title{background:linear-gradient(135deg,#fbbf24,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:36px;font-weight:900}.donate-subtitle{color:#c7d2fe;max-width:500px;margin:0 auto;font-size:16px;line-height:1.7}.donate-reasons{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px;display:grid}.donate-reason-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;transition:var(--transition-slow);padding:32px 20px}.donate-reason-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 32px #f59e0b26}.reason-icon{margin-bottom:12px;font-size:40px}.donate-reason-card h3{color:var(--accent);margin-bottom:8px;font-size:18px;font-weight:700}.donate-reason-card p{color:var(--text-secondary);font-size:13px;line-height:1.6}.donate-section-title{text-align:center;margin-bottom:24px;font-size:24px;font-weight:800}.donate-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:48px;display:grid}.donate-method-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition-slow);overflow:hidden}.donate-method-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.donate-method-card.bank{border-color:#3b82f64d}.donate-method-card.momo{border-color:#d633844d}.method-header{border-bottom:1px solid var(--border);background:#ffffff08;align-items:center;gap:12px;padding:16px 20px;display:flex}.method-icon{font-size:24px}.method-header h3{font-size:16px;font-weight:700}.method-body{padding:20px}.bank-info{flex-direction:column;gap:12px;display:flex}.bank-row{justify-content:space-between;align-items:center;display:flex}.bank-label{color:var(--text-muted);font-size:13px}.bank-value{color:var(--text-primary);font-size:14px;font-weight:600}.donate-thanks{text-align:center;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:32px;padding:40px 20px}.thanks-icon{margin-bottom:12px;font-size:48px}.donate-thanks h2{color:var(--accent);margin-bottom:8px;font-size:24px;font-weight:800}.donate-thanks p{color:var(--text-secondary);font-size:14px;line-height:1.7}.comic-card-cover{aspect-ratio:3/4;background:var(--bg-surface);border-radius:var(--radius) var(--radius) 0 0;position:relative;overflow:hidden}.comic-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.comic-card:hover .comic-card-cover img{transform:scale(1.05)}.comic-card-overlay{background:linear-gradient(#0000,#000c);padding:24px 8px 8px;position:absolute;bottom:0;left:0;right:0}.comic-card-info{padding:10px 12px 12px}.comic-card-title{color:var(--text-primary);-webkit-line-clamp:2;transition:var(--transition);-webkit-box-orient:vertical;margin-bottom:4px;font-size:13px;font-weight:600;display:-webkit-box;overflow:hidden}.comic-card:hover .comic-card-title{color:var(--accent)}.comic-card-meta{color:var(--text-muted);justify-content:space-between;align-items:center;gap:6px;font-size:11px;display:flex}.comic-card-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.comic-card-author{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.comic-card-viewcount{color:var(--accent);flex-shrink:0;font-weight:600}.comic-card-views{color:#ffffffe6;font-size:11px;font-weight:500}.genre-pills{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.genre-pill{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);transition:var(--transition);cursor:pointer;border-radius:100px;padding:6px 14px;font-size:12px;font-weight:500}.genre-pill:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.donate-amount-pills{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.amount-pill{color:#e0e0ff;cursor:default;background:#ffffff1a;border:1px solid #ffffff26;border-radius:100px;padding:8px 18px;font-size:14px;font-weight:600;transition:all .3s}.amount-pill.hot{color:#fbbf24;background:#f59e0b33;border-color:#f59e0b66}.amount-pill.premium{color:#f9a8d4;background:linear-gradient(135deg,#ec489933,#8b5cf633);border-color:#ec489966}.amount-pill:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.section-glow{font-size:28px;animation:2s ease-in-out infinite glowPulse}@keyframes glowPulse{0%,to{filter:brightness()}50%{filter:brightness(1.5)drop-shadow(0 0 8px #f59e0b80)}}.qr-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px;display:grid}.qr-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;transition:all .4s;position:relative;overflow:hidden}.qr-card:before{content:"";-webkit-mask-composite:xor;background:linear-gradient(135deg,#0000,#0000);border-radius:16px;padding:2px;transition:all .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.qr-card.bank-card:before{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.qr-card.momo-card:before{background:linear-gradient(135deg,#ec4899,#a855f7)}.qr-card.zalo-card:before{background:linear-gradient(135deg,#3b82f6,#6366f1)}.qr-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0006}.qr-card.bank-card:hover{box-shadow:0 12px 40px #3b82f633}.qr-card.momo-card:hover{box-shadow:0 12px 40px #ec489933}.qr-card.zalo-card:hover{box-shadow:0 12px 40px #6366f133}.qr-card-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px 20px;display:flex}.bank-header{background:linear-gradient(135deg,#3b82f61a,#06b6d40d)}.momo-header{background:linear-gradient(135deg,#ec48991a,#a855f70d)}.zalo-header{background:linear-gradient(135deg,#3b82f61a,#6366f10d)}.qr-method-icon{flex-shrink:0;font-size:28px}.qr-card-header h3{margin:0;font-size:16px;font-weight:700}.qr-method-sub{color:var(--text-muted);margin-top:2px;font-size:11px}.qr-card-body{flex-direction:column;align-items:center;gap:16px;padding:20px;display:flex}.qr-image-wrapper{aspect-ratio:auto;border-radius:12px;width:100%;max-width:240px;padding:8px;transition:transform .3s;overflow:hidden}.qr-card:hover .qr-image-wrapper{transform:scale(1.02)}.bank-bg{background:#fff}.momo-bg{background:#fce4ec}.zalo-bg{background:#e3f2fd}.qr-img{border-radius:8px;width:100%;height:auto;display:block}.qr-info{flex-direction:column;gap:8px;width:100%;display:flex}.qr-info-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:6px 0;display:flex}.qr-info-row:last-child{border-bottom:none}.qr-label{color:var(--text-muted);font-size:12px}.qr-value{color:var(--text-primary);font-size:13px;font-weight:600}.qr-value.highlight{color:var(--green);font-weight:700}.qr-value.momo-text{color:#ec4899}.qr-value.zalo-text{color:#6366f1}.thanks-hearts{margin-bottom:12px;font-size:36px;animation:1.5s ease-in-out infinite heartBeat}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.05)}}.thanks-counter{justify-content:center;gap:32px;margin-top:24px;display:flex}.counter-item{text-align:center;border:1px solid var(--border);background:#ffffff08;border-radius:12px;padding:12px 24px}.counter-value{color:var(--accent);font-size:18px;font-weight:800}.counter-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:11px}