.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,rgba(var(--color-primary-rgb, 237, 151, 183),.95),rgba(var(--color-primary-rgb, 237, 151, 183),.85),rgba(var(--color-primary-rgb, 237, 151, 183),.92));-webkit-backdrop-filter:blur(40px) saturate(120%);backdrop-filter:blur(40px) saturate(120%);display:flex;align-items:center;justify-content:center;z-index:9999;animation:overlayEnter .8s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes overlayEnter{0%{opacity:0;-webkit-backdrop-filter:blur(0px) saturate(100%);backdrop-filter:blur(0px) saturate(100%);transform:scale(1.05)}60%{opacity:.9;-webkit-backdrop-filter:blur(25px) saturate(110%);backdrop-filter:blur(25px) saturate(110%);transform:scale(1.01)}to{opacity:1;-webkit-backdrop-filter:blur(40px) saturate(120%);backdrop-filter:blur(40px) saturate(120%);transform:scale(1)}}.loading-close-x{position:absolute;top:32px;right:32px;width:40px;height:40px;cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1);animation:xSlideIn .8s cubic-bezier(.23,1,.32,1) .3s both;display:flex;align-items:center;justify-content:center;color:#ffffffe6;font-size:24px;opacity:1;text-shadow:0 2px 8px rgba(0,0,0,.3)}.loading-close-x svg{flex-shrink:0}.loading-close-x:hover{transform:scale(1.15);color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.4)}.loading-close-x:active{transform:scale(.9);transition-duration:.1s}@keyframes xSlideIn{0%{opacity:0;transform:translate(30px) scale(.8)}60%{transform:translate(-2px) scale(1.02)}to{opacity:.7;transform:translate(0) scale(1)}}.loading-overlay-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;animation:contentRise 1s cubic-bezier(.16,1,.3,1) .2s both;position:relative}@keyframes contentRise{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.loading-wave-container{margin-bottom:60px;position:relative;width:70px;height:70px;display:flex;align-items:center;justify-content:center}.loading-wave{position:relative;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.loading-wave:before{content:"";position:absolute;width:100%;height:100%;border:2px solid rgba(255,255,255,.7);border-radius:50%;animation:ringPulse 5s cubic-bezier(.25,.46,.45,.94) infinite}.loading-wave:after{content:"";position:absolute;width:70%;height:70%;border:1px solid transparent;border-top:1px solid rgba(255,255,255,.9);border-right:1px solid rgba(255,255,255,.7);border-radius:50%;animation:ringSpin 2s linear infinite}.wave-bar{position:absolute;width:8px;height:8px;background:#fffffff2;border-radius:50%;animation:centerGlow 2.2s ease-in-out infinite;box-shadow:0 0 15px #ffffff80}@keyframes ringPulse{0%,to{opacity:.6;border-width:2px}50%{opacity:.8;border-width:1.5px}}@keyframes ringSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes centerGlow{0%{transform:scale(1);opacity:.9;box-shadow:0 0 15px #fff6}25%{transform:scale(1.03);opacity:.95;box-shadow:0 0 16px #ffffff73}50%{transform:scale(1.06);opacity:1;box-shadow:0 0 18px #ffffff80}75%{transform:scale(1.03);opacity:.95;box-shadow:0 0 16px #ffffff73}to{transform:scale(1);opacity:.9;box-shadow:0 0 15px #fff6}}.loading-message{color:#fffffff2;font-size:24px;font-weight:500;margin-bottom:24px;letter-spacing:.5px;animation:textFade 1s cubic-bezier(.16,1,.3,1) .4s both}@keyframes textFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading-tip{color:#fffc;font-size:14px;font-weight:400;animation:tipFade 1s cubic-bezier(.16,1,.3,1) .6s both;max-width:280px;line-height:1.5}@keyframes tipFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.loading-close-x{top:20px;right:20px;width:36px;height:36px;font-size:18px}.loading-message{font-size:20px;margin-bottom:20px}.loading-tip{font-size:13px;max-width:260px}.loading-wave-container{margin-bottom:48px;width:80px;height:48px}.wave-bar{width:6px;height:6px}}[data-mode=dark] .loading-overlay{background:linear-gradient(135deg,rgba(var(--color-primary-rgb, 237, 151, 183),.9),rgba(var(--color-primary-rgb, 237, 151, 183),.8),rgba(var(--color-primary-rgb, 237, 151, 183),.85))}[data-mode=dark] .loading-close-x{color:#fffffff2;text-shadow:0 2px 8px rgba(0,0,0,.5)}[data-mode=dark] .loading-close-x:hover{color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.6)}@media(prefers-reduced-motion:reduce){.loading-overlay,.loading-overlay-content,.loading-close-x,.loading-message,.loading-tip{animation:none}.loading-wave:before{animation:reducedSpin 2s linear infinite}.loading-wave:after{animation:none}.wave-bar{animation:none}@keyframes reducedSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}.loading-overlay,.loading-overlay-content,.loading-wave,.loading-wave:before,.loading-wave:after,.wave-bar,.loading-close-x{will-change:transform,opacity;transform:translateZ(0)}.announcement-card-modern{background:var(--surface-color, #ffffff);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .25s ease-out;border:1px solid var(--border-color-light, rgba(0, 0, 0, .06));box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;height:100%;position:relative}.announcement-card-modern:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000014;border-color:var(--border-color, rgba(0, 0, 0, .12))}.announcement-card-modern:active{transform:translateY(0);transition-duration:.1s}.announcement-card-image-container{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:var(--skeleton-bg, #f5f5f5)}.announcement-card-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease-out}.announcement-card-modern:hover .announcement-card-image{transform:scale(1.03)}.announcement-card-date-badge{position:absolute;top:12px;right:12px;background:#000000bf;color:#fff;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:500;letter-spacing:.5px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.announcement-card-content{padding:12px;flex:1;display:flex;flex-direction:column;gap:8px}.announcement-card-title{font-size:16px;font-weight:600;color:var(--text-color, #1d1d1f);margin:0;line-height:1.3;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.announcement-card-preview{font-size:14px;color:var(--text-secondary-color, #86868b);line-height:1.4;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.announcement-card-actions{margin-top:auto;padding-top:4px}.announcement-card-read-btn{background:var(--color-primary, #007aff);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease-out;width:100%;text-align:center;letter-spacing:.2px}.announcement-card-read-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #007aff4d}.announcement-card-read-btn:active{transform:translateY(0);box-shadow:0 2px 6px #007aff33}@media(prefers-color-scheme:dark){.announcement-card-modern{background:var(--surface-color, #1c1c1e);border-color:var(--border-color-light, rgba(255, 255, 255, .08));box-shadow:0 1px 3px #0000001f}.announcement-card-modern:hover{box-shadow:0 8px 25px #0000004d;border-color:var(--border-color, rgba(255, 255, 255, .15))}.announcement-card-title{color:var(--text-color, #f2f2f7)}.announcement-card-preview{color:var(--text-secondary-color, #8e8e93)}.announcement-card-image-container{background:var(--skeleton-bg, #2c2c2e)}}@media(max-width:1024px){.announcement-card-content{padding:10px}.announcement-card-title{font-size:15px}.announcement-card-preview{font-size:13px}.announcement-card-read-btn{padding:7px 14px;font-size:12px}}@media(max-width:768px){.announcement-card-modern{display:none}}.announcements-container{width:100%;max-width:1200px;margin:0 auto;padding:1.5rem;border-radius:16px;background-color:var(--surface-color, #fff);box-shadow:0 10px 30px #00000014;transition:all .3s ease}.announcements-title{font-size:1.75rem;margin-bottom:2rem;color:var(--text-color);font-weight:700;text-align:center;position:relative;padding-bottom:.75rem}.announcements-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:4px}.announcements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.announcements-header .announcements-title{margin-bottom:0;text-align:left;padding-bottom:0}.announcements-header .announcements-title:after{left:0;transform:none;width:60px;bottom:-10px}.announcements-more{color:var(--color-primary, #4a7dff);text-decoration:none;font-size:.95rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center}.announcements-more:hover{color:var(--color-primary-dark);transform:translate(3px)}.announcements-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--text-secondary-color, #888);font-size:1.1rem}.announcements-empty-icon{width:80px;height:80px;background-image:url(/assets/icon_empty-DGi-_YQR.png);background-size:contain;background-position:center;background-repeat:no-repeat;margin-bottom:1.5rem;opacity:.7}.announcements-list{display:grid;gap:1.5rem;width:100%}.announcements-list-desktop{grid-template-columns:repeat(3,1fr)}.announcements-list-tablet{grid-template-columns:repeat(2,1fr)}.announcements-list-mobile{grid-template-columns:1fr}.announcement-card-content{flex:1;padding:1rem;display:flex;flex-direction:column}.announcement-card-title{font-size:1.1rem;font-weight:600;color:var(--text-color, #333);margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.announcement-card-preview{font-size:.9rem;color:var(--text-secondary-color, #666);line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1}.announcements-page-container{width:100%;max-width:1200px;margin:0 auto 2rem;padding:1.5rem;border-radius:16px;background-color:var(--surface-color, #fff);box-shadow:0 10px 30px #00000014}.announcements-page-header{margin-bottom:2.5rem;text-align:center}.announcements-page-title{font-size:2rem;color:var(--text-color);font-weight:700;margin-bottom:.5rem;position:relative;display:inline-block}.announcements-page-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:4px}.announcements-page-subtitle{font-size:1.1rem;color:var(--text-secondary-color, #666);margin-top:1rem}.announcements-load-more{padding:2rem 0;text-align:center}.announcements-load-more-button{background-color:transparent;color:var(--color-primary, #4a7dff);border:1px solid var(--color-primary, #4a7dff);border-radius:30px;padding:.8rem 2rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.announcements-load-more-button:hover{background-color:var(--color-primary, #4a7dff);color:#fff;transform:translateY(-3px);box-shadow:0 5px 15px #4a7dff4d}.announcements-no-more{color:var(--text-secondary-color, #888);font-size:.95rem;padding:1rem}@media(max-width:768px){.announcements-page-container{padding:1rem;border-radius:12px}.announcements-page-title{font-size:1.6rem}.announcements-page-subtitle{font-size:.95rem}.announcements-load-more-button{padding:.6rem 1.5rem;font-size:.9rem}}.announcements-error,.announcements-empty{text-align:center;padding:2rem;color:var(--text-secondary-color, #666);font-size:1rem}.announcements-error{color:var(--error-color, #e53935)}.announcements-empty{color:var(--text-secondary-color, #666);font-style:italic}@media(max-width:768px){.announcements-list-mobile{display:flex;flex-direction:column;gap:0}}.announcement-item{background-color:var(--surface-color);border-bottom:1px solid var(--border-secondary-color);transition:all .2s ease;cursor:pointer}.announcement-item:last-child{border-bottom:none}.announcement-item:active{background-color:var(--background-secondary-color);transform:scale(.98)}.announcement-item-inner{display:flex;align-items:flex-start;padding:12px 16px;gap:12px}.announcement-item-image-container{flex-shrink:0;width:80px;height:100px;border-radius:4px;overflow:hidden;position:relative}.announcement-item-image{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.announcement-item-image-container:active .announcement-item-image{transform:scale(1.05)}.announcement-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.announcement-item-title{font-size:16px;font-weight:600;color:var(--text-color, #333);margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.announcement-item-preview{font-size:14px;color:var(--text-secondary-color, #666);line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.announcement-item-date{font-size:12px;color:var(--text-muted-color, #999);margin:0;font-weight:400}@media(prefers-color-scheme:dark){.announcement-item{background-color:var(--surface-color);border-bottom-color:var(--border-secondary-color)}.announcement-item:active{background-color:var(--background-secondary-color)}.announcement-item-title{color:var(--text-color, #e0e0e0)}.announcement-item-preview{color:var(--text-secondary-color, #b0b0b0)}.announcement-item-date{color:var(--text-secondary-color, #888)}}.pc-announcement-dialog-native{padding:0;border:none;border-radius:16px;box-shadow:0 20px 40px #0003;max-width:900px;width:90%;max-height:80vh;background:transparent;color:var(--text-color, #333);overflow:visible;overscroll-behavior:contain;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}.pc-announcement-dialog-native:before{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;background-image:url(/images/icon_announcement.png);background-size:contain;background-repeat:no-repeat;background-position:center;z-index:1000;pointer-events:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));animation:float-announcement-icon 3s ease-in-out infinite}@keyframes float-announcement-icon{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(2deg)}}.pc-announcement-dialog-native::backdrop{background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pc-announcement-dialog-panel{position:relative;background-color:var(--modal-bg, #fff);border-radius:16px;overflow:hidden;width:100%;height:100%;display:flex;flex-direction:column}.pc-announcement-dialog-flex-container{display:flex;flex-direction:row;height:100%;max-height:80vh;overflow:hidden}.pc-announcement-dialog-image-container{flex:0 0 45%;max-height:80vh;overflow:hidden;border-radius:16px 0 0 16px;position:relative;cursor:pointer}.pc-announcement-dialog-image{width:100%;height:100%;object-fit:cover;object-position:center;cursor:zoom-in;display:block}.pc-announcement-dialog-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;border-radius:inherit}.pc-announcement-dialog-image-container:hover .pc-announcement-dialog-image-overlay{opacity:1}.pc-announcement-dialog-image-hint{font-size:.9rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.8)}.pc-announcement-dialog-content{flex:1;display:flex;flex-direction:column;max-height:80vh;padding:0;background-color:var(--surface-color);box-sizing:border-box;overflow:hidden;min-width:0;position:relative}.pc-announcement-dialog-header{padding:20px 20px 12px 24px;border-bottom:1px solid var(--border-color, #eaeaea);box-sizing:border-box}.pc-announcement-dialog-title{margin:0 0 8px;font-size:1.5rem;font-weight:700;color:var(--text-color, #333);line-height:1.3}.pc-announcement-dialog-date{color:var(--text-muted-color, #666);font-size:.875rem;margin:0}.pc-announcement-dialog-body-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 20px 20px 24px;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb, #ccc) var(--scrollbar-track, #f5f5f5);box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;display:flex;flex-direction:column}.pc-announcement-dialog-body-container::-webkit-scrollbar{width:6px}.pc-announcement-dialog-body-container::-webkit-scrollbar-track{background:var(--scrollbar-track, #f5f5f5);border-radius:3px}.pc-announcement-dialog-body-container::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, #ccc);border-radius:3px}.pc-announcement-dialog-body-container::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, #999)}.pc-announcement-dialog-body{line-height:1.7;color:var(--text-color, #333);font-size:1rem;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;flex:1;margin-bottom:20px}.pc-announcement-dialog-body p{margin:0 0 1rem;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.pc-announcement-dialog-body p:last-child{margin-bottom:0}.pc-announcement-link{color:var(--color-primary, #4a7dff);text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease}.pc-announcement-link:hover{color:var(--color-primary-dark);border-bottom-color:var(--color-primary)}.pc-announcement-dialog-button{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #4a7dff4d;align-self:center;margin-top:auto;min-width:150px}.pc-announcement-dialog-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));box-shadow:0 6px 20px #4a7dff66;transform:translateY(-2px)}.pc-announcement-dialog-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #4a7dff4d}.pc-announcement-dialog-button:disabled{background:var(--btn-disabled-bg, #ccc);box-shadow:none;cursor:not-allowed}[data-theme=dark] .pc-announcement-dialog-native{color:var(--text-color)}[data-theme=dark] .pc-announcement-dialog-panel,[data-theme=dark] .pc-announcement-dialog-content{background-color:var(--surface-color)}[data-theme=dark] .pc-announcement-dialog-header{border-bottom-color:var(--border-color)}[data-theme=dark] .pc-announcement-dialog-title{color:var(--text-color)}[data-theme=dark] .pc-announcement-dialog-date{color:var(--text-muted-color)}[data-theme=dark] .pc-announcement-dialog-body{color:var(--text-color)}[data-theme=dark] .pc-announcement-dialog-body-container::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}[data-theme=dark] .pc-announcement-dialog-body-container::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color)}[data-theme=dark] .pc-announcement-dialog-body-container::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover-color)}.mobile-announcement-bottomsheet-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1500;opacity:0;transition:opacity .3s ease;display:flex;align-items:flex-end}.mobile-announcement-bottomsheet-backdrop:before{content:"";position:absolute;bottom:-120px;right:10px;width:120px;height:120px;background-image:url(/images/icon_announcement.png);background-size:contain;background-repeat:no-repeat;background-position:center;z-index:1000;pointer-events:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));opacity:0;transition:opacity .3s ease,bottom .3s ease}.mobile-announcement-bottomsheet-backdrop.show:before{opacity:1;bottom:calc(85vh - 60px);animation:float-announcement-icon-mobile 3s ease-in-out infinite .3s}@keyframes float-announcement-icon-mobile{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(2deg)}}.mobile-announcement-bottomsheet-backdrop.show{opacity:1}.mobile-announcement-bottomsheet{width:100%;max-height:85vh;background-color:var(--surface-color);border-radius:20px 20px 0 0;box-shadow:0 -10px 30px #0003;transform:translateY(100%);transition:transform .3s ease;display:flex;flex-direction:column;overflow:hidden}.mobile-announcement-bottomsheet.show{transform:translateY(0)}.mobile-bottomsheet-handle{padding:12px 0 8px;display:flex;justify-content:center;align-items:center;background-color:var(--surface-color);border-radius:20px 20px 0 0}.mobile-bottomsheet-handle-bar{width:40px;height:4px;background-color:var(--border-secondary-color);border-radius:2px}.mobile-announcement-content{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:0 16px 16px;background-color:var(--surface-color)}.mobile-announcement-image-container{width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden;border-radius:12px;margin-bottom:16px;cursor:pointer}.mobile-announcement-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center;cursor:zoom-in}.mobile-announcement-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;border-radius:inherit}.mobile-announcement-image-container:active .mobile-announcement-image-overlay{opacity:1}.mobile-announcement-image-hint{font-size:.85rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.8)}.mobile-announcement-header{margin-bottom:16px}.mobile-announcement-title{margin:0 0 8px;font-size:1.25rem;font-weight:700;color:var(--text-color, #333);line-height:1.4}.mobile-announcement-date{color:var(--text-muted-color, #666);font-size:.8rem;margin:0}.mobile-announcement-body-container{flex:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.mobile-announcement-body-container::-webkit-scrollbar{display:none}.mobile-announcement-body{line-height:1.6;color:var(--text-color, #333);font-size:.95rem}.mobile-announcement-body p{margin:0 0 .8rem}.mobile-announcement-body p:last-child{margin-bottom:0}.mobile-announcement-link{color:var(--color-primary, #4a7dff);text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease;word-break:break-all}.mobile-announcement-link:active{color:var(--color-primary-dark, #3366cc);border-bottom-color:var(--color-primary, #4a7dff)}.mobile-announcement-footer{padding:16px;margin-top:16px;border-top:1px solid var(--border-color, #eaeaea)}.mobile-announcement-button{width:100%;background:linear-gradient(135deg,var(--color-primary, #4a7dff),var(--color-primary-light, #6a9dff));color:#fff;border:none;padding:16px 24px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #4a7dff4d}.mobile-announcement-button:active:not(:disabled){background:linear-gradient(135deg,var(--color-primary-dark, #3366cc),var(--color-primary, #4a7dff));box-shadow:0 2px 8px #4a7dff66;transform:scale(.98)}.mobile-announcement-button:disabled{background:var(--btn-disabled-bg, #ccc);box-shadow:none;cursor:not-allowed}@media(max-width:360px){.mobile-announcement-content{padding:0 12px 12px}.mobile-announcement-title{font-size:1.1rem}.mobile-announcement-body{font-size:.9rem}.mobile-announcement-button{padding:14px 20px;font-size:.95rem}}@media(min-width:414px)and (max-width:767px){.mobile-announcement-bottomsheet{max-height:90vh}.mobile-announcement-image-container{padding-bottom:50%}.mobile-announcement-content{padding:0 20px 20px}}:root{--skeleton-base-color: #ebebeb;--skeleton-highlight-color: #f5f5f5;--skeleton-border-radius: 8px;--skeleton-animation-duration: 1.5s}@media(prefers-color-scheme:dark){:root{--skeleton-base-color: #2a2a2a;--skeleton-highlight-color: #3a3a3a}}[data-mode=dark]{--skeleton-base-color: #2a2a2a;--skeleton-highlight-color: #3a3a3a}.announcements-skeleton-container{width:100%;max-width:1200px;margin:0 auto;padding:1.5rem}.announcements-skeleton-list-desktop{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%}.announcements-skeleton-list-tablet{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%}.announcements-skeleton-list-mobile{display:flex;flex-direction:column;gap:0;width:100%}.announcement-card-skeleton{height:100%;border-radius:16px;overflow:hidden;background-color:var(--card-inner-bg, #f9f9f9);box-shadow:0 4px 15px #0000000d;position:relative}.announcement-card-skeleton-inner{display:flex;flex-direction:column;height:100%}.announcement-image-skeleton-container{flex:0 0 200px;width:100%;overflow:hidden;border-radius:16px 16px 0 0}.announcement-card-skeleton-content{flex:1;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.announcement-card-skeleton-title{margin-bottom:.5rem}.announcement-card-skeleton-preview{flex:1;margin-bottom:1rem}.announcement-card-skeleton-button{margin-top:auto}.announcement-item-skeleton{padding:1rem;border-bottom:1px solid var(--border-color-light, #e5e5e5);background-color:var(--surface-color, #fff);cursor:pointer;transition:background-color .2s ease}.announcement-item-skeleton:last-child{border-bottom:none}.announcement-item-skeleton-inner{display:flex;gap:1rem;align-items:flex-start}.announcement-item-skeleton-image{flex:0 0 80px;height:80px;border-radius:8px;overflow:hidden}.announcement-item-skeleton-content{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.announcement-item-skeleton-title{margin-bottom:.25rem}.announcement-item-skeleton-preview{margin-bottom:.5rem}.announcement-item-skeleton-date{margin-top:auto}@media(max-width:1024px){.announcements-skeleton-list-desktop{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.announcements-skeleton-container{padding:1rem}.announcements-skeleton-list-desktop,.announcements-skeleton-list-tablet{display:flex;flex-direction:column;gap:0}.announcement-card-skeleton{border-radius:0;border-bottom:1px solid var(--border-color-light, #e5e5e5);box-shadow:none;background-color:var(--surface-color, #fff)}.announcement-card-skeleton-inner{flex-direction:row;height:auto;padding:1rem;align-items:flex-start;gap:1rem}.announcement-image-skeleton-container{flex:0 0 80px;height:80px;border-radius:8px}.announcement-card-skeleton-content{padding:0;flex:1;gap:.5rem}}@media(prefers-color-scheme:dark){.announcement-card-skeleton{background-color:var(--surface-color, #1a1a1a);border-color:var(--border-color-light, #333)}.announcement-item-skeleton{background-color:var(--surface-color, #1a1a1a);border-bottom-color:var(--border-color-light, #333)}}[data-mode=dark] .announcement-card-skeleton{background-color:var(--surface-color, #1a1a1a);border-color:var(--border-color-light, #333)}[data-mode=dark] .announcement-item-skeleton{background-color:var(--surface-color, #1a1a1a);border-bottom-color:var(--border-color-light, #333)}.announcements-skeleton-container *{will-change:background}.announcements-section-skeleton-container{width:100%;max-width:1200px;margin:0 auto;padding:1.5rem;border-radius:16px;background-color:var(--surface-color, #fff);box-shadow:0 10px 30px #00000014;transition:all .3s ease}.announcements-section-skeleton-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:.75rem;position:relative}.announcements-section-skeleton-header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--skeleton-base-color, #ebebeb);border-radius:3px}.announcements-section-skeleton-title{font-weight:700}.announcements-section-skeleton-more{display:flex;align-items:center}.announcements-section-skeleton-desktop{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%}.announcements-section-skeleton-tablet{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%}.announcements-section-skeleton-mobile{display:flex;flex-direction:column;gap:0;width:100%}.announcement-section-card-skeleton{height:320px;border-radius:16px;overflow:hidden;background-color:var(--card-inner-bg, #f9f9f9);box-shadow:0 4px 15px #0000000d;position:relative;transition:transform .3s cubic-bezier(.25,.8,.25,1)}.announcement-section-card-skeleton-inner{display:flex;flex-direction:column;height:100%}.announcement-section-image-skeleton-container{flex:0 0 160px;width:100%;overflow:hidden;border-radius:16px 16px 0 0}.announcement-section-card-skeleton-content{flex:1;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.announcement-section-card-skeleton-title{margin-bottom:.5rem}.announcement-section-card-skeleton-preview{flex:1;margin-bottom:.75rem}.announcement-section-card-skeleton-button{margin-top:auto}.announcement-section-item-skeleton{padding:.875rem;border-bottom:1px solid var(--border-color-light, #e5e5e5);background-color:var(--surface-color, #fff);cursor:pointer;transition:background-color .2s ease}.announcement-section-item-skeleton:last-child{border-bottom:none}.announcement-section-item-skeleton-inner{display:flex;gap:.875rem;align-items:flex-start}.announcement-section-item-skeleton-image{flex:0 0 70px;height:70px;border-radius:8px;overflow:hidden}.announcement-section-item-skeleton-content{flex:1;display:flex;flex-direction:column;gap:.375rem;min-width:0}.announcement-section-item-skeleton-title{margin-bottom:.25rem}.announcement-section-item-skeleton-preview{margin-bottom:.375rem}.announcement-section-item-skeleton-date{margin-top:auto}@media(max-width:1024px){.announcements-section-skeleton-desktop{grid-template-columns:repeat(2,1fr)}.announcement-section-card-skeleton{height:280px}.announcement-section-image-skeleton-container{flex:0 0 140px}}@media(max-width:768px){.announcements-section-skeleton-container{padding:1rem;border-radius:12px}.announcements-section-skeleton-header{margin-bottom:1.5rem}.announcements-section-skeleton-desktop,.announcements-section-skeleton-tablet{display:flex;flex-direction:column;gap:0}.announcement-section-card-skeleton{border-radius:0;border-bottom:1px solid var(--border-color-light, #e5e5e5);box-shadow:none;background-color:var(--surface-color, #fff);height:auto}.announcement-section-card-skeleton-inner{flex-direction:row;height:auto;padding:.875rem;align-items:flex-start;gap:.875rem}.announcement-section-image-skeleton-container{flex:0 0 70px;height:70px;border-radius:8px}.announcement-section-card-skeleton-content{padding:0;flex:1;gap:.375rem}}@media(prefers-color-scheme:dark){.announcements-section-skeleton-container{background-color:var(--surface-color, #1a1a1a);box-shadow:0 10px 30px #0000004d}.announcement-section-card-skeleton{background-color:var(--card-inner-bg, #2a2a2a);border-color:var(--border-color-light, #333)}.announcement-section-item-skeleton{background-color:var(--surface-color, #1a1a1a);border-bottom-color:var(--border-color-light, #333)}.announcements-section-skeleton-header:after{background:var(--skeleton-base-color, #3a3a3a)}}[data-mode=dark] .announcements-section-skeleton-container{background-color:var(--surface-color, #1a1a1a);box-shadow:0 10px 30px #0000004d}[data-mode=dark] .announcement-section-card-skeleton{background-color:var(--card-inner-bg, #2a2a2a);border-color:var(--border-color-light, #333)}[data-mode=dark] .announcement-section-item-skeleton{background-color:var(--surface-color, #1a1a1a);border-bottom-color:var(--border-color-light, #333)}[data-mode=dark] .announcements-section-skeleton-header:after{background:var(--skeleton-base-color, #3a3a3a)}.announcements-section-skeleton-container *{will-change:background}.comic-card{position:relative;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-light);background-color:var(--surface-color);transition:all .3s cubic-bezier(.2,.85,.25,1);cursor:pointer;height:100%;border:1px solid var(--border-color);will-change:transform,box-shadow}.comic-card__cover{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;background-color:var(--background-secondary-color)}.comic-card__cover-img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.16,1,.3,1);backface-visibility:hidden}.comic-card__cover-img{opacity:0;transition:opacity .3s ease}.comic-card__cover-img--loaded{opacity:1}.comic-card__overlay{position:absolute;bottom:0;left:0;right:0;padding:30px 10px 10px;background:linear-gradient(to top,#000c,#00000080 70%,#0000);color:#fff;transform:translateY(0);transition:all .3s ease;opacity:.9}.comic-card:hover .comic-card__overlay{opacity:1;padding-top:35px}.comic-card__info{padding:8px 10px;transition:transform .3s ease;position:relative;z-index:1}.comic-card__overlay-title{font-size:12px;font-weight:600;line-height:1.3;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-shadow:0 1px 2px rgba(0,0,0,.3)}.comic-card__overlay-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;opacity:.9;margin-top:5px;padding:0 2px}.comic-card__meta-group{display:flex;align-items:center;gap:8px}.comic-card__stat--pages,.comic-card__author{display:flex;align-items:center;background-color:#00000080;padding:1px 4px;border-radius:3px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);white-space:nowrap}.comic-card__stat--pages{overflow:visible;min-width:fit-content;font-size:7px}.comic-card__stat-value{font-weight:500;display:inline-block}.comic-card__author{max-width:45%;overflow:hidden;font-size:9px;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.comic-card__author:hover{background-color:#fff3;transform:scale(1.05)}.comic-card__author-name{font-weight:500;overflow:hidden;text-overflow:ellipsis}.comic-card__meta-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-secondary-color);margin-top:3px}.comic-card__meta-row--three-columns{justify-content:space-between;width:100%}.comic-card__stat{display:flex;align-items:center;gap:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:33%}.comic-card__stat-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comic-card__stat--likes{color:var(--link-color);font-weight:600;text-align:center;justify-content:center}.comic-card__stat--episodes{justify-content:flex-end;color:var(--text-secondary-color)}.comic-card__icon{width:14px;height:14px}.comic-card__icon--small{width:14px;height:14px;min-width:14px;opacity:.9}.comic-card__badge{position:absolute;padding:2px 8px;font-size:10px;background-color:#000000b3;color:#fff;border-radius:4px;z-index:2;font-weight:600;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transition:transform .3s ease}.comic-card__badge--left{top:8px;left:8px}.comic-card:hover .comic-card__badge{transform:translateY(-2px)}.comic-card__category-badges{position:absolute;top:10px;right:8px;display:flex;flex-direction:column;gap:5px;z-index:3}.comic-card__category-badge{padding:2px 6px;font-size:10px;line-height:1.2;color:#fff;border-radius:3px;white-space:nowrap;text-align:center;font-weight:500;box-shadow:0 1px 3px #0003;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);max-width:70px;overflow:hidden;text-overflow:ellipsis;transition:transform .2s ease,opacity .2s ease}.comic-card:hover .comic-card__category-badge{transform:translate(-3px)}.comic-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-5px)}.comic-card:hover .comic-card__cover-img{transform:scale(1.07)}.comic-card:active{transform:translateY(-2px) scale(.98);transition:transform .15s}@media(hover:hover){.comic-card__overlay{transform:translateY(5px);opacity:.7}.comic-card:hover .comic-card__overlay{transform:translateY(0);opacity:1}}@media(max-width:500px){.comic-card__overlay-title{-webkit-line-clamp:1;line-clamp:1;font-size:11px}.comic-card__meta-group{gap:6px}.comic-card__author,.comic-card__stat--pages{font-size:8px;padding:0 3px}.comic-card__author-name{font-size:8px}.comic-card__icon--small{width:8px;height:8px;min-width:8px}.comic-card__badge{font-size:9px;padding:1px 6px}}@media(prefers-color-scheme:dark){.comic-card{box-shadow:0 3px 10px #0003}.comic-card:hover{box-shadow:0 10px 25px #00000040}}@media(max-width:768px){.comic-card__info{padding:6px 8px}.comic-card__meta-row,.comic-card__author{font-size:11px}.comic-card__icon{width:12px;height:12px}.comic-card:hover{transform:translateY(-3px)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.comic-card--compact{border-radius:8px;min-height:200px}.comic-card--compact .comic-card__cover{aspect-ratio:3/4.2}.comic-card--compact .comic-card__info{padding:6px 8px}.comic-card--compact .comic-card__meta-row{font-size:11px;margin-top:2px}.comic-card--compact .comic-card__stat{font-size:10px}.comic-card--compact .comic-card__icon{width:12px;height:12px}.comic-card--compact .comic-card__icon--small{width:11px;height:11px}.comic-card--compact .comic-card__overlay{padding:8px}.comic-card--compact .comic-card__overlay-title{font-size:12px;-webkit-line-clamp:1;line-clamp:1}.comic-card--compact .comic-card__overlay-meta{font-size:10px}.comic-card--compact .comic-card__author,.comic-card--compact .comic-card__stat--pages{font-size:9px;padding:1px 3px}.comic-card--compact .comic-card__badge{font-size:9px;padding:1px 6px}.comic-card--compact .comic-card__category-badge{font-size:9px;padding:1px 4px}@media(max-width:768px){.comic-card--compact{min-height:180px}.comic-card--compact .comic-card__info{padding:4px 6px}.comic-card--compact .comic-card__meta-row{font-size:10px}.comic-card--compact .comic-card__stat{font-size:9px}.comic-card--compact .comic-card__icon{width:10px;height:10px}}@media(max-width:480px){.comic-card--compact{min-height:160px}.comic-card--compact .comic-card__info{padding:3px 5px}.comic-card--compact .comic-card__overlay{padding:6px}.comic-card--compact .comic-card__overlay-title{font-size:10px}}.comic-card__progress-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal, .3s ease);z-index:5;pointer-events:none}.comic-card:hover .comic-card__progress-overlay{opacity:1}.progress-circle{position:relative;width:60px;height:60px}.circular-progress{transform:rotate(-90deg);width:100%;height:100%}.circle-bg{fill:none;stroke:#fff3;stroke-width:3}.circle{fill:none;stroke:var(--color-primary, #007aff);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray var(--transition-slow, .5s ease)}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:600;color:var(--color-white, #ffffff)}.progress-info{margin-top:8px;font-size:12px;color:var(--color-white, #ffffff);text-align:center;font-weight:500}@media(max-width:768px){.comic-card__progress-overlay{opacity:.9;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);bottom:0;top:auto;height:40px;flex-direction:row;justify-content:space-between;padding:8px 12px}.progress-circle{width:24px;height:24px}.progress-text{font-size:10px}.progress-info{margin-top:0;margin-left:auto}}@media(max-width:480px){.comic-card__progress-overlay{height:32px;padding:6px 10px}.progress-circle{width:20px;height:20px}.progress-text{font-size:8px}.progress-info{font-size:10px}}.recommendation-card{height:100%;box-shadow:0 2px 8px #00000014;transition:all .3s cubic-bezier(.25,.8,.25,1)}.recommendation-card:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-3px)}.swiper-slide .recommendation-card{width:100%;height:100%;min-height:240px}.recommendation-card.comic-card--compact .comic-card__info{padding:6px 8px}.recommendation-card.comic-card--compact .comic-card__overlay-title{font-size:11px;-webkit-line-clamp:1;line-clamp:1}@media(max-width:768px){.swiper-slide .recommendation-card{min-height:180px}.recommendation-card.comic-card--compact .comic-card__info{padding:3px 5px}.recommendation-card.comic-card--compact .comic-card__author-name{font-size:10px}.recommendation-card.comic-card--compact .comic-card__overlay{padding:6px}.recommendation-card.comic-card--compact .comic-card__stat{font-size:9px}.recommendation-card.comic-card--compact .comic-card__icon--small{width:10px;height:10px}}@media(max-width:360px){.swiper-slide .recommendation-card{min-height:160px}.recommendation-card.comic-card--compact .comic-card__author-name{font-size:9px}.recommendation-card.comic-card--compact .comic-card__info{padding:2px 4px}}.recommendations-skeleton{display:flex;gap:1.5rem;width:100%;overflow:hidden}.recommendations-skeleton--desktop{justify-content:flex-start}.recommendations-skeleton--mobile{gap:.75rem}.recommendations-skeleton__item{flex:0 0 auto;width:200px;aspect-ratio:3/4;border-radius:8px;overflow:hidden;background-color:var(--surface-color);box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column}.recommendations-skeleton--desktop .recommendations-skeleton__item{width:200px}.recommendations-skeleton--mobile .recommendations-skeleton__item{width:140px}.recommendations-skeleton__image{width:100%;height:70%;background-color:var(--color-gray-200)}.recommendations-skeleton__info{padding:.75rem;height:30%;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--surface-color)}.recommendations-skeleton__title,.recommendations-skeleton__author{margin-bottom:.25rem}.recommendations-skeleton__meta{display:flex;gap:.5rem;align-items:center}@media(max-width:768px){.recommendations-skeleton{gap:.75rem}.recommendations-skeleton__item{width:140px}.recommendations-skeleton__info{padding:.5rem}}@media(max-width:480px){.recommendations-skeleton{gap:.5rem}.recommendations-skeleton__item{width:120px}.recommendations-skeleton__info{padding:.4rem}.recommendations-skeleton__meta{gap:.25rem}}.recommendations-skeleton .react-loading-skeleton{--base-color: var(--color-gray-200);--highlight-color: var(--color-gray-300);--animation-duration: 1.5s;--animation-direction: normal}@media(prefers-color-scheme:dark){.recommendations-skeleton .react-loading-skeleton{--base-color: var(--color-gray-700);--highlight-color: var(--color-gray-600)}}.recommendations-carousel{width:100%;margin:2rem 0;padding:0 1rem}.recommendations-carousel--desktop{max-width:1200px;margin:2rem auto}.recommendations-carousel--mobile{padding:0 .5rem;margin:1.5rem 0}.recommendations-carousel--tablet{padding:0 .75rem}.recommendations-carousel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;position:relative}.recommendations-carousel__title{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0;position:relative;padding-bottom:.5rem}.recommendations-carousel__title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:2px}.recommendations-carousel__content{position:relative}.recommendations-carousel__swiper{width:100%;padding:.5rem 0;margin:0 -.5rem}.recommendations-carousel__swiper .swiper-slide{height:auto;display:flex}.recommendations-carousel__pagination{margin-top:1rem;text-align:center}.recommendations-carousel__pagination .swiper-pagination-bullet{width:8px;height:8px;background-color:var(--color-gray-400);opacity:.5;transition:all .3s ease}.recommendations-carousel__pagination .swiper-pagination-bullet-active{background-color:var(--color-primary);opacity:1;transform:scale(1.2)}.recommendations-carousel__error{display:flex;align-items:center;justify-content:center;min-height:200px;text-align:center;background-color:var(--surface-color);border-radius:12px;border:2px dashed var(--color-gray-300);gap:1rem}.recommendations-carousel__error-icon{font-size:2.5rem;opacity:.6}.recommendations-carousel__error-content{display:flex;flex-direction:column;gap:.5rem}.recommendations-carousel__error-message{font-size:1rem;font-weight:600;color:var(--text-color);margin:0}.recommendations-carousel__error-detail{font-size:.85rem;color:var(--text-muted-color);margin:0}.recommendations-carousel__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center;background-color:var(--surface-color);border-radius:12px;border:2px dashed var(--color-gray-300);gap:1rem;padding:2rem}.recommendations-carousel__empty-icon{font-size:3rem;opacity:.6}.recommendations-carousel__empty-message{font-size:1rem;color:var(--text-muted-color);margin:0}.recommendations-carousel__retry-btn{padding:.5rem 1rem;border:2px solid var(--color-primary);background-color:transparent;color:var(--color-primary);border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.recommendations-carousel__retry-btn:hover{background-color:var(--color-primary);color:#fff;transform:translateY(-1px)}@media(max-width:768px){.recommendations-carousel{margin:1.5rem 0}.recommendations-carousel__header{margin-bottom:1rem}.recommendations-carousel__title{font-size:1.3rem}.recommendations-carousel__swiper{margin:0;padding:.25rem 0;min-height:200px}.recommendations-carousel__swiper .swiper-slide{min-height:190px}.recommendations-carousel__error,.recommendations-carousel__empty{min-height:150px;padding:1.5rem;gap:.75rem}.recommendations-carousel__error-icon,.recommendations-carousel__empty-icon{font-size:2rem}.recommendations-carousel__error-message,.recommendations-carousel__empty-message{font-size:.9rem}}@media(max-width:480px){.recommendations-carousel{margin:1rem 0;padding:0 .25rem}.recommendations-carousel__title{font-size:1.1rem;padding-bottom:.25rem}.recommendations-carousel__title:after{width:40px;height:2px}.recommendations-carousel__header{margin-bottom:.75rem}.recommendations-carousel__swiper{min-height:180px;padding:.15rem 0}.recommendations-carousel__swiper .swiper-slide{min-height:170px}.recommendations-carousel__error,.recommendations-carousel__empty{min-height:120px;padding:1rem}.recommendations-carousel__retry-btn{padding:.4rem .8rem;font-size:.9rem}}.recommendations-carousel__content{animation:fadeInUp .6s ease-out}.recommendations-carousel .swiper-button-disabled{opacity:.3}.recommendations-carousel .swiper-button-next,.recommendations-carousel .swiper-button-prev{display:none}@media(prefers-color-scheme:dark){.recommendations-carousel__error,.recommendations-carousel__empty{border-color:var(--color-gray-600)}}.chapter-grid-button{display:flex;align-items:center;justify-content:center;padding:10px 6px;border:1px solid var(--border-color);border-radius:5px;cursor:pointer;transition:all .2s ease;text-align:center;font-family:inherit;font-size:13px;font-weight:500;background-color:var(--color-primary);min-height:36px;width:100%}.chapter-grid-button:hover{background:var(--hover-color);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.chapter-grid-button:active{transform:translateY(0);background:var(--color-primary);color:#fff;font-weight:500}.chapter-grid-button.desktop{min-height:38px;padding:10px 8px;font-size:13px;border-radius:6px}.chapter-grid-button.mobile{min-height:32px;padding:8px 4px;font-size:11px;border-radius:4px}.chapter-grid-button .chapter-number{display:none}.chapter-grid-button .chapter-title{font-size:13px;font-weight:600;color:var(--text-color);line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;width:100%}.chapter-grid-button.desktop .chapter-title{font-size:13px;-webkit-line-clamp:2}.chapter-grid-button.mobile .chapter-title{font-size:11px;-webkit-line-clamp:2;line-height:1.2}.chapter-grid-button .chapter-time{display:none}.chapter-grid-button:active .chapter-number{background:var(--surface-color);color:var(--color-primary)}.chapter-grid-button:active .chapter-title{color:#fff}.chapter-grid-button:active .chapter-time{color:#fffc}.chapter-list-card{position:relative;display:flex;align-items:center;gap:var(--spacing-md);padding:12px 16px;background:var(--surface-color);border-left:3px solid transparent;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);min-height:56px}.chapter-list-card:hover{background:var(--hover-bg-color);border-left-color:var(--color-primary)}.chapter-list-card:active{background:var(--background-secondary-color);transform:scale(.99)}.chapter-list-card.mobile{padding:10px 12px;gap:var(--spacing-sm);min-height:48px}.chapter-badge{display:flex;align-items:center;justify-content:center;min-width:32px;font-size:13px;font-weight:700;color:var(--text-muted-color);font-family:Courier New,monospace;flex-shrink:0}.chapter-list-card.mobile .chapter-badge{min-width:28px;font-size:12px}.chapter-content{flex:1;min-width:0;display:flex;align-items:baseline;gap:var(--spacing-sm)}.chapter-list-card.mobile .chapter-content{flex-direction:column;align-items:flex-start;gap:2px}.chapter-list-card .chapter-title{flex:1;min-width:0;font-size:15px;font-weight:500;color:var(--text-color);margin:0;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-list-card.mobile .chapter-title{font-size:14px;font-weight:600}.chapter-meta{flex-shrink:0;font-size:12px;color:var(--text-muted-color);font-weight:400;white-space:nowrap}.chapter-list-card.mobile .chapter-meta{font-size:11px}.chapter-progress-text{font-size:13px;font-weight:600;color:var(--color-primary);font-family:Courier New,monospace;padding:2px 8px;background-color:#ec48991a;border-radius:var(--border-radius-small);white-space:nowrap;flex-shrink:0;margin-left:var(--spacing-xs)}.chapter-list-card.mobile .chapter-progress-text{font-size:12px;padding:1px 6px}.chapter-list-card.chapter-read .chapter-progress-text{color:var(--color-gray-500);background-color:var(--surface-secondary-color)}.chapter-list-card.chapter-completed .chapter-progress-text{display:none}.chapter-action{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-muted-color);transition:color var(--transition-fast);flex-shrink:0}.chapter-list-card:hover .chapter-action{color:var(--color-primary)}.chapter-action .play-icon{width:18px;height:18px}.chapter-list-card.mobile .chapter-action{width:20px;height:20px}.chapter-list-card.mobile .chapter-action .play-icon{width:16px;height:16px}@media(max-width:480px){.chapter-grid-button{min-height:28px;padding:6px 4px;gap:2px;border-radius:4px}.chapter-grid-button .chapter-number{width:24px;height:24px;font-size:10px}.chapter-grid-button .chapter-title{font-size:10px;line-height:1.1}.chapter-grid-button .chapter-time{font-size:8px}.chapter-list-card{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-small)}.chapter-list-card .chapter-badge{min-width:28px;width:28px;height:28px;font-size:11px}.chapter-list-card .chapter-title{font-size:13px}.chapter-list-card .chapter-meta{font-size:10px}.chapter-list-card .chapter-action{width:28px;height:28px}.chapter-list-card .chapter-action .play-icon{width:14px;height:14px}}@media(max-width:768px){.chapter-progress-badge-list{top:6px;right:6px;font-size:9px;padding:2px 5px}.chapter-completed-badge-list{top:6px;right:6px;font-size:14px}}@media(max-width:360px){.chapter-grid-button{min-height:26px;padding:4px 2px}.chapter-grid-button .chapter-title{font-size:9px}.chapter-list-card{padding:8px 10px;min-height:44px}.chapter-list-card .chapter-badge{min-width:24px;font-size:11px}.chapter-list-card .chapter-title{font-size:13px}.chapter-list-card .chapter-meta{font-size:10px}.chapter-progress-badge-list{top:4px;right:4px;font-size:8px;padding:2px 4px}.chapter-completed-badge-list{top:4px;right:4px;font-size:12px}}@media(prefers-reduced-motion:reduce){.chapter-grid-button,.chapter-list-card,.chapter-action{transition:none}.chapter-grid-button:hover,.chapter-list-card:hover{transform:none}}.chapter-grid-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.chapter-grid-button:focus:not(:focus-visible){outline:none}.chapter-grid-button.chapter-read{opacity:.7;background-color:var(--surface-secondary-color, #f5f5f5);color:var(--text-secondary-color)}.chapter-grid-button.chapter-read:hover{opacity:1}.chapter-grid-button.chapter-completed{opacity:.7;background-color:var(--surface-secondary-color, #f5f5f5)}.chapter-grid-button.chapter-completed:hover{opacity:1}.chapter-progress-badge{position:absolute;top:4px;right:4px;font-size:9px;padding:2px 4px;background-color:var(--color-gray-600, #6b7280);color:var(--color-white, #ffffff);border-radius:3px;font-weight:500}.chapter-completed-badge{position:absolute;top:4px;right:4px;font-size:12px;color:var(--color-primary, #007aff);font-weight:700}.chapter-progress-badge-list,.chapter-completed-badge-list{display:none}.chapter-list-card.chapter-read{position:relative;background:linear-gradient(90deg,var(--surface-color) 0%,var(--surface-color) 70%,var(--surface-secondary-color) 100%);border-left-color:var(--color-gray-300)}.chapter-list-card.chapter-read .chapter-badge:before{content:"✓";font-size:16px;color:var(--color-success);font-weight:700}.chapter-list-card.chapter-read .chapter-badge{color:transparent}.chapter-list-card.chapter-read .chapter-title{color:var(--text-secondary-color);opacity:.85}.chapter-list-card.chapter-read .chapter-meta{opacity:.7}.chapter-list-card.chapter-read:hover{background:var(--hover-bg-color);border-left-color:var(--color-success)}.chapter-list-card.chapter-read:hover .chapter-title{color:var(--text-color);opacity:1}.chapter-list-card.chapter-read:hover .chapter-meta{opacity:1}.chapter-list-card.chapter-completed{background:linear-gradient(90deg,var(--surface-secondary-color) 0%,var(--surface-secondary-color) 60%,rgba(16,185,129,.08) 100%);border-left-color:var(--color-success)}.chapter-list-card.chapter-completed .chapter-badge:before{content:"✓✓";font-size:14px;color:var(--color-success);font-weight:700;letter-spacing:-2px}.chapter-list-card.chapter-completed .chapter-badge{color:transparent}.chapter-list-card.chapter-completed .chapter-title{color:var(--text-muted-color);opacity:.75}.chapter-list-card.chapter-completed .chapter-meta{opacity:.6}.chapter-list-card.chapter-completed:hover{background:var(--hover-bg-color);border-left-color:var(--color-success);opacity:1}.chapter-list-card.chapter-completed:hover .chapter-title{color:var(--text-color);opacity:1}.chapter-progress-bar,.progress-bar-fill,.progress-bar-text{display:none}.completed-icon{font-size:16px;color:var(--color-success);font-weight:700}.chapter-list-card.mobile .completed-icon{font-size:14px}.chapter-grid-button{position:relative}@media(prefers-color-scheme:dark){.chapter-grid-button.chapter-read,.chapter-list-card.chapter-read{background-color:var(--surface-secondary-color-dark, #2d2d2d)}.progress-bar-fill{background:linear-gradient(90deg,var(--color-primary-light, #5ac8fa),var(--color-primary, #007aff))}}:root{--hover-color: rgba(0, 0, 0, .08);--hover-color-dark: rgba(255, 255, 255, .15);--active-bg-color: rgba(var(--primary-rgb, 0, 122, 255), .15);--active-bg-color-dark: rgba(var(--primary-rgb, 0, 122, 255), .25)}.chapter-toolbar-clean{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:var(--background-color);border-bottom:1px solid var(--border-color)}.chapter-toolbar-clean.mobile{padding:8px 12px}.chapter-toolbar-clean.desktop{padding:12px 18px}.toolbar-left{display:flex;align-items:center}.episode-count{font-size:13px;font-weight:500;color:var(--text-secondary-color)}.episode-count.mobile{font-size:12px}.toolbar-right{display:flex;align-items:center;gap:12px}.toolbar-right.mobile{gap:8px}.toolbar-btn{display:flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid var(--border-color);border-radius:5px;background:var(--surface-color);color:var(--text-color);font-size:13px;font-weight:400;cursor:pointer;transition:all .15s ease}.toolbar-btn.mobile{padding:6px 8px;font-size:12px;border-radius:4px;gap:4px}.toolbar-btn:hover{border-color:var(--color-primary);background:var(--hover-color)}.toolbar-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:500}.btn-icon{width:14px;height:14px;flex-shrink:0}.btn-icon.mobile{width:14px;height:14px}@media(max-width:768px){.chapter-toolbar-clean{padding:8px 12px}.episode-count{font-size:12px}.toolbar-right{gap:8px}.toolbar-btn{padding:6px 8px;font-size:12px;border-radius:4px}.btn-icon{width:14px;height:14px}}@media(max-width:480px){.chapter-toolbar-clean{padding:6px 10px}.episode-count{font-size:11px}.toolbar-right{gap:6px}.toolbar-btn{padding:5px 6px;min-width:32px;justify-content:center;font-size:11px}.toolbar-btn span{display:none}.btn-icon{width:12px;height:12px}}@media(max-width:360px){.chapter-toolbar-clean{padding:4px 8px}.episode-count{font-size:10px}.toolbar-btn{padding:4px 5px;min-width:28px}.btn-icon{width:10px;height:10px}}@media(max-width:320px){.toolbar-left .episode-count{display:none}.toolbar-right{gap:4px}}@media(prefers-color-scheme:dark){.toolbar-btn:hover{background:var(--hover-color-dark)}.toolbar-btn.active{background:var(--color-primary);color:#fff}}.read-stats{display:inline-flex;align-items:center;margin-left:12px;font-size:12px;color:var(--text-secondary-color, #6b7280);font-weight:500}.reading-count{color:var(--color-primary, #007aff)}.chapter-toolbar-clean.mobile .read-stats{font-size:10px;margin-left:8px}@media(max-width:480px){.read-stats{display:none}}.chapter-loading{padding:16px}.chapter-loading.grid-mode{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.chapter-loading.list-mode{display:flex;flex-direction:column;gap:8px}.chapter-skeleton-grid-button{height:44px;padding:12px 16px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-medium, 8px);display:flex;align-items:center;justify-content:center;cursor:default;transition:all var(--transition-fast, .15s)}.skeleton-button-text{height:16px;width:70%;background:linear-gradient(90deg,var(--skeleton-base-color, #ebebeb) 25%,var(--skeleton-highlight-color, #f5f5f5) 50%,var(--skeleton-base-color, #ebebeb) 75%);background-size:200% 100%;border-radius:4px;animation:skeleton-shimmer 2s ease-in-out infinite}.chapter-skeleton-list-card{display:flex;align-items:center;padding:16px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-medium, 8px);gap:16px;cursor:default;transition:all var(--transition-fast, .15s)}.skeleton-badge{width:48px;height:48px;border-radius:50%;background:linear-gradient(90deg,var(--skeleton-base-color, #ebebeb) 25%,var(--skeleton-highlight-color, #f5f5f5) 50%,var(--skeleton-base-color, #ebebeb) 75%);background-size:200% 100%;flex-shrink:0;animation:skeleton-shimmer 2s ease-in-out infinite}.skeleton-content{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.skeleton-title{height:18px;width:65%;background:linear-gradient(90deg,var(--skeleton-base-color, #ebebeb) 25%,var(--skeleton-highlight-color, #f5f5f5) 50%,var(--skeleton-base-color, #ebebeb) 75%);background-size:200% 100%;border-radius:4px;animation:skeleton-shimmer 2s ease-in-out infinite}.skeleton-date{height:14px;width:40%;background:linear-gradient(90deg,var(--skeleton-base-color, #ebebeb) 25%,var(--skeleton-highlight-color, #f5f5f5) 50%,var(--skeleton-base-color, #ebebeb) 75%);background-size:200% 100%;border-radius:4px;animation:skeleton-shimmer 2s ease-in-out infinite}.skeleton-action{width:24px;height:24px;border-radius:50%;background:linear-gradient(90deg,var(--skeleton-base-color, #ebebeb) 25%,var(--skeleton-highlight-color, #f5f5f5) 50%,var(--skeleton-base-color, #ebebeb) 75%);background-size:200% 100%;flex-shrink:0;animation:skeleton-shimmer 2s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}[data-mode=dark] .chapter-skeleton-grid-button,[data-mode=dark] .chapter-skeleton-list-card{background:var(--surface-color);border-color:var(--border-color)}[data-mode=dark] .skeleton-button-text,[data-mode=dark] .skeleton-badge,[data-mode=dark] .skeleton-title,[data-mode=dark] .skeleton-date,[data-mode=dark] .skeleton-action{background:linear-gradient(90deg,var(--skeleton-base-color, #2a2a2a) 25%,var(--skeleton-highlight-color, #3a3a3a) 50%,var(--skeleton-base-color, #2a2a2a) 75%);background-size:200% 100%}@media(max-width:1024px){.chapter-loading.grid-mode{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}}@media(max-width:768px){.chapter-loading{padding:12px}.chapter-loading.grid-mode{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.chapter-skeleton-grid-button{height:40px;padding:10px 12px}.skeleton-button-text{height:14px;width:75%}.chapter-loading.list-mode{gap:6px}.chapter-skeleton-list-card{padding:12px;gap:12px}.skeleton-badge{width:40px;height:40px}.skeleton-title{height:16px}.skeleton-date{height:12px}.skeleton-action{width:20px;height:20px}}@media(max-width:480px){.chapter-loading.grid-mode{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px}.chapter-skeleton-grid-button{height:36px;padding:8px 10px}}.chapter-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;min-height:300px;background:var(--surface-color, #ffffff);border-radius:12px;margin:16px}.chapter-error-state.mobile{padding:40px 20px;min-height:250px;margin:12px}.chapter-error-state.desktop{padding:64px 32px;min-height:350px;margin:24px}.error-icon{width:80px;height:80px;color:var(--error-color, #ff4444);margin-bottom:24px;animation:error-bounce 2s ease-in-out infinite}.error-icon svg{width:100%;height:100%}.error-title{font-size:20px;font-weight:600;color:var(--text-color, #333333);margin:0 0 12px}.error-message{font-size:15px;color:var(--text-secondary-color, #666666);margin:0 0 32px;line-height:1.5;max-width:400px}.retry-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--color-primary, #007bff);color:#fff;border:none;border-radius:24px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px;justify-content:center}.retry-button:hover{background:var(--primary-color-hover, #0056b3);transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.retry-button:active{transform:translateY(0);box-shadow:0 2px 6px #007bff33}.retry-icon{width:18px;height:18px;animation:retry-spin 1s linear infinite paused}.retry-button:hover .retry-icon{animation-play-state:running}@keyframes error-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes retry-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.chapter-error-state.mobile{padding:32px 16px;min-height:220px}.error-icon{width:64px;height:64px;margin-bottom:20px}.error-title{font-size:18px;margin-bottom:8px}.error-message{font-size:14px;margin-bottom:24px}.retry-button{padding:10px 20px;font-size:14px;min-width:100px}.retry-icon{width:16px;height:16px}}@media(prefers-color-scheme:dark){.chapter-error-state{background:var(--surface-color-dark, #1a1a1a)}.error-title{color:var(--text-primary-dark, #ffffff)}.error-message{color:var(--text-secondary-dark, #cccccc)}.retry-button:hover{box-shadow:0 4px 12px #007bff66}}@media(prefers-contrast:high){.error-icon{color:var(--error-color-high-contrast, #cc0000)}.retry-button{border:2px solid var(--color-primary, #007bff)}}.chapter-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;min-height:300px;background:var(--surface-color, #ffffff);border-radius:12px;margin:16px}.chapter-empty-state.mobile{padding:24px 16px;min-height:180px;margin:8px;border-radius:8px}.chapter-empty-state.desktop{padding:64px 32px;min-height:350px;margin:24px}.empty-icon{width:80px;height:80px;color:var(--text-tertiary, #999999);margin-bottom:24px;animation:empty-float 3s ease-in-out infinite}.empty-icon.mobile{width:48px;height:48px;margin-bottom:16px}.empty-icon svg{width:100%;height:100%}.empty-title{font-size:20px;font-weight:600;color:var(--text-color, #333333);margin:0 0 12px}.empty-title.mobile{font-size:16px;margin:0 0 8px}.empty-message{font-size:15px;color:var(--text-secondary-color, #666666);line-height:1.5;margin:0 0 24px;max-width:400px}.empty-message.mobile{font-size:13px;margin:0 0 16px;max-width:280px}.empty-decoration{display:flex;gap:8px;align-items:center}.decoration-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary, #007bff);animation:dot-bounce 1.5s ease-in-out infinite}.decoration-dot:nth-child(1){animation-delay:0s}.decoration-dot:nth-child(2){animation-delay:.2s}.decoration-dot:nth-child(3){animation-delay:.4s}@keyframes empty-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes dot-bounce{0%,60%,to{transform:translateY(0);opacity:.6}30%{transform:translateY(-12px);opacity:1}}@media(max-width:768px){.chapter-empty-state.mobile{padding:32px 16px;min-height:220px}.empty-icon{width:64px;height:64px;margin-bottom:20px}.empty-title{font-size:18px;margin-bottom:8px}.empty-message{font-size:14px;margin-bottom:24px}.decoration-dot{width:6px;height:6px}}@media(max-width:480px){.chapter-empty-state{padding:20px 12px;min-height:150px;margin:6px;border-radius:6px}.empty-icon{width:40px;height:40px;margin-bottom:12px}.empty-title{font-size:14px;margin:0 0 6px}.empty-message{font-size:12px;margin:0 0 12px;max-width:240px}}@media(max-width:360px){.chapter-empty-state{padding:16px 10px;min-height:120px}.empty-icon{width:36px;height:36px;margin-bottom:10px}.empty-title{font-size:13px}.empty-message{font-size:11px;max-width:200px}}@media(prefers-color-scheme:dark){.chapter-empty-state{background:var(--surface-color-dark, #1a1a1a)}.empty-icon{color:var(--text-tertiary-dark, #666666)}.empty-title{color:var(--text-primary-dark, #ffffff)}.empty-message{color:var(--text-secondary-dark, #cccccc)}}.chapter-list{display:flex;flex-direction:column;min-height:200px;background:var(--background-color, #f5f5f5)}.chapter-list.mobile{padding:0;min-height:150px}.chapter-list.desktop{padding:0}.chapter-list-body{flex:1;overflow:hidden}.chapter-list-content{padding:16px}.chapter-list-content.mobile{padding:8px}.chapter-list-content.desktop{padding:24px}.chapter-list-content.grid-mode{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;padding:16px}.chapter-list-content.grid-mode.mobile{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px;padding:8px}.chapter-list-content.grid-mode.desktop{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;padding:24px}.chapter-list-content.list-mode{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm);padding:var(--spacing-md)}.chapter-list-content.list-mode.mobile{padding:var(--spacing-sm);gap:var(--spacing-xs)}.chapter-list-content.list-mode.desktop{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-md);padding:var(--spacing-lg)}.chapter-loading-progress{padding:24px;background:var(--surface-color, #ffffff);border-radius:12px;margin-bottom:16px;border:1px solid var(--border-color, #e0e0e0);text-align:center}.chapter-loading-progress.mobile{padding:16px;border-radius:8px;margin-bottom:12px}.progress-text{font-size:14px;color:var(--text-secondary-color, #666666);margin-bottom:12px}.progress-text.mobile{font-size:12px;margin-bottom:8px}.progress-bar{width:100%;height:8px;background:var(--progress-bg, #f0f0f0);border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-bar.mobile{height:6px;border-radius:3px;margin-bottom:6px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:4px;transition:width .3s ease}.progress-fill.mobile{border-radius:3px}.chapter-stats{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--surface-color, #ffffff);border-top:1px solid var(--border-color, #e0e0e0);font-size:13px;color:var(--text-secondary-color, #666666)}.stats-loading{color:var(--color-primary, #007bff);font-weight:500}@media(max-width:768px){.chapter-list-content{padding:12px}.chapter-loading-progress{padding:16px;margin-bottom:12px}.progress-text{font-size:13px}.progress-bar{height:6px}.progress-percentage{font-size:11px}.chapter-loading-container{padding:12px}}@media(max-width:480px){.chapter-list{min-height:120px}.chapter-list-content{padding:6px}.chapter-list-content.grid-mode{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:4px;padding:6px}.chapter-list-content.list-mode{padding:6px}.chapter-loading-progress{padding:12px;margin-bottom:8px;border-radius:6px}.progress-text{font-size:11px;margin-bottom:6px}.progress-bar{height:4px;margin-bottom:4px}}@media(max-width:360px){.chapter-list-content.grid-mode{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:3px}.chapter-loading-progress{padding:10px}.progress-text{font-size:10px}}@media(min-width:769px)and (max-width:1024px){.chapter-list-content.grid-mode{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px}.chapter-list-content.list-mode.desktop{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-sm)}.chapter-stats{padding:16px 20px}}@media(min-width:1200px){.chapter-list-content.desktop{padding:var(--spacing-xl)}.chapter-list-content.grid-mode.desktop{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;padding:var(--spacing-xl)}.chapter-list-content.list-mode.desktop{grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:var(--spacing-md);padding:var(--spacing-xl)}.chapter-stats{padding:20px 32px}}@media(min-width:1600px){.chapter-list-content.list-mode.desktop{grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:var(--spacing-lg)}}@media(prefers-color-scheme:dark){.chapter-list{background:var(--background-secondary-color, #121212)}.chapter-loading-progress{background:var(--surface-color-dark, #1a1a1a);border-color:var(--border-color-dark, #333333)}.progress-text{color:var(--text-secondary-dark, #cccccc)}.progress-bar{background:var(--progress-bg-dark, #2a2a2a)}.progress-percentage{color:var(--text-primary-dark, #ffffff)}.chapter-stats{background:var(--surface-color-dark, #1a1a1a);border-top-color:var(--border-color-dark, #333333);color:var(--text-secondary-dark, #cccccc)}}@media(prefers-contrast:high){.chapter-stats{border-top-width:2px}}@media(prefers-reduced-motion:reduce){.loading-spinner{animation:none}.loading-spinner:after{content:"...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}}@media print{.chapter-list{background:#fff}.chapter-stats{display:none}.chapter-list-content{padding:0}}.single-reader-settings-modal{top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}.single-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:single-fadeIn .2s ease-out}.single-modal-container{position:relative;width:100%;max-width:900px;max-height:90vh;pointer-events:none}.single-modal-panel{background:#fffffffa;border-radius:16px;box-shadow:0 24px 48px #0003;pointer-events:auto;overflow:hidden;animation:single-slideUp .3s ease-out;border:1px solid rgba(var(--primary-color-rgb, 255, 105, 180),.2)}[data-mode=dark] .single-modal-panel{background:#1e1e1efa;border-color:rgba(var(--primary-color-rgb, 201, 84, 140),.3)}.single-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.1);background:rgba(var(--primary-color-rgb, 255, 105, 180),.05)}[data-mode=dark] .single-modal-header{border-bottom-color:#ffffff1a;background:rgba(var(--primary-color-rgb, 201, 84, 140),.1)}.single-modal-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;color:#333;margin:0}[data-mode=dark] .single-modal-title{color:#f0f0f0}.single-close-btn{align-items:center;justify-content:center;height:32px;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease}.single-close-btn:hover{background:rgba(var(--primary-color-rgb, 255, 105, 180),.1);color:var(--color-primary, #ff69b4)}[data-mode=dark] .single-close-btn{background:#ffffff1a;color:#ccc}[data-mode=dark] .single-close-btn:hover{background:rgba(var(--primary-color-rgb, 201, 84, 140),.2);color:var(--color-primary, #c9548c)}.single-tab-navigation{display:flex;background:#00000005;border-bottom:1px solid rgba(0,0,0,.08)}[data-mode=dark] .single-tab-navigation{background:#ffffff08;border-bottom-color:#ffffff14}.single-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 12px;border:none;background:transparent;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.single-tab-btn:hover{background:rgba(var(--primary-color-rgb, 255, 105, 180),.08);color:var(--color-primary, #ff69b4)}.single-tab-btn.active{color:var(--color-primary, #ff69b4);background:rgba(var(--primary-color-rgb, 255, 105, 180),.1)}.single-tab-btn.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-primary, #ff69b4)}[data-mode=dark] .single-tab-btn{color:#ccc}[data-mode=dark] .single-tab-btn:hover{background:rgba(var(--primary-color-rgb, 201, 84, 140),.15);color:var(--color-primary, #c9548c)}[data-mode=dark] .single-tab-btn.active{color:var(--color-primary, #c9548c);background:rgba(var(--primary-color-rgb, 201, 84, 140),.2)}.single-loading-dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary, #ff69b4);animation:single-pulse 1.5s infinite}.single-tab-content{max-height:60vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(var(--primary-color-rgb, 255, 105, 180),.3) transparent}.single-tab-content::-webkit-scrollbar{width:6px}.single-tab-content::-webkit-scrollbar-track{background:transparent}.single-tab-content::-webkit-scrollbar-thumb{background:rgba(var(--primary-color-rgb, 255, 105, 180),.3);border-radius:3px}.single-tab-panel{padding:24px}.single-setting-section{margin-bottom:32px}.single-setting-section:last-child{margin-bottom:0}.single-section-title{font-size:16px;font-weight:600;color:#333;margin:0 0 16px;display:flex;align-items:center;gap:8px}[data-mode=dark] .single-section-title{color:#f0f0f0}.single-reader-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.single-mode-btn{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid rgba(0,0,0,.1);border-radius:12px;background:#00000005;cursor:pointer;transition:all .2s ease;text-align:left}.single-mode-btn:hover{border-color:rgba(var(--primary-color-rgb, 255, 105, 180),.3);background:rgba(var(--primary-color-rgb, 255, 105, 180),.05)}.single-mode-btn.active{border-color:var(--color-primary, #ff69b4);background:rgba(var(--primary-color-rgb, 255, 105, 180),.1)}[data-mode=dark] .single-mode-btn{border-color:#ffffff26;background:#ffffff08}[data-mode=dark] .single-mode-btn:hover{border-color:rgba(var(--primary-color-rgb, 201, 84, 140),.4);background:rgba(var(--primary-color-rgb, 201, 84, 140),.1)}[data-mode=dark] .single-mode-btn.active{border-color:var(--color-primary, #c9548c);background:rgba(var(--primary-color-rgb, 201, 84, 140),.15)}.single-mode-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:rgba(var(--primary-color-rgb, 255, 105, 180),.1);color:var(--color-primary, #ff69b4);font-size:20px;flex-shrink:0}[data-mode=dark] .single-mode-icon{background:rgba(var(--primary-color-rgb, 201, 84, 140),.2);color:var(--color-primary, #c9548c)}.single-mode-info{flex:1;display:flex;flex-direction:column;gap:4px}.single-mode-name{font-size:14px;font-weight:600;color:#333}.single-mode-desc{font-size:12px;color:#666;line-height:1.4}[data-mode=dark] .single-mode-name{color:#f0f0f0}[data-mode=dark] .single-mode-desc{color:#aaa}.single-mode-check{color:var(--color-primary, #ff69b4);font-weight:600;font-size:16px}.single-speed-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.single-speed-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:2px solid rgba(0,0,0,.1);border-radius:8px;background:#00000005;cursor:pointer;transition:all .2s ease}.single-speed-btn:hover{border-color:rgba(var(--primary-color-rgb, 255, 105, 180),.3);background:rgba(var(--primary-color-rgb, 255, 105, 180),.05)}.single-speed-btn.active{border-color:var(--color-primary, #ff69b4);background:rgba(var(--primary-color-rgb, 255, 105, 180),.1)}[data-mode=dark] .single-speed-btn{border-color:#ffffff26;background:#ffffff08}[data-mode=dark] .single-speed-btn:hover{border-color:rgba(var(--primary-color-rgb, 201, 84, 140),.4);background:rgba(var(--primary-color-rgb, 201, 84, 140),.1)}[data-mode=dark] .single-speed-btn.active{border-color:var(--color-primary, #c9548c);background:rgba(var(--primary-color-rgb, 201, 84, 140),.15)}.single-speed-label{font-size:13px;font-weight:600;color:#333}.single-speed-desc{font-size:11px;color:#666}[data-mode=dark] .single-speed-label{color:#f0f0f0}[data-mode=dark] .single-speed-desc{color:#aaa}.single-chapter-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border:none;border-radius:8px;background:transparent;cursor:pointer;transition:all .2s ease;margin-bottom:4px}.single-chapter-item:hover{background:rgba(var(--primary-color-rgb, 255, 105, 180),.08)}.single-chapter-item.current{background:rgba(var(--primary-color-rgb, 255, 105, 180),.15);color:var(--color-primary, #ff69b4)}[data-mode=dark] .single-chapter-item:hover{background:rgba(var(--primary-color-rgb, 201, 84, 140),.15)}[data-mode=dark] .single-chapter-item.current{background:rgba(var(--primary-color-rgb, 201, 84, 140),.2);color:var(--color-primary, #c9548c)}.single-chapter-title{font-size:14px;color:#333;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-mode=dark] .single-chapter-title{color:#f0f0f0}.single-color-options{display:flex;gap:10px;flex-wrap:wrap}.single-color-item{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease}.single-color-item:hover .single-color-btn{transform:scale(1.08);box-shadow:0 3px 10px #00000026}.single-color-item.active .single-color-btn{border-color:var(--color-primary, #ff69b4);box-shadow:0 0 0 2.5px rgba(var(--primary-color-rgb, 255, 105, 180),.3)}.single-color-btn{width:40px;height:40px;border:2.5px solid transparent;border-radius:10px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.single-color-check{color:#fff;font-weight:700;font-size:16px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.single-color-label{font-size:11px;color:var(--text-secondary-color);text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none}.single-color-item.active .single-color-label{color:var(--color-primary, #ff69b4);font-weight:600;transform:scale(1.05)}[data-mode=dark] .single-color-label{color:#aaa}[data-mode=dark] .single-color-item.active .single-color-label{color:var(--color-primary, #c9548c)}.single-quality-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.single-quality-btn{padding:12px 8px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-medium);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;min-height:44px;color:var(--text-color);font-size:14px;font-weight:500}.single-quality-btn:hover{background:var(--hover-bg-color);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-light)}.single-quality-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-inverse-color);box-shadow:var(--shadow-medium)}.single-quality-hint{padding:8px 12px;background:var(--background-secondary-color);border-radius:var(--border-radius-small);font-size:12px;color:var(--text-secondary-color);text-align:center;line-height:1.4}.single-size-options{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px}.single-size-btn{padding:6px 8px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-medium);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;min-height:36px;color:var(--text-color);font-size:14px;font-weight:500}.single-size-btn:hover{background:var(--hover-bg-color);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-light)}.single-size-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-inverse-color);box-shadow:var(--shadow-medium)}.single-modal-container.mobile{max-width:none;height:100vh;max-height:none;margin:0;padding:0}.single-modal-container.mobile .single-modal-panel{border-radius:0;max-height:none}.single-modal-container.mobile .single-modal-header{padding:16px 20px}.single-modal-container.mobile .single-tab-content{max-height:calc(100vh - 120px)}.single-modal-container.mobile .single-tab-panel{padding:20px}.single-modal-container.mobile .single-reader-modes{grid-template-columns:1fr}.single-modal-container.mobile .single-speed-options{grid-template-columns:repeat(3,1fr)}.single-modal-container.mobile .single-color-options{justify-content:center}@keyframes single-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes single-slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes single-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes single-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.waterfall-speed-section{background:rgba(var(--primary-color-rgb, 255, 105, 180),.02);border-radius:12px;padding:20px;border:1px solid rgba(var(--primary-color-rgb, 255, 105, 180),.1)}[data-mode=dark] .waterfall-speed-section{background:rgba(var(--primary-color-rgb, 201, 84, 140),.05);border-color:rgba(var(--primary-color-rgb, 201, 84, 140),.15)}.single-setting-hint{font-size:13px;color:#666;margin:-8px 0 16px;line-height:1.5}[data-mode=dark] .single-setting-hint{color:#aaa}.section-icon{font-size:18px;color:var(--color-primary, #ff69b4)}[data-mode=dark] .section-icon{color:var(--color-primary, #c9548c)}.waterfall-speed-slider{margin-bottom:24px;padding:16px;background:#ffffff80;border-radius:12px;border:1px solid rgba(0,0,0,.05)}[data-mode=dark] .waterfall-speed-slider{background:#0003;border-color:#ffffff0d}.speed-slider-input{width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,rgba(var(--primary-color-rgb, 255, 105, 180),.2),rgba(var(--primary-color-rgb, 255, 105, 180),.6));outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;margin-bottom:12px}[data-mode=dark] .speed-slider-input{background:linear-gradient(to right,rgba(var(--primary-color-rgb, 201, 84, 140),.3),rgba(var(--primary-color-rgb, 201, 84, 140),.7))}.speed-slider-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--color-primary, #ff69b4);cursor:pointer;box-shadow:0 2px 8px #0003;transition:all .2s ease}.speed-slider-input::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px rgba(var(--primary-color-rgb, 255, 105, 180),.4)}.speed-slider-input::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--color-primary, #ff69b4);cursor:pointer;border:none;box-shadow:0 2px 8px #0003;transition:all .2s ease}.speed-slider-input::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px rgba(var(--primary-color-rgb, 255, 105, 180),.4)}[data-mode=dark] .speed-slider-input::-webkit-slider-thumb{background:var(--color-primary, #c9548c)}[data-mode=dark] .speed-slider-input::-moz-range-thumb{background:var(--color-primary, #c9548c)}.speed-slider-labels{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#666}[data-mode=dark] .speed-slider-labels{color:#aaa}.slider-label-left,.slider-label-right{font-weight:500;color:#888}[data-mode=dark] .slider-label-left,[data-mode=dark] .slider-label-right{color:#999}.slider-center-label{display:flex;flex-direction:column;align-items:center;gap:4px}.current-speed-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;background:var(--color-primary, #ff69b4);color:#fff;font-weight:600;font-size:13px;border-radius:12px;box-shadow:0 2px 6px rgba(var(--primary-color-rgb, 255, 105, 180),.3)}[data-mode=dark] .current-speed-badge{background:var(--color-primary, #c9548c);box-shadow:0 2px 6px rgba(var(--primary-color-rgb, 201, 84, 140),.4)}.current-speed-text{font-size:11px;color:#999;font-weight:500}[data-mode=dark] .current-speed-text{color:#777}@media(max-width:768px){.waterfall-speed-slider{padding:12px}.current-speed-badge{font-size:12px;padding:3px 10px}.single-quality-options{grid-template-columns:repeat(4,1fr);gap:6px}.single-quality-btn{padding:10px 6px;min-height:40px;font-size:13px}.single-quality-hint{font-size:11px;padding:8px 10px}}@media(max-width:480px){.single-quality-options{grid-template-columns:repeat(2,1fr);gap:8px}.single-quality-btn{padding:12px 8px;min-height:42px}}.toast-container{--toast-width: min(90vw, 450px);--toast-min-height: 60px;--toast-border-radius: 12px;--toast-shadow: 0 10px 25px -5px rgba(0, 0, 0, .1);--toast-z-index: 9999;--toast-font-size: .9375rem;--toast-progress-height: 4px;--toast-animation-duration: .3s;--toast-margin: 16px;--toast-padding: 16px;--toast-icon-size: 20px;--toast-duration: 5s;--toast-bg: var(--surface-color, #ffffff);--toast-text: var(--text-color, #212529);--toast-text-secondary: var(--text-secondary-color, #495057);--toast-border: var(--color-gray-200, #e9ecef);--toast-success-color: var(--color-primary, #ED97B7);--toast-warning-color: #F9A825;--toast-error-color: #D32F2F;position:fixed;top:var(--toast-margin);left:50%;transform:translate(-50%);width:var(--toast-width);min-height:var(--toast-min-height);z-index:var(--toast-z-index);border-radius:var(--toast-border-radius);box-shadow:var(--toast-shadow);overflow:hidden;animation:toast-fadein var(--toast-animation-duration) forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--toast-bg);color:var(--toast-text);font-size:var(--toast-font-size);display:flex;flex-direction:column}.toast-content{display:flex;align-items:flex-start;padding:var(--toast-padding);flex:1}.toast-icon-wrapper{display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0}.toast-icon{width:var(--toast-icon-size);height:var(--toast-icon-size);stroke-width:2.5}.toast-body{flex:1;display:flex;flex-direction:column}.toast-message{font-weight:500;margin-bottom:4px}.toast-details{color:var(--toast-text-secondary);font-size:.85em;white-space:pre-line;margin-top:4px;max-height:150px;overflow-y:auto}.toast-close{background:none;border:none;padding:0;margin-left:8px;cursor:pointer;color:var(--toast-text-secondary);display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s;width:24px;height:24px;border-radius:50%}.toast-close:hover{opacity:1;background-color:#0000000d}.toast-close:focus{outline:none;box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 237, 151, 183),.3)}.toast-progress{height:var(--toast-progress-height);background:linear-gradient(to right,#ffffff4d,#fff9);position:relative;overflow:hidden;opacity:.7}.toast-progress:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:currentColor;animation:toast-progress var(--toast-duration) linear forwards}@keyframes toast-fadein{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes toast-fadeout{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.toast-fadeout{animation:toast-fadeout var(--toast-animation-duration) forwards}@keyframes toast-progress{0%{width:100%}to{width:0%}}.toast-hidden{display:none}@media(max-width:576px){.toast-container{--toast-width: 90vw;--toast-margin: 12px;--toast-padding: 12px;--toast-font-size: .875rem;--toast-icon-size: 18px;border-radius:8px}}@media(prefers-color-scheme:dark){.toast-container{--toast-shadow: 0 10px 25px -5px rgba(0, 0, 0, .3)}}@media(prefers-reduced-motion:reduce){.toast-container{--toast-animation-duration: 0ms}.toast-progress:after{animation:none}}.comic-hero-section.desktop{display:grid;grid-template-columns:300px 1fr;gap:40px;padding:32px;background:var(--card-color);box-shadow:0 8px 32px #00000014;margin:16px;position:relative;overflow:hidden}.comic-details-container{display:flex;flex-direction:column;justify-content:space-between;padding:8px 0}.comic-title{font-size:2.25rem;font-weight:700;color:var(--text-color);margin:0 0 16px;line-height:1.2;letter-spacing:-.02em;text-shadow:0 1px 2px rgba(0,0,0,.05)}.stat-item{display:flex;flex-direction:column;align-items:center;padding:20px 16px;background:var(--surface-color);border-radius:16px;border:1px solid var(--divider-color);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-primary);transform:scaleX(0);transition:transform .3s ease}.stat-item:hover{background:var(--card-color);transform:translateY(-4px);box-shadow:0 12px 32px #0000001a;border-color:var(--color-primary)}.stat-item:hover:before{transform:scaleX(1)}.stat-icon{width:28px;height:28px;color:var(--color-primary);margin-bottom:8px;transition:transform .3s ease}.stat-item:hover .stat-icon{transform:scale(1.1)}.stat-value{font-weight:700;color:var(--text-color);font-size:1.25rem;margin-bottom:4px}.stat-label{font-size:.8rem;color:var(--text-secondary-color);font-weight:500}.action-button{flex:1;padding:16px 24px;border:none;border-radius:14px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}.action-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.action-button:hover:before{left:100%}.action-button.primary{background:var(--color-primary);color:#fff;box-shadow:0 6px 20px #5384ff4d}.action-button.primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 12px 32px #5384ff66}.action-button.secondary{background:var(--surface-color);color:var(--text-color);border:2px solid var(--divider-color)}.action-button.secondary:hover{background:var(--card-color);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.action-button.secondary.active{background:var(--primary-light);color:var(--color-primary);border-color:var(--color-primary)}.button-icon{width:20px;height:20px;transition:transform .3s ease}.action-button:hover .button-icon{transform:scale(1.1)}@media(max-width:480px){.comic-hero-section.desktop{padding:16px;margin:8px;border-radius:12px;gap:20px}.comic-title{font-size:1.5rem;margin:0 0 12px;line-height:1.3}.stat-item{padding:12px 8px;border-radius:12px}.stat-icon{width:20px;height:20px;margin-bottom:6px}.stat-value{font-size:1rem;margin-bottom:2px}.stat-label{font-size:.7rem}.action-button{padding:12px 16px;font-size:.85rem;border-radius:10px}.button-icon{width:16px;height:16px}}@media(max-width:900px){.comic-hero-section.desktop{grid-template-columns:1fr;gap:20px;text-align:center;padding:20px}.comic-title{font-size:1.8rem}.stat-item{padding:16px 12px}.action-button{flex:1;min-width:0;padding:14px 18px;font-size:.9rem}}@media(max-width:1200px){.comic-hero-section.desktop{grid-template-columns:240px 1fr;gap:28px;padding:20px}.comic-title{font-size:2rem}}.creator-section{background:var(--card-color);border-radius:var(--border-radius-l);box-shadow:var(--shadow-s);margin:var(--spacing-m) 0;overflow:hidden;transition:all var(--transition-normal)}.creator-section:hover{transform:translateY(-2px);box-shadow:var(--shadow-m)}@media(max-width:480px){.creator-section{margin:8px 0;border-radius:8px}}.comic-detail-tabs{display:flex;background-color:transparent;border-bottom:1px solid var(--divider-color);position:sticky;top:var(--header-height);z-index:10;padding:0}.comic-tab-button{flex:1;padding:var(--spacing-s) var(--spacing-m);background:var(--surface-color);border:1px solid var(--divider-color);border-bottom:none;font-size:.875rem;font-weight:500;color:var(--text-secondary-color);cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-height:36px;border-radius:var(--border-radius-xs) var(--border-radius-xs) 0 0;margin-right:-1px;outline:none}.comic-tab-button:focus{outline:none}.comic-tab-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.comic-tab-button:last-child{margin-right:0}.comic-tab-button:hover{color:var(--text-color);background:var(--card-color);border-color:var(--primary-light);z-index:1}.comic-tab-button.active{background:var(--card-color);color:var(--color-primary);border-color:var(--color-primary);border-bottom-color:var(--card-color);z-index:2;font-weight:600}.comic-tab-icon{width:16px;height:16px;opacity:.8;transition:opacity .2s ease}.comic-tab-button.active .comic-tab-icon{opacity:1}.comic-tab-badge{background:var(--text-secondary-color);color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:12px;margin-left:4px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;line-height:1;opacity:.8}.comic-tab-button.active .comic-tab-badge{background:var(--color-primary);opacity:1}@media(max-width:480px){.comic-detail-tabs{margin:0 -8px;position:relative;top:0}.comic-tab-button{min-height:32px;padding:8px 6px;font-size:.75rem;gap:4px;border-radius:4px 4px 0 0}.comic-tab-icon{width:12px;height:12px}.comic-tab-badge{font-size:.6rem;padding:1px 4px;margin-left:2px;min-width:12px;height:12px;border-radius:8px}}@media(max-width:768px){.comic-detail-tabs{margin:0}.comic-tab-button{min-height:34px;padding:10px 8px;font-size:.8rem}.comic-tab-icon{width:14px;height:14px}.comic-tab-badge{font-size:.65rem;padding:1px 5px;margin-left:3px;min-width:14px;height:14px;border-radius:10px}}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:768px){.info-grid{grid-template-columns:1fr;gap:20px}}.chapter-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--text-secondary-color)}.chapter-placeholder-icon{width:48px;height:48px;margin-bottom:var(--spacing-m);opacity:.5}.chapter-item{display:flex;align-items:center;padding:var(--spacing-m);border-radius:var(--border-radius-m);transition:all var(--transition-fast);cursor:pointer;border:1px solid transparent}.chapter-item:hover{background-color:var(--surface-color);border-color:var(--primary-light)}.chapter-item.active{background-color:var(--primary-light);border-color:var(--color-primary)}.chapter-info{flex:1;min-width:0}.chapter-title{font-weight:500;color:var(--text-color);margin-bottom:var(--spacing-xs);line-height:1.4}.chapter-meta{display:flex;gap:var(--spacing-m);color:var(--text-secondary-color);font-size:.875rem}.chapter-date,.chapter-pages{display:flex;align-items:center;gap:var(--spacing-xs)}.chapter-status{margin-left:auto;padding:var(--spacing-xs) var(--spacing-s);border-radius:var(--border-radius-pill);font-size:.75rem;font-weight:500}.chapter-status.read{background-color:var(--success-light);color:var(--success-color)}.chapter-status.unread{background-color:var(--primary-light);color:var(--color-primary)}@media(max-width:480px){.chapter-item{padding:12px 8px;border-radius:8px;margin-bottom:8px}.chapter-title{font-size:.9rem;margin-bottom:6px;line-height:1.3}.chapter-meta{flex-direction:column;gap:4px;font-size:.75rem}.chapter-date,.chapter-pages{gap:4px}.chapter-status{position:absolute;top:8px;right:8px;padding:2px 6px;font-size:.65rem}.chapter-item{position:relative;padding-right:60px}.chapter-placeholder{padding:24px}.chapter-placeholder-icon{width:36px;height:36px;margin-bottom:12px}}@media(max-width:768px){.chapter-item{padding:14px 12px}.chapter-title{font-size:.95rem}.chapter-meta{font-size:.8rem;gap:8px}.chapter-status{padding:4px 8px;font-size:.7rem}}.comment-disabled-notice{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl, 2rem);margin:var(--spacing-l, 1.5rem) 0;background:var(--surface-color, #f8f9fa);border:1px solid var(--divider-color, #e9ecef);border-radius:var(--border-radius-l, 12px);text-align:center}.comment-disabled-icon{font-size:3rem;margin-bottom:var(--spacing-m, 1rem);opacity:.6}.comment-disabled-title{font-size:1.25rem;font-weight:600;color:var(--text-color, #2c3e50);margin:0 0 var(--spacing-s, .5rem) 0}.comment-disabled-description{font-size:.9rem;color:var(--text-secondary-color, #6c757d);margin:0;line-height:1.5;max-width:400px}[data-theme=dark] .comment-disabled-notice{background:var(--surface-color-dark, #2a2a2a);border-color:var(--divider-color-dark, #404040)}[data-theme=dark] .comment-disabled-title{color:var(--text-primary-dark, #e9ecef)}[data-theme=dark] .comment-disabled-description{color:var(--text-secondary-dark, #adb5bd)}.comment-placeholder-animation{width:48px;height:48px;border-radius:50%;background:linear-gradient(90deg,var(--surface-color) 0%,var(--surface-color-hover) 50%,var(--surface-color) 100%);background-size:200% 100%;animation:shimmer 2s infinite;margin-bottom:var(--spacing-m)}.comic-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;padding:var(--spacing-xl)}.comic-loading-animation{display:flex;justify-content:center;margin-bottom:var(--spacing-l)}.loading-circle{width:16px;height:16px;margin:0 4px;border-radius:50%;background-color:var(--color-primary);animation:bounce 1.4s infinite ease-in-out both}.loading-circle:nth-child(1){animation-delay:-.32s}.loading-circle:nth-child(2){animation-delay:-.16s}.loading-text{color:var(--text-secondary-color);font-size:1rem}.comic-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;padding:var(--spacing-xl);text-align:center}.error-icon{width:64px;height:64px;color:var(--error-color);margin-bottom:var(--spacing-m)}.error-title{font-size:1.5rem;font-weight:600;color:var(--text-color);margin:0 0 var(--spacing-s) 0}.error-message{color:var(--text-secondary-color);margin:0 0 var(--spacing-l) 0;max-width:500px}.error-action-button{padding:var(--spacing-s) var(--spacing-l);background-color:var(--surface-color);color:var(--text-color);border:none;border-radius:var(--border-radius-m);font-size:1rem;font-weight:500;display:flex;align-items:center;gap:var(--spacing-s);cursor:pointer;transition:all var(--transition-fast)}.error-action-button:hover{background-color:var(--surface-color-hover);transform:translateY(-2px)}.comic-not-found-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;padding:var(--spacing-xl);text-align:center}.not-found-illustration{width:120px;height:120px;background-image:url(/images/local_comic_not_found.png);background-size:contain;background-repeat:no-repeat;background-position:center;margin-bottom:var(--spacing-m)}.not-found-title{font-size:1.5rem;font-weight:600;color:var(--text-color);margin:0 0 var(--spacing-s) 0}.not-found-message{color:var(--text-secondary-color);margin:0 0 var(--spacing-l) 0;max-width:500px}.not-found-action-button{padding:var(--spacing-s) var(--spacing-l);background-color:var(--surface-color);color:var(--text-color);border:none;border-radius:var(--border-radius-m);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.not-found-action-button:hover{background-color:var(--surface-color-hover);transform:translateY(-2px)}.tab-content{background:var(--background-color);min-height:400px;position:relative;padding:0}.tab-pane{animation:tabFadeIn .3s cubic-bezier(.4,0,.2,1)}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.bili-comments-container{background:var(--card-color);border-radius:12px;border:1px solid var(--divider-color);overflow:hidden;box-shadow:0 2px 4px #00000005}:root{--primary-color: var(--theme-primary-color, #5384ff);--primary-light: var(--theme-primary-light, #eef3ff);--primary-dark: var(--theme-primary-dark, #3a67d9);--secondary-color: var(--theme-secondary-color, #ff6b6b);--text-primary: var(--text-color, #2c3e50);--text-secondary: var(--text-secondary-color, #5a6a7e);--text-tertiary: var(--text-tertiary, #8fa0b5);--text-on-primary: white;--text-on-dark: rgba(255, 255, 255, .9);--background-color: var(--background, #ffffff);--surface-color: var(--surface-color, #f7f9fc);--surface-color-hover: var(--surface-color-hover, #edf1f7);--card-color: var(--card-color, #ffffff);--divider-color: var(--divider-color, #eaeff5);--success-color: var(--success-color, #41c98e);--error-color: var(--error-color, #ff5e5e);--warning-color: var(--warning-color, #ffb648);--info-color: var(--info-color, #54a0ff);--border-radius-xs: 4px;--border-radius-s: 6px;--border-radius-m: 12px;--border-radius-l: 16px;--border-radius-xl: 24px;--border-radius-pill: 9999px;--spacing-xxs: 2px;--spacing-xs: 4px;--spacing-s: 8px;--spacing-m: 16px;--spacing-l: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-s: 0 2px 4px rgba(0, 0, 0, .05);--shadow-m: 0 4px 12px rgba(0, 0, 0, .08);--shadow-l: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--font-family: "PingFang SC", "Helvetica Neue", Arial, sans-serif;--header-height: 60px;--tab-height: 56px;--content-max-width: 1200px;--content-padding: 16px;--mobile-bottom-bar-height: 64px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes breathe{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.comic-detail-container{position:relative;width:100%;max-width:var(--content-max-width);margin:0 auto;padding-top:1px;color:var(--text-color);font-family:var(--font-family);line-height:1.5;background-color:var(--background-color);overflow:hidden}.reading-progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));z-index:1000;transition:width .1s ease}.floating-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background-color:var(--background-color);box-shadow:var(--shadow-s);z-index:999;transform:translateY(0);transition:transform var(--transition-normal);animation:slideInRight var(--transition-normal)}.floating-header-content{display:flex;align-items:center;max-width:var(--content-max-width);margin:0 auto;padding:0 var(--content-padding);height:100%}.floating-cover{width:40px;height:40px;border-radius:var(--border-radius-s);background-size:cover;background-position:center;margin-right:var(--spacing-m);box-shadow:var(--shadow-xs)}.floating-title{flex:1;font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-color);margin-right:var(--spacing-m)}.floating-actions{display:flex;align-items:center}.floating-read-button{padding:var(--spacing-xs) var(--spacing-m);background-color:var(--color-primary);color:var(--text-on-primary);border:none;border-radius:var(--border-radius-pill);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.floating-read-button:hover{background-color:var(--primary-dark);transform:translateY(-1px)}.button-icon{width:20px;height:20px}.comic-detail-page-ad{width:100%;max-width:960px;margin:2rem auto}@media(max-width:768px){.comic-detail-page-ad{margin:1.5rem 0}}.action-button{flex:1;padding:var(--spacing-m);border:none;border-radius:var(--border-radius-m);font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:var(--spacing-s);cursor:pointer;transition:all var(--transition-fast)}.action-button.primary{background-color:var(--color-primary);color:var(--text-on-primary)}.action-button.primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-m)}.action-button.secondary{background-color:var(--surface-color);color:var(--text-color)}.action-button.secondary:hover{background-color:var(--surface-color-hover);transform:translateY(-2px)}.action-button.secondary.active{background-color:var(--primary-light);color:var(--color-primary)}.tab-pane{width:100%;padding:0;margin:0}.comic-hero-section.mobile{position:relative;width:100%;margin-bottom:8px}.cover-banner{position:relative;width:100%;min-height:240px;display:flex;align-items:flex-end;background-size:cover;background-position:center;background-color:#0000001a}.cover-blur-overlay{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--surface-secondary-color);opacity:.7;z-index:1}.hero-main-info{position:relative;z-index:2;width:100%;padding:12px 0 10px;font-weight:600}.cover-row{position:relative;display:flex;justify-content:center;margin-bottom:12px;min-height:180px}.cover-img-mobile{width:60%;max-width:200px;height:auto;aspect-ratio:3/4;border-radius:6px;box-shadow:var(--shadow-medium);border:1px solid var(--border-secondary-color);background-color:var(--surface-secondary-color);position:relative}.cover-img-mobile:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--border-accent-color);border-radius:50%;animation:cover-spinner 1s linear infinite;opacity:0;transition:opacity .3s}.cover-img-mobile:not([src]){min-height:300px}.cover-img-mobile:not([src]):before{opacity:1}@keyframes cover-spinner{to{transform:translate(-50%,-50%) rotate(360deg)}}.finished-badge{position:absolute;top:-3px;right:20%;background:var(--color-error);color:var(--text-inverse-color);border-radius:3px;padding:2px 6px;font-size:.7em;font-weight:700;box-shadow:var(--shadow-light);z-index:3}.title-row{display:flex;align-items:center;gap:6px;font-size:1.1rem;font-weight:700;padding:0 12px}.comic-hero-meta-row{margin-top:8px;font-size:.85em;opacity:.92;display:flex;gap:8px;padding:0 12px}.tags-row{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px;padding:0 12px}.hero-category-tag{display:inline-flex;align-items:center;background:var(--color-primary);color:var(--text-inverse-color);font-size:12px;font-weight:500;padding:4px 8px;border-radius:12px;border:none;cursor:pointer;transition:background-color .2s ease;text-decoration:none;white-space:nowrap;line-height:1;min-height:20px;box-sizing:border-box}.hero-category-tag:hover{background:var(--color-primary-dark, #d6336c)}.tag{background:var(--surface-color);color:var(--text-secondary-color);border-radius:4px;padding:2px 6px;font-size:.75em;border:1px solid var(--border-color)}.actions-row{margin-top:16px;display:flex;gap:6px;padding:0 12px}.read-btn,.like-btn,.fav-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;background:var(--surface-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:6px;padding:8px 6px;font-size:.8em;font-weight:500;box-shadow:var(--shadow-light);transition:all .2s ease}.read-btn>*:first-child,.like-btn>*:first-child,.fav-btn>*:first-child{width:14px;height:14px;flex-shrink:0}.read-btn{background:var(--color-error);color:var(--text-inverse-color)}.like-btn:hover,.fav-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-medium);background-color:var(--hover-bg-color)}.read-btn:hover{background:var(--color-error);color:var(--text-inverse-color);filter:brightness(.9);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.info-right .read-btn>*:first-child,.info-right .like-btn>*:first-child,.info-right .fav-btn>*:first-child{width:14px;height:14px;flex-shrink:0}.like-btn.loading,.fav-btn.loading{opacity:.7;cursor:not-allowed;pointer-events:none}.spinner{animation:spinner-rotate 1s linear infinite}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.actions-row .like-btn.loading,.actions-row .fav-btn.loading{opacity:.7;cursor:not-allowed;pointer-events:none}.comic-hero-section.desktop{display:flex;gap:20px;padding:20px 0;max-width:1200px;margin:0 auto;align-items:flex-start}.cover-left{flex-shrink:0;width:200px;max-width:200px}.cover-img{width:100%;max-height:280px;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:10px;box-shadow:0 6px 20px #00000026;transition:transform .3s ease,box-shadow .3s ease}.cover-img:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0003}.info-right{flex:1;min-height:200px;display:flex;flex-direction:column;padding-left:6px}.info-right .comic-title{font-size:1.8rem;font-weight:700;color:var(--text-color);margin:0 0 14px;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.05)}.info-right .comic-hero-meta-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:0;align-items:center;padding-bottom:14px}.info-right .comic-hero-author{font-size:.9rem;font-weight:600;color:var(--text-color)}.info-right .comic-hero-status-badge{background:var(--color-success);color:var(--text-inverse-color);padding:2px 8px;border-radius:14px;font-size:.75rem;font-weight:600}.info-right .comic-hero-chinese-team{font-size:.8rem;color:var(--text-secondary-color)}.info-right .tags-row{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:0;padding-bottom:16px}.info-right .hero-category-tag{display:inline-flex;align-items:center;background:var(--color-primary);color:var(--text-inverse-color);font-size:13px;font-weight:500;padding:5px 10px;border-radius:14px;border:none;cursor:pointer;transition:background-color .2s ease;text-decoration:none;white-space:nowrap;line-height:1;min-height:24px;box-sizing:border-box}.info-right .hero-category-tag:hover{background:var(--color-primary-dark, #d6336c)}.info-right .tag{background:var(--surface-color);color:var(--text-secondary-color);border-radius:5px;padding:3px 8px;font-size:.75rem;border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease}.info-right .tag:hover{background:var(--border-color);color:var(--text-color);transform:translateY(-1px)}.info-right .actions-row{display:flex;gap:8px;margin-top:auto;padding-top:16px;max-width:350px}.info-right .read-btn,.info-right .like-btn,.info-right .fav-btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 14px;border:none;border-radius:5px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.info-right .read-btn{background:var(--color-error);color:var(--text-inverse-color);flex:1.2}.info-right .read-btn:hover{background:var(--color-error);filter:brightness(.9);transform:translateY(-2px);box-shadow:0 6px 16px #ff5a5f66}.info-right .like-btn,.info-right .fav-btn{background:var(--surface-color);color:var(--text-color);border:1px solid var(--border-color);flex:1}.info-right .read-btn>*:first-child,.info-right .like-btn>*:first-child,.info-right .fav-btn>*:first-child{width:12px;height:12px;flex-shrink:0}@media(max-width:375px){.cover-banner{min-height:200px}.cover-row{min-height:150px;margin-bottom:10px}.cover-img-mobile{width:55%;max-width:170px}.title-row{font-size:1rem;padding:0 10px}.comic-title{font-size:1rem!important}.comic-hero-meta-row,.tags-row,.actions-row{padding:0 10px}.actions-row{gap:4px}.read-btn,.like-btn,.fav-btn{padding:6px 4px;font-size:.75em}.read-btn>*:first-child,.like-btn>*:first-child,.fav-btn>*:first-child{width:12px;height:12px}}@media(max-width:1024px){.comic-hero-section.desktop{padding:20px 16px}.cover-left{width:200px;max-width:200px}.cover-img{max-height:280px}.info-right .comic-title{font-size:1.5rem}.info-right{min-height:200px}}@media(max-width:768px){.comic-hero-section.desktop{flex-direction:column;align-items:center;text-align:center}.cover-left{width:180px;max-width:180px;margin-bottom:20px}.info-right{width:100%;min-height:auto;padding-left:0}.info-right .comic-title{font-size:1.2rem}.info-right .actions-row{justify-content:center;margin-top:24px;padding-top:16px}.info-right .tags-row{justify-content:center}.hero-category-tag{font-size:11px;padding:3px 6px;min-height:18px}.info-right .hero-category-tag{font-size:12px;padding:4px 8px;min-height:20px}}@media(max-width:390px){.info-right .comic-title{font-size:1.1rem;line-height:1.25}}@media(max-width:480px){.info-right .comic-title{font-size:1rem;line-height:1.3;margin:0 0 10px}.title-row{font-size:.85rem}.hero-category-tag{font-size:10px;padding:2px 5px;min-height:16px}.info-right .hero-category-tag{font-size:11px;padding:3px 6px;min-height:18px}}@media(max-width:375px){.info-right .comic-title{font-size:.95rem;line-height:1.2;margin:0 0 8px}.title-row{font-size:.8rem}}@media(max-width:360px){.info-right .comic-title{font-size:.9rem;line-height:1.2;margin:0 0 6px}.title-row{font-size:.75rem}}@media(max-width:320px){.info-right .comic-title{font-size:.85rem;line-height:1.1;margin:0 0 5px}.title-row{font-size:.7rem}.hero-category-tag{font-size:9px;padding:1px 4px;min-height:14px}.info-right .hero-category-tag{font-size:10px;padding:2px 5px;min-height:16px}}.modern-creator-section{width:100%;background:linear-gradient(135deg,var(--surface-color) 0%,var(--surface-secondary-color) 100%);border-radius:16px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000a}.modern-creator-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-dark) 50%,var(--color-primary) 100%)}.modern-creator-section:hover{transform:translateY(-2px);box-shadow:0 8px 25px #5384ff1f;border-color:var(--color-primary)}.creator-header-modern{display:flex;align-items:flex-start;gap:16px;padding:20px;transition:background-color .2s ease;position:relative}.creator-avatar-container-modern{position:relative;flex-shrink:0;cursor:pointer}.creator-avatar-modern{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid var(--color-primary);background:var(--surface-color);transition:all .3s ease;box-shadow:0 4px 12px #5384ff26}.creator-avatar-modern:hover{transform:scale(1.05);box-shadow:0 6px 16px #5384ff40}.creator-online-dot{position:absolute;bottom:4px;right:4px;width:14px;height:14px;background:#10b981;border:2px solid var(--surface-color);border-radius:50%;box-shadow:0 2px 4px #0000001a;animation:pulse-online 2s infinite}@keyframes pulse-online{0%,to{opacity:1}50%{opacity:.7}}.creator-level-badge{position:absolute;top:-6px;left:-6px;width:24px;height:24px;background:var(--surface-color);border:2px solid var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.level-icon{width:12px;height:12px}.creator-info-modern{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.creator-identity{display:flex;flex-direction:column;gap:6px}.creator-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.creator-name-modern{font-size:1.1rem;font-weight:700;color:var(--text-color, #1a202c);margin:0;line-height:1.2;letter-spacing:-.025em}.inline-achievement-badges{display:flex;gap:4px;align-items:center}.inline-achievement-badge{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--surface-color, #f8fafc);border-radius:50%;transition:all .2s ease;position:relative}.inline-achievement-badge:hover{background:var(--color-primary-light);border-color:var(--color-primary);transform:scale(1.1)}.inline-achievement-badge:after{content:attr(data-tooltip);position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:var(--text-color);color:var(--text-inverse-color);padding:4px 8px;border-radius:4px;font-size:.7rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:10}.inline-achievement-badge:hover:after{opacity:1;visibility:visible}.creator-level-modern{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.level-text{font-size:.8rem;font-weight:600;color:#fff;background:var(--color-primary);padding:2px 8px;border-radius:12px;border:none;box-shadow:0 1px 3px #0000001a}.level-badge-text{font-size:.75rem;font-weight:500;color:var(--text-color);background:var(--background-secondary-color);padding:2px 6px;border-radius:8px;border:1px solid var(--border-color)}.creator-bio-modern{font-size:.85rem;color:var(--text-secondary-color);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word}.creator-actions-modern{display:flex;flex-direction:column;gap:8px;align-self:flex-start}.view-more-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.75rem;font-weight:500;color:var(--text-secondary-color);min-width:48px}.view-more-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.action-icon{width:14px;height:14px}.action-text{font-size:.7rem;line-height:1}@media(max-width:768px){.modern-creator-section{border-radius:12px;margin:0 -2px}.creator-header-modern{padding:16px;gap:12px}.creator-avatar-modern{width:56px;height:56px;border-width:2px}.creator-level-badge{width:20px;height:20px;top:-4px;left:-4px}.level-icon{width:10px;height:10px}.creator-name-modern{font-size:1rem}.inline-achievement-badge{width:18px;height:18px}.inline-achievement-emoji{font-size:.55rem}.creator-bio-modern{font-size:.8rem;-webkit-line-clamp:1}.view-more-btn{padding:6px 8px;min-width:40px}.action-icon{width:12px;height:12px}.action-text{font-size:.65rem}}@media(max-width:480px){.creator-header-modern{padding:12px;gap:10px}.creator-avatar-modern{width:48px;height:48px}.creator-info-modern{gap:8px}.creator-identity{gap:4px}.creator-name-modern{font-size:.95rem}.inline-achievement-badge{width:16px;height:16px}.inline-achievement-emoji{font-size:.5rem}.level-text,.level-badge-text{font-size:.7rem;padding:1px 4px}.creator-actions-modern{gap:6px}.view-more-btn{padding:4px 6px;min-width:36px;border-radius:6px}}@media(prefers-color-scheme:dark){.modern-creator-section{background:linear-gradient(135deg,var(--surface-color) 0%,var(--surface-secondary-color) 100%);border-color:#ffffff1a;box-shadow:0 2px 8px #0003}.modern-creator-section:hover{box-shadow:0 8px 25px #5384ff33}.creator-online-dot{border-color:var(--surface-color)}.creator-level-badge{background:var(--surface-color);border-color:var(--color-primary)}.inline-achievement-badge,.view-more-btn{border-color:#ffffff1a}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.modern-creator-section .creator-info-modern>*{animation:slideInFromLeft .3s ease-out}.modern-creator-section .creator-info-modern>*:nth-child(1){animation-delay:.1s}.modern-creator-section .creator-info-modern>*:nth-child(2){animation-delay:.2s}.modern-creator-section .creator-info-modern>*:nth-child(3){animation-delay:.3s}.unified-info-card{width:100%;background:var(--surface-color);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;margin:0;padding:0;box-shadow:0 1px 3px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1)}.unified-info-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.info-section{padding:0;position:relative}.section-divider{height:1px;background:var(--border-color);margin:0;opacity:.8}.info-section.creator-section{background:linear-gradient(135deg,var(--surface-secondary-color) 0%,var(--surface-color) 100%);border-bottom:1px solid var(--border-color);padding:0;position:relative}.info-section.creator-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary) 0%,transparent 100%)}.info-section.creator-section .creator-section{background:transparent;border-radius:0;box-shadow:none;margin:0;overflow:visible;transform:none;border:none}.info-section.creator-section .creator-section:hover{transform:none;box-shadow:none}.info-tab-stats-area{padding:16px 20px;background:var(--surface-color)}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats-data-item{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;background:var(--surface-secondary-color);border-radius:8px;border:1px solid var(--border-color);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.stats-data-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-primary);transform:scaleX(0);transition:transform .3s ease}.stats-data-item:hover{background:var(--color-primary-light);border-color:var(--color-primary);transform:translateY(-1px)}.stats-data-item:hover:before{transform:scaleX(1)}.stats-data-icon{width:14px;height:14px;color:var(--color-primary);flex-shrink:0}.stats-data-value{font-size:.85rem;font-weight:600;color:var(--text-color);font-variant-numeric:tabular-nums;line-height:1}.section-title{font-size:.95rem;font-weight:600;color:var(--text-color);margin:0 0 12px;display:flex;align-items:center;gap:8px;padding:16px 20px 0;position:relative}.section-title:before{content:"";width:3px;height:14px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:2px}.section-count{background:var(--surface-secondary-color);color:var(--text-secondary-color);font-size:.75rem;padding:2px 6px;border-radius:10px;border:1px solid var(--border-color);font-weight:500;margin-left:auto}.description-section{padding:0 20px 16px}.description-content{background:var(--surface-secondary-color);border-radius:8px;padding:14px 16px;border:1px solid var(--border-color);position:relative}.description-text{color:var(--text-secondary-color);line-height:1.6;font-size:.9rem;margin:0;white-space:pre-wrap;word-wrap:break-word}.description-text.collapsed{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.expand-btn{background:none;border:none;color:var(--color-primary);font-size:.8rem;font-weight:500;cursor:pointer;margin-top:8px;padding:0;display:flex;align-items:center;gap:4px;transition:color .2s ease}.expand-btn:hover{color:var(--color-primary-dark)}.expand-icon{width:12px;height:12px;transition:transform .2s ease}.expand-btn.expanded .expand-icon{transform:rotate(180deg)}.tags-section{padding:0 20px 16px}.tags-container{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag{display:inline-flex;align-items:center;padding:4px 10px;background:var(--surface-secondary-color);border:1px solid var(--border-color);border-radius:16px;font-size:.8rem;font-weight:500;color:var(--text-secondary-color);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;white-space:nowrap}.tag:hover{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-1px)}.tag.info-category-tag{background:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:600}.tag.info-category-tag:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px)}.details-section{padding:0 20px 20px}.details-grid{display:grid;gap:10px;margin-top:8px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--surface-secondary-color);border-radius:6px;border:1px solid var(--border-color);transition:all .2s ease}.detail-item:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.detail-label{font-size:.8rem;font-weight:500;color:var(--text-secondary-color);min-width:60px;flex-shrink:0}.detail-value{font-size:.85rem;font-weight:500;color:var(--text-color);text-align:right}.detail-value.clickable{color:var(--color-primary);cursor:pointer;transition:color .2s ease}.detail-value.clickable:hover{color:var(--color-primary-dark)}.mobile-inline-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-inline .detail-item{margin:0}.mobile-date-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-date .detail-item{margin:0}@media(max-width:768px){.unified-info-card{border-radius:8px;margin:0}.info-tab-stats-area{padding:14px 16px}.stats-row{gap:8px}.stats-data-item{padding:8px 6px}.stats-data-value{font-size:.8rem}.section-title{padding:12px 16px 0;font-size:.9rem}.description-section,.tags-section,.details-section{padding-left:16px;padding-right:16px}.description-content{padding:12px 14px}.description-text{font-size:.85rem}.tags-container{gap:4px}.tag{padding:3px 8px;font-size:.75rem}.detail-item{padding:6px 10px}.detail-label{font-size:.75rem;min-width:50px}.detail-value{font-size:.8rem}.mobile-inline-row,.mobile-date-row{gap:6px}}@media(max-width:480px){.unified-info-card{margin:0;border-radius:6px}.stats-row{grid-template-columns:repeat(3,1fr);gap:5px}.stats-data-item{padding:8px 2px;justify-content:center}.stats-data-icon{width:12px;height:12px}.stats-data-value{font-size:.75rem}.mobile-inline-row,.mobile-date-row{grid-template-columns:1fr;gap:4px}.tags-container{gap:6px}.tag{padding:4px 10px;font-size:.8rem}}@media(prefers-color-scheme:dark){.unified-info-card{border-color:#ffffff1a;box-shadow:0 1px 3px #0003}.unified-info-card:hover{box-shadow:0 4px 12px #0000004d}.section-divider{background:#ffffff1a}.stats-data-item,.description-content,.detail-item,.tag{border-color:#ffffff1a}}.page-badge{position:fixed;bottom:0;left:0;display:flex;align-items:center;gap:.25rem;padding:.4rem .6rem;background:#000000bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:0 8px 0 0;color:#fff;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;z-index:900;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 12px #0000004d;padding-bottom:calc(.4rem + env(safe-area-inset-bottom));padding-left:calc(.6rem + env(safe-area-inset-left))}.page-badge:hover{background:#000000d9;border-color:#ffffff4d;transform:scale(1.05);box-shadow:0 6px 20px #0006}.page-badge:active{transform:scale(1.02)}.settings-icon{font-size:.875rem;color:#fff;flex-shrink:0}.page-text{font-size:.75rem;font-weight:600;letter-spacing:.3px;white-space:nowrap;color:#fff}.page-jump-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.page-jump-dialog{background:var(--surface-color, #ffffff);border-radius:var(--border-radius-medium, 12px);box-shadow:var(--shadow-heavy, 0 20px 40px rgba(0, 0, 0, .15));max-width:420px;width:90%;max-height:90vh;overflow:hidden;position:relative;animation:slideIn .3s ease-out;border:1px solid var(--border-secondary-color, rgba(255, 255, 255, .1))}.page-jump-header{padding:var(--spacing-lg, 24px) var(--spacing-lg, 24px) var(--spacing-md, 20px);border-bottom:1px solid var(--border-color, #e5e7eb);display:flex;align-items:flex-start;gap:var(--spacing-md, 16px);position:relative}.page-icon{width:40px;height:40px;background:var(--color-primary, #3b82f6);border-radius:var(--border-radius-medium, 10px);display:flex;align-items:center;justify-content:center;color:var(--text-inverse-color, white);flex-shrink:0}.page-icon svg{width:20px;height:20px}.page-title{flex:1}.page-title h3{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--text-color, #111827)}.page-title p{margin:0;font-size:14px;color:var(--text-secondary-color, #6b7280);line-height:1.5}.page-close-btn{position:absolute;top:20px;right:20px;width:32px;height:32px;border:none;background:var(--background-secondary-color, #f3f4f6);border-radius:var(--border-radius-small, 6px);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary-color, #6b7280);transition:all var(--transition-fast, .2s ease)}.page-close-btn:hover{background:var(--hover-bg-color, #e5e7eb);color:var(--text-color, #111827)}.page-close-btn svg{width:16px;height:16px}.progress-section{padding:var(--spacing-lg, 24px)}.progress-label{font-size:14px;color:var(--text-secondary-color, #6b7280);font-weight:500;margin-bottom:var(--spacing-md, 20px);text-align:center}.progress-slider{position:relative;padding:30px 0;cursor:pointer}.progress-slider.loading{cursor:wait;opacity:.7;pointer-events:none}.progress-track{position:relative;width:100%;height:8px;background:var(--background-secondary-color, #f3f4f6);border-radius:var(--border-radius-small, 4px)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary, #3b82f6),var(--color-primary-light, #60a5fa));border-radius:var(--border-radius-small, 4px);transition:width var(--transition-normal, .3s ease);position:relative}.progress-thumb{position:absolute;top:50%;width:20px;height:20px;background:var(--surface-color, #ffffff);border:3px solid var(--color-primary, #3b82f6);border-radius:var(--border-radius-round, 50%);transform:translate(-50%,-50%);cursor:grab;transition:all var(--transition-fast, .2s ease);box-shadow:var(--shadow-light, 0 2px 8px rgba(0, 0, 0, .15));z-index:10;touch-action:none}.progress-thumb:hover{transform:translate(-50%,-50%) scale(1.2);box-shadow:var(--shadow-medium, 0 4px 12px rgba(59, 130, 246, .4))}.progress-thumb.dragging{cursor:grabbing;transform:translate(-50%,-50%) scale(1.1);box-shadow:0 4px 16px #3b82f680}.progress-thumb.loading{cursor:wait;animation:pulse 1.5s ease-in-out infinite;border-color:var(--color-primary-light, #60a5fa)}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.15)}}.thumb-inner{width:8px;height:8px;background:var(--color-primary, #3b82f6);border-radius:var(--border-radius-round, 50%);margin:3px auto auto}.progress-marks{position:absolute;top:100%;left:0;right:0;height:30px;pointer-events:none;margin-top:10px}.progress-mark{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs, 4px)}.mark-line{width:1px;height:6px;background:var(--border-color, #e5e7eb)}.mark-label{font-size:12px;color:var(--text-muted-color, #9ca3af);font-weight:500;font-family:SF Mono,Monaco,Consolas,monospace}.page-actions{padding:var(--spacing-md, 20px) var(--spacing-lg, 24px) var(--spacing-lg, 24px);display:flex;gap:var(--spacing-md, 12px);border-top:1px solid var(--border-color, #e5e7eb)}.btn{flex:1;padding:var(--spacing-md, 12px) var(--spacing-lg, 16px);border:none;border-radius:var(--border-radius-small, 8px);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast, .2s ease);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs, 6px)}.btn-secondary:hover:not(:disabled){background:var(--button-secondary-hover-bg-color, #e5e7eb);border-color:var(--border-accent-color, #9ca3af)}.btn-primary{background:var(--button-primary-bg-color, #3b82f6);color:var(--button-primary-text-color, white)}.btn-primary:hover:not(:disabled){background:var(--button-primary-hover-bg-color, #2563eb);transform:translateY(-1px);box-shadow:var(--shadow-medium, 0 4px 12px rgba(59, 130, 246, .4))}@media(max-width:768px){.page-badge{padding:.3rem .45rem;font-size:.65rem;border-radius:0 var(--border-radius-small, 6px) 0 0}.settings-icon{font-size:.75rem}.page-text{font-size:.65rem}.page-jump-dialog{max-width:95%;margin:var(--spacing-md, 20px)}.page-jump-header{padding:var(--spacing-md, 20px) var(--spacing-md, 20px) var(--spacing-md, 16px);gap:var(--spacing-md, 12px)}.page-icon{width:36px;height:36px}.page-icon svg{width:18px;height:18px}.page-title h3{font-size:16px}.page-title p{font-size:13px}.progress-section{padding:var(--spacing-md, 20px)}.page-actions{padding:var(--spacing-md, 16px) var(--spacing-md, 20px) var(--spacing-md, 20px);flex-direction:column}.btn{width:100%}}.history-jump-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.history-jump-dialog{background:var(--surface-color, #ffffff);border-radius:var(--border-radius-large, 12px);box-shadow:var(--shadow-heavy, 0 20px 40px rgba(0, 0, 0, .15));max-width:420px;width:90%;max-height:90vh;overflow:hidden;position:relative;animation:slideIn .3s ease-out}.history-jump-header{padding:var(--spacing-lg, 24px) var(--spacing-lg, 24px) var(--spacing-md, 20px);border-bottom:1px solid var(--border-color, #e5e7eb);display:flex;align-items:flex-start;gap:var(--spacing-md, 16px);position:relative}.history-icon{width:40px;height:40px;background:var(--color-primary, #3b82f6);border-radius:var(--border-radius-medium, 10px);display:flex;align-items:center;justify-content:center;color:var(--color-white, #ffffff);flex-shrink:0}.history-icon svg{width:20px;height:20px}.history-title{flex:1;min-width:0}.history-title h3{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--text-color, #111827)}.history-title p{margin:0;font-size:14px;color:var(--text-secondary-color, #6b7280);line-height:1.5}.history-close-btn{position:absolute;top:var(--spacing-md, 20px);right:var(--spacing-md, 20px);width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary-color, #6b7280);border-radius:var(--border-radius-medium, 8px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast, .15s);z-index:1}.history-close-btn:hover{background:var(--hover-bg-color, #f3f4f6);color:var(--text-color, #111827)}.history-close-btn svg{width:18px;height:18px;flex-shrink:0}.countdown-badge{background:var(--color-warning, #f59e0b);color:var(--color-white, #ffffff);padding:4px var(--spacing-sm, 8px);border-radius:var(--border-radius-small, 6px);font-size:12px;font-weight:500;animation:pulse 1s infinite;display:inline-block;margin-top:var(--spacing-sm, 8px)}.history-jump-content{padding:var(--spacing-md, 20px) var(--spacing-lg, 24px)}.history-info{margin-bottom:var(--spacing-md, 20px)}.history-detail{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm, 12px)}.detail-label{font-size:14px;color:var(--text-secondary-color, #6b7280)}.detail-value{font-size:14px;font-weight:500;color:var(--text-color, #111827)}.progress-percent{color:var(--color-primary, #3b82f6);margin-left:var(--spacing-sm, 8px)}.progress-bar{width:100%;height:6px;background:var(--background-secondary-color, #f3f4f6);border-radius:var(--border-radius-small, 3px);overflow:hidden;margin-top:var(--spacing-sm, 12px)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary, #3b82f6),var(--color-primary-light, #60a5fa));border-radius:var(--border-radius-small, 3px);transition:width var(--transition-normal, .3s) ease}.history-jump-actions{padding:var(--spacing-md, 20px) var(--spacing-lg, 24px) var(--spacing-lg, 24px);display:flex;gap:var(--spacing-sm, 12px);border-top:1px solid var(--border-color, #e5e7eb)}.btn{flex:1;padding:var(--spacing-sm, 12px) var(--spacing-md, 16px);border:none;border-radius:var(--border-radius-medium, 8px);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast, .2s) ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs, 6px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--button-secondary-bg-color, #f3f4f6);color:var(--button-secondary-text-color, #111827);border:1px solid var(--border-color, #d1d5db)}.btn-secondary:hover:not(:disabled){background:var(--button-secondary-hover-bg-color, #e5e7eb);border-color:var(--hover-border-color, #9ca3af)}.btn-primary{background:var(--button-primary-bg-color, #3b82f6);color:var(--button-primary-text-color, #ffffff)}.btn-primary:hover:not(:disabled){background:var(--button-primary-hover-bg-color, #2563eb);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media(max-width:768px){.history-jump-dialog{max-width:95%;margin:var(--spacing-md, 20px)}.history-jump-header{padding:var(--spacing-md, 20px) var(--spacing-md, 20px) var(--spacing-md, 16px);gap:var(--spacing-sm, 12px)}.history-icon{width:36px;height:36px}.history-icon svg{width:18px;height:18px}.history-title h3{font-size:16px}.history-title p{font-size:13px}.history-close-btn{width:28px;height:28px}.history-close-btn svg{width:16px;height:16px;flex-shrink:0}.history-jump-content{padding:var(--spacing-md, 16px) var(--spacing-md, 20px)}.history-jump-actions{padding:var(--spacing-md, 16px) var(--spacing-md, 20px) var(--spacing-md, 20px);flex-direction:column}.btn{width:100%}}@media(prefers-color-scheme:dark){.history-jump-dialog{background:var(--surface-color, #1f2937)}.history-title h3{color:var(--text-color, #f9fafb)}.history-title p,.detail-label{color:var(--text-secondary-color, #9ca3af)}.detail-value{color:var(--text-color, #f9fafb)}.history-close-btn{color:var(--text-secondary-color, #9ca3af)}.history-close-btn:hover{background:var(--hover-bg-color, #374151);color:var(--text-color, #f9fafb)}.btn-secondary{background:var(--button-secondary-bg-color, #374151);color:var(--button-secondary-text-color, #f9fafb);border-color:var(--border-color, #4b5563)}.btn-secondary:hover:not(:disabled){background:var(--button-secondary-hover-bg-color, #4b5563)}}.comic-reader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--background-color, #000);display:flex;flex-direction:column;overflow:hidden;z-index:1000;touch-action:pan-x pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.icon{width:1.25rem;height:1.25rem;flex-shrink:0}.comic-reader:fullscreen{background:var(--background-color, #000)}.nav-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--md-sys-color-on-surface, var(--on-surface-color, #1c1b1f));cursor:pointer;padding:0;margin:0}.nav-button svg{width:24px;height:24px;color:inherit}.header-title{flex:1;display:flex;align-items:center;min-width:0}.header-actions{display:flex;align-items:center;gap:8px;margin-left:16px}.action-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:none;border-radius:24px;background:transparent;color:var(--md-sys-color-on-surface, var(--on-surface-color, #1c1b1f));cursor:pointer;transition:background-color .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.action-button:hover{background:var(--md-sys-color-on-surface-hover, rgba(28, 27, 31, .08))}.action-button:active{background:var(--md-sys-color-on-surface-pressed, rgba(28, 27, 31, .12))}.action-button:focus-visible{outline:2px solid var(--md-sys-color-primary, var(--color-primary, #6750a4));outline-offset:2px}.action-button svg{width:24px;height:24px;color:inherit}.action-button.active{background:var(--md-sys-color-primary-container, var(--primary-container-color, #eaddff));color:var(--md-sys-color-on-primary-container, var(--on-primary-container-color, #21005d))}.action-button.active:hover{background:var(--md-sys-color-primary-container-hover, rgba(234, 221, 255, .92))}.menu-container{position:relative}@keyframes menuFadeIn{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-color-scheme:dark){.nav-button,.action-button{color:var(--md-sys-color-on-surface-dark, var(--on-surface-color, #e6e0e9))}.nav-button:hover,.action-button:hover{background:var(--md-sys-color-on-surface-hover-dark, rgba(230, 224, 233, .08))}.nav-button:active,.action-button:active{background:var(--md-sys-color-on-surface-pressed-dark, rgba(230, 224, 233, .12))}.action-button.active{background:var(--md-sys-color-primary-container-dark, var(--primary-container-color, #4f378b));color:var(--md-sys-color-on-primary-container-dark, var(--on-primary-container-color, #eaddff))}}.reader-content{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background:var(--background-color, #000);margin-top:63px;touch-action:none;transition:margin-top .3s cubic-bezier(.4,0,.2,1)}.reader-ad-container{position:absolute;bottom:80px;left:50%;transform:translate(-50%);width:100%;max-width:800px;padding:0 16px;box-sizing:border-box;z-index:5}@media(max-width:768px){.reader-content{margin-top:56px}.reader-ad-container{bottom:70px;padding:0 12px}}.reader-content.header-hidden{margin-top:0!important}.image-error-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000c;color:#fff;z-index:10;text-align:center}:root{--nav-size-small-width: 50px;--nav-size-small-button: 44px;--nav-size-medium-width: 60px;--nav-size-medium-button: 48px;--nav-size-large-width: 80px;--nav-size-large-button: 64px;--nav-size-xlarge-width: 120px;--nav-size-xlarge-button: 96px;--nav-width: var(--nav-size-medium-width);--nav-button-min-size: var(--nav-size-medium-button)}.reader-content[data-navigation-size=small]{--nav-width: var(--nav-size-small-width);--nav-button-min-size: var(--nav-size-small-button)}.reader-content[data-navigation-size=medium]{--nav-width: var(--nav-size-medium-width);--nav-button-min-size: var(--nav-size-medium-button)}.reader-content[data-navigation-size=large]{--nav-width: var(--nav-size-large-width);--nav-button-min-size: var(--nav-size-large-button)}.reader-content[data-navigation-size=xlarge]{--nav-width: var(--nav-size-xlarge-width);--nav-button-min-size: var(--nav-size-xlarge-button)}.reader-content[data-navigation-size=auto]{--nav-width: var(--nav-size-medium-width);--nav-button-min-size: var(--nav-size-medium-button)}@container reader-container (max-width: 599px){.reader-content[data-navigation-size=auto]{--nav-width: var(--nav-size-small-width);--nav-button-min-size: var(--nav-size-small-button)}}@container reader-container (min-width: 900px){.reader-content[data-navigation-size=auto]{--nav-width: var(--nav-size-large-width);--nav-button-min-size: var(--nav-size-large-button)}}.page-navigation{position:absolute;top:10%;bottom:10%;width:var(--nav-width);display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:auto}.page-navigation.left{left:0}.page-navigation.right{right:0}.page-navigation.hidden{opacity:0!important;pointer-events:none!important}.page-nav-button{width:100%;height:100%;min-width:var(--nav-button-min-size);min-height:var(--nav-button-min-size);background:transparent;border:none;color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;outline:none}.page-nav-button:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary, rgba(59, 130, 246, .5))}.page-nav-button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-primary, rgba(59, 130, 246, .5))}@media(hover:hover)and (pointer:fine){.page-navigation{opacity:0;transition:opacity .3s ease}.page-navigation:hover:not(.hidden){opacity:1}.page-nav-button:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:4px;height:80px;background:#fff3;border-radius:2px;opacity:0;transition:all .3s ease}.nav-left:before{left:15px}.nav-right:before{right:15px}.page-navigation:hover .page-nav-button:before{opacity:1;background:#fff6}.page-nav-button:hover:before{background:#fff9;transform:translateY(-50%) scale(1.1)}.page-nav-button:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;opacity:0;transition:all .3s ease}.nav-left:after{border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:12px solid rgba(255,255,255,.6);margin-left:-2px}.nav-right:after{border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid rgba(255,255,255,.6);margin-left:2px}.page-navigation:hover .page-nav-button:after{opacity:1}.page-nav-button:hover:after{transform:translate(-50%,-50%) scale(1.2)}.nav-left:hover:after{border-right-color:#ffffffe6}.nav-right:hover:after{border-left-color:#ffffffe6}.page-nav-button:hover{background:#0003}}@media(hover:none){.page-navigation{opacity:0!important}.page-navigation:active{opacity:.3!important;transition:opacity .05s ease}.page-navigation:hover,.reader-content:hover .page-navigation{opacity:0!important}.page-nav-button:active{background:#0003}.page-nav-button:focus{outline:none;background:transparent}.page-nav-button:before,.page-nav-button:after{display:none!important}}.navigation-guide{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;padding:1rem 1.5rem;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:#fff;text-align:center;animation:fadeInUp .3s ease}.guide-content p{margin:0 0 1rem;font-size:.875rem;color:#ffffffe6}.guide-close-btn{padding:.5rem 1rem;background:rgba(var(--color-primary-rgb, 59, 130, 246),.2);border:1px solid rgba(var(--color-primary-rgb, 59, 130, 246),.3);border-radius:.375rem;color:var(--color-primary, #60a5fa);font-size:.75rem;cursor:pointer;transition:all .2s ease}.guide-close-btn:hover{background:rgba(var(--color-primary-rgb, 59, 130, 246),.3)}.image-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;pointer-events:none;animation:fadeIn .2s ease-out}.loading-page-info{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.loading-page-number{font-size:2rem;font-weight:700;color:var(--color-primary, var(--text-color, #60a5fa));text-shadow:0 2px 8px rgba(var(--color-primary-rgb, 96, 165, 250),.3);letter-spacing:.05em}.loading-page-text{font-size:.875rem;color:var(--text-secondary-color, rgba(255, 255, 255, .8));font-weight:500}.loading-spinner-container{position:relative;display:flex;align-items:center;justify-content:center}.loading-spinner-ring{width:3rem;height:3rem;border:3px solid rgba(var(--color-primary-rgb, 96, 165, 250),.2);border-top:3px solid var(--color-primary, #60a5fa);border-radius:50%;animation:spin 1.2s linear infinite}.zoom-reset-container{position:fixed;bottom:20px;right:20px;z-index:1001;opacity:.9;transition:opacity .3s ease}.zoom-reset-container:hover{opacity:1}.zoom-reset-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#000c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000004d,0 2px 6px #0003;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.zoom-reset-button:hover{background:#000000e6;border-color:#ffffff4d;transform:scale(1.1);box-shadow:0 6px 16px #0006,0 3px 8px #0000004d}.zoom-reset-button:active{transform:scale(.95);transition:transform .1s ease}.reset-icon{width:20px;height:20px}.auto-read-status-overlay{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:1000;pointer-events:none;animation:slideInDown .3s ease-out}.auto-read-status-content{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#000c;color:#fff;border-radius:20px;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000004d}.auto-read-icon{display:flex;align-items:center;justify-content:center}.loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.countdown-icon{font-size:16px;color:#4caf50}.error-icon{font-size:16px;color:#f44336}.auto-read-text{white-space:nowrap}.image-error-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.error-content{text-align:center;padding:24px;background:#ffffff1a;border-radius:12px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:300px}@media(max-width:768px){.auto-read-status-overlay{top:60px}.auto-read-status-content{padding:6px 12px;font-size:13px}}@keyframes slideInDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:768px){.zoom-reset-container{bottom:80px;right:16px}.zoom-reset-button{width:44px;height:44px;min-width:44px;min-height:44px}.reset-icon{width:18px;height:18px}}@media(max-width:480px){.zoom-reset-container{bottom:70px;right:12px}.zoom-reset-button{width:40px;height:40px;min-width:40px;min-height:40px}.reset-icon{width:16px;height:16px}}@media(max-width:768px){.comic-reader{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation}.reader-content{touch-action:manipulation}.page-controls{gap:.25rem;padding:.125rem}.page-indicator{font-size:.8rem}}@media(max-width:480px){.page-controls{flex-shrink:1;min-width:0}}@media(prefers-contrast:high){.page-controls{border-color:var(--border-color, rgba(255, 255, 255, .3))}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-color-scheme:dark){.comic-reader{background:var(--background-color, #000)}}.reader-actions{display:flex;align-items:center;gap:10px}.reader-actions .page-indicator{margin-right:5px;font-size:.9rem;color:#fff;background:#0006;padding:2px 8px;border-radius:12px}.reader-actions .icon-btn{border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.reader-actions .icon-btn:hover{background-color:#0009}.reader-actions .icon-btn.active{background-color:#1976d2}.reader-actions .icon-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.reader-actions{gap:5px}.reader-actions .page-indicator{font-size:.8rem}.reader-actions .icon-btn{width:28px;height:28px}}.page-pair{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;overflow:hidden}.page-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;-webkit-user-select:none;user-select:none;transition:opacity .3s ease}.page-image.loading{opacity:0}.page-image.loaded{opacity:1}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}.loading-spinner{width:2rem;height:2rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid #fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-text{font-size:.875rem;color:#fffc;margin:0}.page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ef4444;text-align:center;padding:2rem}.error-icon{font-size:2rem;margin-bottom:.5rem}.error-text{font-size:1rem;font-weight:600;margin:0 0 .5rem}.error-detail{font-size:.75rem;color:#fff9;margin:0;word-break:break-all}.click-area{position:absolute;top:0;bottom:0;width:100%;display:flex;align-items:center;pointer-events:none;z-index:10}.click-hint{background-color:#000000b3;color:#fff;padding:.5rem 1rem;border-radius:1.5rem;font-size:.875rem;font-weight:500;opacity:0;transform:translateY(.5rem);transition:all .3s ease;pointer-events:none}.page-pair:hover .click-hint{opacity:.8;transform:translateY(0)}@media(max-width:768px){.click-hint{font-size:.75rem;padding:.25rem .75rem}.page-error{padding:1rem}.error-icon{font-size:1.5rem}.error-text{font-size:.875rem}}@media(hover:none){.click-hint{opacity:.6;transform:translateY(0)}.page-pair:active .click-hint{opacity:1}}.dual-page-content{width:100%;height:100%;display:flex;flex-direction:column;position:relative;background-color:#000}.page-info{position:absolute;top:1rem;left:50%;transform:translate(-50%);z-index:10;background-color:#000000b3;color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;pointer-events:none}.page-numbers{font-weight:600}.page-total{color:#9ca3af}.dual-page-layout{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}.page-container{flex:1;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.left-page-container{border-right:1px solid rgba(255,255,255,.1)}.right-page-container{border-left:1px solid rgba(255,255,255,.1)}.page-divider{width:2px;height:60%;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.2),transparent);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5}.empty-page{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#ffffff0d;border:2px dashed rgba(255,255,255,.2);border-radius:.5rem;margin:1rem}.empty-page-text{color:#ffffff80;font-size:1rem;font-weight:500}@media(max-width:768px){.page-info{top:.5rem;font-size:.75rem;padding:.125rem .5rem}.page-container,.empty-page{margin:.5rem}}@media(orientation:portrait){.dual-page-layout{flex-direction:row}.page-container{flex:1;height:100%}}.dual-page-navigation{display:flex;align-items:center;gap:1rem;padding:.5rem 0}.page-controls{display:flex;align-items:center;gap:.75rem}.nav-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.375rem;color:#fff;cursor:pointer;transition:all .2s ease}.nav-btn:hover:not(.disabled){background-color:#fff3;border-color:#ffffff4d}.nav-btn:active:not(.disabled){transform:scale(.95)}.nav-btn.disabled{opacity:.4;cursor:not-allowed}.page-indicator{display:flex;align-items:center;background-color:#0009;padding:.5rem 1rem;border-radius:1rem;font-size:.875rem;font-weight:500;color:#fff;min-width:4rem;text-align:center}.current-page{color:#60a5fa;font-weight:600}.page-divider{margin:0 .25rem;color:#fff9}.total-pages{color:#fffc}.control-buttons{display:flex;align-items:center;gap:.5rem}.control-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.375rem;color:#fff;cursor:pointer;transition:all .2s ease}.control-btn:hover{background-color:#fff3;border-color:#ffffff4d}.control-btn:active{transform:scale(.95)}.reader-type-btn{background-color:#3b82f633;border-color:#3b82f666}.reader-type-btn:hover{background-color:#3b82f64d;border-color:#3b82f680}.reader-type-text{font-size:.875rem;font-weight:600}.fullscreen-btn{background-color:#10b98133;border-color:#10b98166}.fullscreen-btn:hover{background-color:#10b9814d;border-color:#10b98180}@media(max-width:768px){.dual-page-navigation,.page-controls{gap:.5rem}.nav-btn,.control-btn{width:2rem;height:2rem}.page-indicator{padding:.25rem .75rem;font-size:.75rem;min-width:3rem}.reader-type-text{font-size:.75rem}}.nav-btn:hover:after{opacity:1}.dual-page-reader{width:100vw;height:100vh;display:flex;flex-direction:column;background-color:#000;color:#fff;overflow:hidden;position:relative;orientation:landscape}.dual-page-container{flex:1;display:flex;flex-direction:row;width:100%;height:100%;overflow:hidden;position:relative}.dual-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.dual-page-loading p{margin-top:1rem;color:#fff;font-size:1rem}.dual-page-error{display:flex;align-items:center;justify-content:center;min-height:100vh}.error-content{text-align:center;padding:2rem}.error-message{color:#ef4444;font-size:1.125rem;margin-bottom:1rem}.error-back-btn{background-color:#3b82f6;color:#fff;padding:.5rem 1rem;border:none;border-radius:.375rem;cursor:pointer;font-size:1rem;transition:background-color .2s}.error-back-btn:hover{background-color:#2563eb}@media(max-width:768px){.dual-page-reader{transform-origin:center center}}@media(orientation:portrait){.dual-page-reader{display:flex;flex-direction:column}.dual-page-container{flex-direction:row}}.dual-page-reader:fullscreen,.dual-page-reader:-webkit-full-screen,.dual-page-reader:-moz-full-screen,.dual-page-reader:-ms-fullscreen{width:100vw;height:100vh}.dual-page-reader:fullscreen .dual-page-container,.dual-page-reader:-webkit-full-screen .dual-page-container,.dual-page-reader:-moz-full-screen .dual-page-container,.dual-page-reader:-ms-fullscreen .dual-page-container{height:100vh}.comic-list-item{display:flex;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.comic-list-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.comic-list-item__cover{position:relative;width:120px;min-width:120px;height:160px;overflow:hidden}.comic-list-item__cover-img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease,transform .3s ease;opacity:0}.comic-list-item__cover-img--loaded{opacity:1}.comic-list-item:hover .comic-list-item__cover-img{transform:scale(1.05)}.comic-list-item__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f0f0f0;overflow:hidden}.comic-list-item__placeholder-shimmer{position:absolute;top:0;left:0;width:200%;height:100%;background:linear-gradient(to right,#f0f0f0,#e0e0e0,#f0f0f0 40%,#f0f0f0);animation:shimmer 1.5s infinite linear}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(50%)}}.comic-list-item__badge{position:absolute;top:5px;left:0;background-color:#ff6b81d9;color:#fff;font-size:10px;padding:1px 6px;border-radius:0 3px 3px 0;font-weight:700;box-shadow:0 1px 3px #0000001a}.comic-list-item__content{flex:1;padding:12px 16px;display:flex;flex-direction:column;justify-content:space-between}.comic-list-item__header{margin-bottom:8px}.comic-list-item__title{font-size:16px;font-weight:700;margin:0 0 8px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comic-list-item__meta{display:flex;gap:16px;font-size:13px;color:#666}.comic-list-item__author{display:flex;align-items:center}.comic-list-item__author{cursor:pointer}.comic-list-item__author:hover{color:#1890ff;text-decoration:underline}.comic-list-item__icon--small{width:14px;height:14px;margin-right:4px}.comic-list-item__description{font-size:13px;color:#666;margin:8px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.comic-list-item__footer{display:flex;flex-direction:column;gap:8px;margin-top:auto}.comic-list-item__categories{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin;scrollbar-color:#ccc transparent;padding-bottom:2px}.comic-list-item__categories::-webkit-scrollbar{height:4px}.comic-list-item__categories::-webkit-scrollbar-track{background:transparent}.comic-list-item__categories::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px}.comic-list-item__categories::-webkit-scrollbar-thumb:hover{background-color:#999}.comic-list-item__category{font-size:11px;padding:2px 6px;border-radius:4px;color:#fff;cursor:pointer;white-space:nowrap}.comic-list-item__category:hover{opacity:.8}.comic-list-item__tag{font-size:11px;padding:2px 6px;border-radius:4px;background-color:#f0f0f0;color:#666;cursor:pointer;white-space:nowrap;border:1px solid #ddd}.comic-list-item__tag:hover{background-color:#e0e0e0;color:#333}.comic-list-item__tag--more{background-color:#eaeaea;color:#999}.comic-list-item__stats{display:flex;gap:12px}.comic-list-item__stat{display:flex;align-items:center;font-size:12px;color:#666}.comic-list-item__icon{width:16px;height:16px;margin-right:4px}@media(max-width:768px){.comic-list-item__cover{width:90px;min-width:90px;height:120px}.comic-list-item__description{display:none}.comic-list-item__content{padding:8px 12px}.comic-list-item__title{font-size:14px;margin-bottom:4px}.comic-list-item__meta{gap:10px;font-size:12px}.comic-list-item__stats{gap:8px}.comic-list-item__category{font-size:10px;padding:2px 6px}}.comic-list-header{display:flex;align-items:center;justify-content:space-between;background:var(--surface-color, rgba(255, 255, 255, 1));border:none;border-bottom:.5px solid var(--border-color, rgba(0, 0, 0, .08));padding:12px 20px;margin:0 0 24px;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.comic-list-header-nav-section{display:flex;align-items:center;min-width:120px}@media(max-width:768px){.comic-list-header-nav-section{display:none}}.comic-list-header-back-button{display:flex;align-items:center;justify-content:center;width:32px;height:28px;border:none;border-radius:0;background:none;color:var(--text-secondary-color, #8E8E93);cursor:pointer;transition:color .2s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.comic-list-header-back-button:hover,.comic-list-header-back-button:active{color:var(--text-color, #1C1C1E)}.comic-list-header-back-icon{font-size:16px;transition:color .2s ease}.comic-list-header-title-section{flex:1;display:flex;justify-content:center;align-items:center}@media(max-width:768px){.comic-list-header-title-section{display:none}}.comic-list-header-title{font-size:17px;font-weight:600;color:var(--text-color, #1C1C1E);margin:0;letter-spacing:-.02em;text-align:center}.comic-list-header-controls-section{display:flex;align-items:center;gap:16px;min-width:120px;justify-content:flex-end}.control-group{display:flex;align-items:center;margin:0;box-sizing:border-box}.comic-list-header .control-group,.comic-list-header .sort-control,.comic-list-header .view-control{margin-right:0!important}.sort-control{position:relative}.sort-selector{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--background-color, rgba(242, 243, 245, .8));border:none;border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.sort-selector:hover{background:var(--surface-hover, rgba(242, 243, 245, 1));transform:scale(1.02)}.sort-selector.active{background:var(--primary-bg, rgba(0, 122, 255, .1))}.sort-label{font-size:15px;font-weight:400;color:var(--text-color, #1C1C1E);letter-spacing:-.01em;white-space:nowrap}.sort-chevron{font-size:12px;color:var(--text-secondary-color, #8E8E93);transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.sort-chevron.rotated{transform:rotate(180deg)}.sort-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:var(--dropdown-bg, rgba(255, 255, 255, .95));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:.5px solid var(--dropdown-border, rgba(0, 0, 0, .04));border-radius:12px;box-shadow:var(--dropdown-shadow, 0 16px 32px rgba(0, 0, 0, .1)),0 0 0 .5px var(--dropdown-border, rgba(0, 0, 0, .04));z-index:1000;opacity:0;visibility:hidden;transform:translateY(-12px) scale(.94);transition:all .4s cubic-bezier(.25,.46,.45,.94);overflow:hidden}.sort-dropdown.visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.dropdown-content{padding:8px}.sort-option{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background-color .2s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative}.sort-option:hover{background:var(--surface-hover, rgba(0, 0, 0, .04))}.sort-option:active{background:var(--surface-active, rgba(0, 0, 0, .08));transform:scale(.98)}.option-text{font-size:15px;color:var(--text-color, #1C1C1E);font-weight:400;letter-spacing:-.01em}.sort-option.selected .option-text{color:var(--color-primary, #007AFF);font-weight:500}.selection-indicator{width:6px;height:6px;background:var(--color-primary, #007AFF);border-radius:50%;margin-left:8px}.view-control{position:relative}.segmented-control{display:flex;background:var(--background-color, rgba(242, 243, 245, .8));border-radius:16px;padding:2px;position:relative;transition:background-color .2s ease}.segment{display:flex;align-items:center;justify-content:center;width:32px;height:28px;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;z-index:2;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.segment-icon{font-size:14px;color:var(--text-secondary-color, #8E8E93);transition:color .3s ease}.segment.active .segment-icon,.segment:hover .segment-icon{color:var(--text-color, #1C1C1E)}.segment:active{transform:scale(.95)}.segment-indicator{position:absolute;top:2px;width:32px;height:28px;background:var(--surface-color, rgba(255, 255, 255, .9));border-radius:14px;transition:transform .3s cubic-bezier(.25,.46,.45,.94);z-index:1;box-shadow:0 2px 4px #0000001a}.segment-indicator.grid{transform:translate(0)}.segment-indicator.list{transform:translate(34px)}.filter-link{gap:6px;padding:6px 12px;background:transparent;color:var(--text-secondary-color, #8E8E93);border-radius:16px;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.filter-link:hover{background:var(--surface-hover, rgba(142, 142, 147, .08));color:var(--text-color, #1C1C1E);text-decoration:none;transform:scale(1.02)}.filter-link:active{background:var(--surface-active, rgba(142, 142, 147, .12));transform:scale(.98)}.filter-icon{font-size:14px;transition:color .2s ease}.filter-text{font-size:15px;font-weight:400;letter-spacing:-.01em}@media(prefers-color-scheme:dark){.comic-list-header{background:var(--surface-color, #1e293b);border-bottom-color:var(--border-color, #334155)}.segment-indicator{background:var(--surface-color, rgba(255, 255, 255, .15));box-shadow:0 2px 8px #0000004d}.segment.active .segment-icon,.segment:hover .segment-icon{color:var(--color-primary, #60a5fa)}}@media(max-width:768px){.comic-list-header{padding:8px 12px;margin:0 0 16px;min-height:52px;display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box}.comic-list-header-nav-section,.comic-list-header-title-section{display:none}.comic-list-header-controls-section{gap:8px;flex:none;justify-content:center;align-items:center;height:36px;width:100%;max-width:100%;box-sizing:border-box;padding:0 4px}.control-group{margin:0 2px;flex-shrink:0}.sort-control{position:relative;flex-shrink:0}.sort-selector{padding:4px 8px;min-height:32px;height:32px;display:flex;align-items:center;justify-content:space-between;min-width:70px;max-width:90px;box-sizing:border-box}.sort-label{font-size:14px;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sort-chevron{margin-left:4px;font-size:12px}.segmented-control{padding:2px;height:32px;display:flex;align-items:center}.segment{width:28px;height:28px;border-radius:14px;display:flex;align-items:center;justify-content:center}.segment-icon{font-size:12px}.segment-indicator{width:28px;height:28px;border-radius:14px;top:2px}.segment-indicator.list{transform:translate(30px)}.filter-link{padding:4px 8px;min-height:32px;height:32px;display:flex;align-items:center;justify-content:center;min-width:32px}.filter-text{display:none}.filter-icon{font-size:16px}.sort-dropdown{min-width:160px;right:0;left:auto}.sort-option{padding:12px 16px;font-size:16px}}@media(max-width:480px){.comic-list-header{padding:6px 8px}.comic-list-header-controls-section{gap:6px;padding:0 2px}.control-group{margin:0 1px}.sort-selector{min-width:60px;max-width:80px;padding:3px 6px}.sort-label{font-size:13px;max-width:45px}.segmented-control{width:64px}.segment,.segment-indicator{width:26px;height:26px}.segment-indicator.list{transform:translate(28px)}.filter-link{min-width:28px;padding:3px 6px}}._skeletonGrid_78j6z_99{display:grid;gap:12px;width:100%}._skeletonGrid_78j6z_99._mobile_78j6z_113{grid-template-columns:1fr 1fr;gap:8px}._skeletonGrid_78j6z_99._desktop_78j6z_125{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}._skeletonList_78j6z_145{display:flex;flex-direction:column;gap:12px}@media(min-width:769px){._skeletonGrid_78j6z_99._desktop_78j6z_125{gap:20px}._skeletonList_78j6z_145{gap:16px}}@media(min-width:1024px){._skeletonGrid_78j6z_99._desktop_78j6z_125{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(min-width:1200px){._skeletonGrid_78j6z_99._desktop_78j6z_125{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(min-width:1400px){._skeletonGrid_78j6z_99._desktop_78j6z_125{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@keyframes _fadeIn_78j6z_1{0%{opacity:0}to{opacity:1}}.comic-list-container{max-width:1400px;margin:0 auto;padding:0 1rem 2rem;min-height:100vh}.comic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:15px}.comic-list{display:flex;flex-direction:column;gap:15px}@media(max-width:768px){.comic-list-container{padding:0 .5rem 1rem}.comic-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}}.loading-more{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 0;color:#666;font-size:14px}.loading-more-spinner{width:30px;height:30px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#666;animation:spin 1s ease-in-out infinite;margin-bottom:10px}.list-end-message{text-align:center;padding:15px 0;color:#666;font-size:14px;border-top:1px dashed #eee;margin-top:10px}.empty-state{text-align:center;padding:40px 20px}.empty-state-icon{width:80px;height:80px;margin-bottom:15px}.empty-state-text{font-size:16px;color:#666}.error-state{text-align:center;padding:30px 20px;color:#ff4d4f}.retry-button{margin-top:15px;padding:8px 16px;background-color:#ff4d4f;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.retry-button:hover{background-color:#ff7875}.scroll-to-top{position:fixed;bottom:20px;right:20px;width:40px;height:40px;background-color:#00000080;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;z-index:10}.scroll-to-top:hover{background-color:#000000b3}.scroll-to-top svg{width:24px;height:24px;font-weight:700}@media(max-width:768px){.scroll-to-top{width:45px;height:45px;bottom:70px;right:20px;font-size:18px}@supports (padding-bottom: env(safe-area-inset-bottom)){.scroll-to-top{bottom:calc(70px + env(safe-area-inset-bottom))}}}.comic-list-info{font-size:13px;color:#999;margin-top:15px}.comic-list-ad-grid{grid-column:1 / -1;width:100%;margin:2rem 0;padding:0 1rem;box-sizing:border-box}.comic-list-ad-list{width:100%;margin:2rem 0;padding:0 1rem;box-sizing:border-box}@media(max-width:768px){.comic-list-ad-grid,.comic-list-ad-list{margin:1.5rem 0;padding:0 .5rem}}.comic-list-page{padding:15px;max-width:1200px;margin:0 auto}.back-button{padding:8px 15px;border:none;color:var(--text-color);border-radius:var(--border-radius-small);cursor:pointer;font-size:14px;display:flex;align-items:center;margin-right:15px;transition:background-color var(--transition-fast)}.back-button:before{content:"←";margin-right:5px}.page-title{font-size:22px;margin:0;font-weight:700}@media(max-width:768px){.comic-list-page{padding:10px}.page-title{font-size:18px}.back-button{padding:6px 10px;font-size:12px}}.search-page{max-width:1200px;margin:0 auto;padding:20px}.search-page-header{display:flex;align-items:center;margin-bottom:20px}.back-button{background-color:var(--color-primary);color:#fff;border:none;border-radius:4px;padding:8px 15px;margin-right:15px;cursor:pointer;font-size:14px}.page-title{font-size:1.8rem;margin:0}.search-form{background-color:var(--background-secondary-color);padding:20px;border-radius:12px;margin-bottom:20px;box-shadow:0 4px 8px #00000014;transition:all .3s ease}.search-form-row{display:flex;flex-wrap:wrap;margin-bottom:15px;align-items:flex-start;gap:15px}.search-form-field{flex:1;min-width:250px;margin-bottom:15px}.keyword-field{flex:2}.search-form label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-color);font-size:15px}.input-with-button{display:flex;position:relative;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px #0000001a;transition:all .3s ease;border:1px solid var(--border-color)}.input-with-button:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.15)}.input-with-button input{flex-grow:1;padding:12px 16px;border:none;border-radius:0;background-color:var(--input-bg-color);color:var(--text-color);font-size:15px;outline:none}.search-button{display:flex;align-items:center;justify-content:center;gap:8px;background-color:var(--color-primary);color:#fff;border:none;padding:0 20px;cursor:pointer;font-size:15px;font-weight:600;transition:all .2s ease;white-space:nowrap;min-width:100px}.search-button:hover{background-color:var(--color-primary-dark)}.search-button:active{transform:scale(.98)}.search-button:disabled{background-color:var(--color-primary-light);cursor:not-allowed;opacity:.8}.search-loading-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sort-select{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--input-bg-color);color:var(--text-color);font-size:15px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:16px;transition:all .2s ease}.sort-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.15);outline:none}.reset-button{display:flex;align-items:center;justify-content:center;gap:8px;background-color:var(--color-primary-light);color:#fff;border:none;border-radius:8px;padding:12px 20px;cursor:pointer;font-size:15px;font-weight:500;transition:all .2s ease}.reset-button:hover{background-color:var(--secondary-color-dark)}.reset-button:active{transform:scale(.98)}.categories-field{position:relative;margin-top:10px}.categories-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:14px 16px;margin-bottom:0;background-color:var(--bg-color-tertiary);border-radius:8px;transition:all .3s ease;-webkit-user-select:none;user-select:none;box-shadow:0 2px 4px #0000000d}.categories-header:hover{background-color:var(--bg-color-hover)}.categories-header label{margin-bottom:0;font-weight:600;color:var(--text-color)}.categories-count{margin-left:auto;margin-right:10px;font-size:14px;color:var(--text-secondary-color);background-color:var(--background-secondary-color);padding:5px 10px;border-radius:20px;font-weight:500;box-shadow:0 2px 4px #0000000d}.toggle-categories-button{background:none;border:none;color:var(--text-secondary-color);cursor:pointer;font-size:16px;padding:5px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,color .3s ease}.toggle-categories-button:hover{color:var(--color-primary)}.selected-categories{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;padding:5px}.selected-category-tag{display:flex;align-items:center;background-color:rgba(var(--primary-color-rgb),.1);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:20px;padding:6px 12px;font-size:14px;font-weight:500;transition:all .2s ease;animation:fadeIn .3s ease;box-shadow:0 2px 4px #0000000d}.selected-category-tag:hover{background-color:rgba(var(--primary-color-rgb),.15);transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.remove-category-button{background:none;border:none;display:flex;align-items:center;justify-content:center;margin-left:8px;color:var(--color-primary);cursor:pointer;padding:2px;font-size:12px;border-radius:50%;transition:all .2s ease}.remove-category-button:hover{background-color:rgba(var(--primary-color-rgb),.2);color:var(--color-primary-dark)}.categories-expanded-panel{margin-top:12px;background-color:var(--background-secondary-color);border-radius:12px;box-shadow:0 6px 16px #0000001a;overflow:hidden;animation:slideDown .3s ease forwards;border:1px solid var(--border-color)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.categories-search{padding:15px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:12px;background-color:var(--bg-color-tertiary);transition:all .3s ease;flex-wrap:wrap}.categories-search input{flex:1;padding:12px 16px;border-radius:12px;border:1px solid transparent;background-color:var(--input-bg-color);color:var(--text-color);font-size:14px;transition:all .3s ease;box-shadow:0 2px 8px #00000014;min-width:0}.categories-search .reset-button{border-radius:12px;padding:12px 18px;background-color:var(--color-primary-light);box-shadow:0 2px 8px #00000014;border:none;min-width:auto;white-space:nowrap;font-weight:600;transition:all .3s ease}.categories-search .reset-button:hover{background-color:var(--secondary-color-dark);transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.categories-search .reset-button:active{transform:translateY(0);box-shadow:0 2px 8px #00000014}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:15px;max-height:350px;overflow-y:auto;scrollbar-width:thin}.categories-grid::-webkit-scrollbar{width:6px}.categories-grid::-webkit-scrollbar-track{background:var(--bg-color-tertiary);border-radius:10px}.categories-grid::-webkit-scrollbar-thumb{background-color:var(--text-color-tertiary);border-radius:10px}.category-card{position:relative;display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-radius:8px;background-color:var(--bg-color-tertiary);border:1px solid var(--border-color);cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none;box-shadow:0 2px 4px #0000000d}.category-card:hover{background-color:var(--bg-color-hover);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.category-card.selected{background-color:rgba(var(--primary-color-rgb),.1);border-color:var(--color-primary)}.category-name{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-color)}.category-checkbox{width:20px;height:20px;border-radius:4px;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;transition:all .2s ease;background-color:var(--background-secondary-color);flex-shrink:0}.category-card.selected .category-checkbox{background-color:var(--color-primary);border-color:var(--color-primary)}.checkmark{position:relative;width:12px;height:12px}.checkmark:before,.checkmark:after{content:"";position:absolute;background-color:#fff}.checkmark:before{width:3px;height:8px;transform:rotate(45deg);right:2px;top:0}.checkmark:after{width:8px;height:3px;transform:rotate(45deg);left:0;bottom:2px}.categories-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;color:var(--text-secondary-color)}.loading-spinner{width:30px;height:30px;border:3px solid rgba(var(--primary-color-rgb),.3);border-radius:50%;border-top-color:var(--color-primary);animation:spin 1s linear infinite;margin-bottom:15px}.error-message{color:var(--error-color);background-color:rgba(var(--error-color-rgb),.1);padding:12px 16px;border-radius:8px;margin-top:10px;border-left:3px solid var(--error-color);font-size:14px}.no-categories-found{text-align:center;padding:25px;color:var(--text-secondary-color);font-style:italic}.categories-warning{display:flex;align-items:center;width:100%;margin-top:10px;padding:10px 15px;background-color:rgba(var(--warning-color-rgb),.1);border-left:3px solid var(--warning-color, #ff9800);color:var(--warning-color, #ff9800);border-radius:6px;font-size:14px;animation:fadeIn .3s ease}.warning-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:var(--warning-color, #ff9800);color:#fff;border-radius:50%;margin-right:10px;font-weight:700;font-size:12px}@media(max-width:768px){.back-button-desktop-only{display:none}.search-form-row{flex-direction:column}.search-form-field{width:100%;margin-right:0}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.categories-search{flex-direction:column;gap:10px;padding:12px}.categories-search input{width:100%}.categories-search .reset-button{width:100%;justify-content:center;padding:10px;font-size:14px}}.hot-keywords{margin-bottom:1rem;width:100%}.hot-keywords-title{font-size:.9rem;font-weight:600;margin-bottom:.75rem;color:var(--cats-text-secondary);display:flex;align-items:center;gap:.5rem}.hot-keywords-title svg{width:16px;height:16px}.hot-keywords-list{display:flex;flex-wrap:wrap;gap:4px;padding:4px 0}.hot-keyword-item{display:inline-block;margin:2px;padding:6px 12px;background:#fffc;border:.5px solid rgba(0,0,0,.04);border-radius:6px;font-size:13px;font-weight:400;color:#1d1d1f;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 .5px 1px #0000000d;white-space:nowrap}.hot-keyword-item:hover{transform:translateY(-1px);background:#fffffff2;border-color:#00000014;box-shadow:0 2px 8px #00000014}.hot-keyword-item:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.6) 0%,transparent 50%);opacity:0;transition:opacity .2s ease;border-radius:6px}.hot-keyword-item:hover:after{opacity:1}@media(max-width:768px){.hot-keywords{margin-bottom:.75rem}.hot-keyword-item{font-size:12px;padding:5px 10px}}@media(min-width:769px){.hot-keywords{margin-bottom:1rem}.hot-keywords-list{max-width:90%}.hot-keyword-item{font-size:14px;padding:6px 12px}}@media(-webkit-min-device-pixel-ratio:2){.hot-keyword-item{border-width:.5px}}@media(prefers-color-scheme:dark){.hot-keyword-item{background:#ffffff1a;border-color:#ffffff1a;color:var(--cats-text, #ffffff)}.hot-keyword-item:hover{background:#fff3;border-color:#fff3}}.cats-toolbar{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap;align-items:center}.cats-search-wrap{position:relative;flex:1;min-width:200px}.cats-search{width:100%;padding:.5rem 2rem .5rem .75rem;border-radius:var(--cats-border-radius);border:1px solid var(--cats-border);font-size:.875rem;outline:none;transition:var(--cats-transition);background-color:var(--input-bg-color);color:var(--input-text-color)}.cats-search:focus{border-color:var(--cats-primary);box-shadow:0 0 0 2px var(--cats-primary-light)}.cats-search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--cats-text-secondary);font-size:1rem;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.cats-filter-button{display:flex;align-items:center;justify-content:center;height:36px;width:36px;color:var(--cats-text-secondary);background-color:var(--cats-card-bg);border:1px solid var(--cats-border);border-radius:var(--cats-border-radius);transition:var(--cats-transition)}.cats-filter-button:hover{background-color:var(--cats-primary-light);color:var(--cats-primary);border-color:var(--cats-primary)}.cats-filter-button svg{width:20px;height:20px}.cats-controls{display:flex;gap:.5rem}.cats-view-toggle{display:flex;border:1px solid var(--cats-border);border-radius:var(--cats-border-radius);overflow:hidden}.cats-icon-btn{background:none;border:none;padding:.5rem .75rem;cursor:pointer;color:var(--cats-text-secondary);transition:var(--cats-transition);display:flex;align-items:center;justify-content:center;gap:.375rem;font-size:.875rem;min-width:60px}.cats-icon-btn.active{background-color:var(--cats-primary);color:#fff}.cats-icon-btn:not(.active):hover{background-color:var(--cats-hover-bg)}@media(max-width:640px){.cats-icon-btn{padding:.4rem .5rem;min-width:50px}}@media(max-width:768px){.cats-toolbar{margin-bottom:.5rem}}.cats-tags-bar{margin-bottom:.75rem;border-radius:var(--cats-border-radius);background-color:var(--cats-card-bg);border:1px solid var(--cats-border);padding:.5rem;position:relative}.cats-tags-scroll{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:thin;scrollbar-color:var(--cats-text-secondary) transparent}.cats-tags-scroll::-webkit-scrollbar{height:4px}.cats-tags-scroll::-webkit-scrollbar-track{background:transparent}.cats-tags-scroll::-webkit-scrollbar-thumb{background-color:var(--cats-text-secondary);border-radius:4px}.cats-tag-btn{padding:.25rem .625rem;border-radius:1rem;border:1px solid var(--cats-border);background:none;color:var(--cats-text-secondary);font-size:.75rem;white-space:nowrap;cursor:pointer;transition:var(--cats-transition)}.cats-tag-btn.active{background-color:var(--cats-primary);color:#fff;border-color:var(--cats-primary)}.cats-tag-btn:not(.active):hover{background-color:var(--cats-hover-bg)}@media(max-width:768px){.cats-tags-bar{margin-bottom:.5rem}}.cats-filter-info{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background-color:var(--cats-primary-light);border-radius:var(--cats-border-radius);margin-bottom:.75rem;font-size:.875rem}.cats-filter-summary{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.cats-active-filters{display:flex;flex-wrap:wrap;gap:.25rem}.cats-active-tag{display:inline-flex;align-items:center;padding:.125rem .375rem;border-radius:1rem;background-color:var(--cats-primary);color:#fff;font-size:.75rem}.cats-tag-remove{border:none;background:none;color:#fff;margin-left:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.125rem}.cats-reset-btn{padding:.25rem .5rem;font-size:.75rem}@media(max-width:768px){.cats-filter-info{padding:.375rem .5rem;margin-bottom:.5rem}}.cats-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.cats-grid-standard{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.cats-grid-dense{display:flex;flex-wrap:wrap;gap:6px;padding:20px;justify-content:flex-start;align-items:flex-start}.cats-tag-cloud{display:inline-block;margin:2px;padding:6px 12px;background:#fffc;border:.5px solid rgba(0,0,0,.04);border-radius:6px;font-size:13px;font-weight:400;color:#1d1d1f;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 .5px 1px #0000000d;white-space:nowrap}.cats-tag-cloud.web{background:rgba(var(--primary-color-rgb, 99, 102, 241),.1);border-color:var(--cats-primary-border);color:var(--cats-primary)}.cats-tag-cloud:hover{transform:translateY(-1px);background:#fffffff2;border-color:#00000014;box-shadow:0 2px 8px #00000014}.cats-tag-cloud.web:hover{background:rgba(var(--primary-color-rgb, 99, 102, 241),.15);border-color:var(--cats-primary-hover-border);box-shadow:0 2px 8px var(--cats-primary-shadow)}.cats-tag-cloud:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.6) 0%,transparent 50%);opacity:0;transition:opacity .2s ease;border-radius:6px}.cats-tag-cloud:hover:after{opacity:1}.cats-item{border-radius:var(--cats-border-radius);overflow:hidden;background-color:var(--cats-card-bg);border:1px solid var(--cats-border);box-shadow:var(--cats-shadow);transition:var(--cats-transition);cursor:pointer;display:flex;flex-direction:column;position:relative;isolation:isolate}.cats-item:hover{transform:translateY(-2px);box-shadow:var(--cats-shadow-hover);border-color:var(--cats-primary)}.cats-item-img-wrap{position:relative;width:100%;padding-top:100%;overflow:hidden;background-color:var(--cats-hover-bg)}.cats-item-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.215,.61,.355,1);will-change:transform}.cats-item:hover .cats-item-img{transform:scale(1.08)}.cats-item-img-wrap:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000 60%,#0006);pointer-events:none;z-index:1;opacity:.7;transition:opacity .3s ease}.cats-item:hover .cats-item-img-wrap:after{opacity:1}.cats-badge{position:absolute;padding:.25rem .5rem;border-radius:2rem;font-size:.7rem;font-weight:500;z-index:2;box-shadow:0 2px 4px #0003;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:transform .2s ease,opacity .2s ease}.cats-badge.web{top:0;right:0;border-radius:0 0 0 8px;background-color:rgba(var(--primary-color-rgb, 59, 130, 246),.85);color:#fff;padding:.2rem .4rem}.cats-badge.new{top:.625rem;left:.625rem;background-color:#dc2626d9;color:#fff}.cats-item:hover .cats-badge{transform:translateY(-2px)}.cats-item-content{padding:.5rem;display:flex;flex-direction:column;flex-grow:1;position:relative;z-index:2;text-align:center;align-items:center;background-color:var(--surface-color)}.cats-item-title{font-size:.85rem;font-weight:600;margin:0;color:var(--cats-text);line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.cats-item:hover .cats-item-title{color:var(--cats-primary)}@media(prefers-reduced-motion:no-preference){.cats-item{transform:perspective(1000px) rotateX(0) rotateY(0);transform-style:preserve-3d}.cats-item:hover{transform:perspective(1000px) rotateX(2deg) rotateY(0) translateY(-5px)}}.cats-empty{text-align:center;padding:3rem 1rem;color:var(--cats-text-secondary)}.cats-empty-icon{font-size:3rem;margin-bottom:1rem}@media(max-width:768px){.cats-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.cats-grid-standard{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.cats-grid-dense{gap:4px;padding:16px}.cats-tag-cloud{font-size:12px;padding:5px 10px;margin:1px}.cats-item-content{padding:.375rem}.cats-item-title{font-size:.75rem;-webkit-line-clamp:1}.cats-item-img-wrap{padding-top:70%}.cats-badge{padding:.15rem .3rem;font-size:.65rem}.cats-badge.web{padding:.15rem .3rem}.cats-item{border-width:1px;box-shadow:0 1px 2px #0000000d}}@media(min-width:640px){.cats-grid,.cats-grid-standard{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.cats-grid-dense{gap:5px;padding:18px}.cats-tag-cloud{font-size:13px;padding:6px 11px}.cats-item-title{font-size:.95rem}}@media(min-width:1024px){.cats-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.cats-grid-standard{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.cats-grid-dense{gap:6px;padding:20px}.cats-tag-cloud{font-size:14px;padding:6px 12px}.cats-item-content{padding:.75rem}.cats-item-title{font-size:1rem}}@media(min-width:1600px){.cats-grid,.cats-grid-standard{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media(-webkit-min-device-pixel-ratio:2){.cats-tag-cloud{border-width:.5px}}@media(prefers-color-scheme:dark){.cats-tag-cloud{background:#ffffff1a;border-color:#ffffff1a;color:var(--cats-text)}.cats-tag-cloud.web{background:rgba(var(--primary-color-rgb, 99, 102, 241),.2);border-color:var(--cats-primary-border-dark);color:var(--cats-primary)}.cats-tag-cloud:hover{background:#fff3;border-color:#fff3}.cats-tag-cloud.web:hover{background:rgba(var(--primary-color-rgb, 99, 102, 241),.3);border-color:var(--cats-primary-hover-border-dark)}.cats-badge.web{background-color:#3b82f6d9}.cats-badge.new{background-color:#ef4444d9}.cats-item-img-wrap:after{background:linear-gradient(to bottom,#0000001a 60%,#00000080)}}[data-mode=dark] .cats-tag-cloud{background:#ffffff1a;border-color:#ffffff1a;color:var(--cats-text)}[data-mode=dark] .cats-tag-cloud.web{background:rgba(var(--primary-color-rgb, 99, 102, 241),.2);border-color:var(--cats-primary-border-dark);color:var(--cats-primary)}[data-mode=dark] .cats-tag-cloud:hover{background:#fff3;border-color:#fff3}[data-mode=dark] .cats-tag-cloud.web:hover{background:rgba(var(--primary-color-rgb, 99, 102, 241),.3);border-color:var(--cats-primary-hover-border-dark)}[data-mode=dark] .cats-badge.web{background-color:#3b82f6d9}[data-mode=dark] .cats-badge.new{background-color:#ef4444d9}[data-mode=dark] .cats-item-img-wrap:after{background:linear-gradient(to bottom,#0000001a 60%,#00000080)}:root{--modal-z-index: 9999}.web-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--modal-z-index)}.web-modal-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--modal-z-index)}.web-modal-panel{position:relative;width:100%;height:100%;max-width:100%;max-height:100%;background:var(--surface-color, #ffffff);overflow:hidden;z-index:calc(var(--modal-z-index) + 1)}.web-modal-content{height:calc(100vh - var(--header-height-mobile, 56px));overflow:hidden;background-color:var(--surface-color, #ffffff);position:relative;margin-top:var(--header-height-mobile, 56px)}@media(min-width:768px){.web-modal-content{height:calc(100vh - var(--header-height-desktop, 64px));margin-top:var(--header-height-desktop, 64px)}}.web-modal-content-ad{display:flex;justify-content:center;align-items:flex-start;background-color:#f5f5f5}.web-modal-iframe{width:100%;height:100%;border:none;display:block}.web-modal-iframe-ad{width:100%;max-width:390px;margin:0 auto;height:100%;border:none;display:block;box-shadow:0 0 10px #0000001a}.web-modal-iframe::-webkit-scrollbar{width:8px;height:8px}.web-modal-iframe::-webkit-scrollbar-track{background:transparent}.web-modal-iframe::-webkit-scrollbar-thumb{background-color:var(--color-primary, #4a6cf7);opacity:.7;border-radius:4px}.web-modal-iframe{scrollbar-width:thin;scrollbar-color:var(--color-primary, #4a6cf7) transparent}.web-modal-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface-color, #ffffff);z-index:10}.web-modal-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--color-primary, #4a6cf7);animation:spinner 1s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}@media(prefers-color-scheme:dark){.web-modal-loading{background:var(--surface-color, #1e1e1e)}.web-modal-spinner{border-color:#ffffff1a;border-top-color:var(--color-primary, #4a6cf7)}}.close-button{background-color:transparent;border:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--header-text, white);font-weight:400;font-size:22px;line-height:1;font-family:Arial,sans-serif}.close-button:hover{opacity:.8;transform:scale(1.1)}@media(min-width:768px)and (max-width:1024px){.web-modal-iframe-ad{max-width:360px}}@media(min-width:1025px){.web-modal-iframe-ad{max-width:350px}}@media(min-width:1440px){.web-modal-iframe-ad{max-width:330px}}.skeleton-cats-container{max-width:var(--skeleton-max-width, 1280px);margin:0 auto;padding:var(--skeleton-container-padding, 1rem)}.skeleton-cats-toolbar{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap}.skeleton-cats-search-wrap{flex:1;min-width:200px}.skeleton-cats-controls{display:flex;gap:.5rem;align-items:center}.skeleton-cats-hot-keywords-container{margin-bottom:1.5rem}.skeleton-hot-keywords{padding:1rem;background:var(--surface-color);border-radius:var(--cats-border-radius, .5rem);border:1px solid var(--border-color)}.skeleton-hot-keywords-title{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.skeleton-hot-keywords-list{display:flex;flex-wrap:wrap;gap:.5rem}.skeleton-cats-tags-bar{margin-bottom:1.5rem}.skeleton-cats-tags-scroll{display:flex;gap:.5rem;flex-wrap:wrap;padding:.5rem 0}.skeleton-cats-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.skeleton-cats-grid-detailed{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.skeleton-cats-item{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--cats-border-radius, .5rem);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease;min-height:200px}.skeleton-cats-item-detailed{min-height:280px}.skeleton-cats-item-img-wrap{width:100%;aspect-ratio:1;position:relative;overflow:hidden}.skeleton-cats-item-content{padding:1rem;flex:1;display:flex;flex-direction:column}.skeleton-cats-item-tags{display:flex;gap:.375rem;flex-wrap:wrap;margin:.5rem 0}.skeleton-cats-item-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.5rem}.skeleton-cats-container .react-loading-skeleton{--base-color: var(--skeleton-base-color, #ebebeb);--highlight-color: var(--skeleton-highlight-color, #f5f5f5);border-radius:var(--cats-border-radius, .5rem);animation-duration:2.5s;animation-timing-function:ease-in-out}.skeleton-cats-item-img-wrap .react-loading-skeleton{border-radius:0;animation-duration:3s}.skeleton-cats-item-tags .react-loading-skeleton,.skeleton-hot-keywords-list .react-loading-skeleton,.skeleton-cats-tags-scroll .react-loading-skeleton{border-radius:1rem!important;animation-duration:2.8s}.skeleton-hot-keywords-title .react-loading-skeleton:first-child{border-radius:2px;animation-duration:3.2s}.skeleton-cats-item-meta .react-loading-skeleton{border-radius:4px;animation-duration:2.2s}@media(max-width:768px){.skeleton-cats-container{padding:.75rem}.skeleton-cats-toolbar{gap:.5rem;margin-bottom:1rem}.skeleton-cats-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.skeleton-cats-grid-detailed{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.skeleton-cats-item{min-height:180px}.skeleton-cats-item-detailed{min-height:250px}.skeleton-hot-keywords,.skeleton-cats-tags-bar{padding:.75rem}}[data-mode=dark] .skeleton-cats-container .react-loading-skeleton{--base-color: var(--skeleton-base-color, #2a2a2a);--highlight-color: var(--skeleton-highlight-color, #3a3a3a)}[data-mode=dark] .skeleton-hot-keywords,[data-mode=dark] .skeleton-cats-item{background:var(--surface-color);border-color:var(--border-color)}@keyframes gentle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}@keyframes soft-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-cats-item{animation:gentle-pulse 4s ease-in-out infinite}.skeleton-cats-item:nth-child(2n){animation-delay:.5s}.skeleton-cats-item:nth-child(3n){animation-delay:1s}.skeleton-cats-container .react-loading-skeleton:after{animation-timing-function:ease-in-out;opacity:.3}.skeleton-cats-item-img-wrap .react-loading-skeleton{background:linear-gradient(90deg,var(--base-color) 25%,var(--highlight-color) 50%,var(--base-color) 75%);background-size:200% 100%;animation:soft-shimmer 3s ease-in-out infinite}.skeleton-cats-container .react-loading-skeleton{will-change:background-position;contain:layout style paint}.skeleton-cats-item{contain:layout style paint}.skeleton-cats-toolbar{min-height:36px}.skeleton-hot-keywords{min-height:60px}.skeleton-cats-tags-bar{min-height:50px}.skeleton-cats-grid-dense{display:flex;flex-wrap:wrap;gap:6px;padding:20px;justify-content:flex-start;align-items:flex-start}.skeleton-cats-grid-dense .react-loading-skeleton{border-radius:6px!important;margin:2px}@media(max-width:768px){.skeleton-cats-grid-dense{gap:4px;padding:16px}.skeleton-cats-grid-dense .react-loading-skeleton{margin:1px}}@media(min-width:768px)and (max-width:1023px){.skeleton-cats-grid-dense{gap:5px;padding:18px}}@media(min-width:1024px){.skeleton-cats-grid-dense{gap:6px;padding:20px;max-width:1000px;margin:0 auto}}.skeleton-debug-container{min-height:100vh;background:var(--background-color, #f9fafb);transition:all .3s ease;position:relative}.skeleton-debug-container.theme-dark{background:#1a1a1a;color:#fff}.debug-controls{position:fixed;top:20px;right:20px;background:var(--card-background, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;box-shadow:0 8px 32px #0000001a;z-index:1000;max-width:350px;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-color, #374151)}.debug-controls.hidden{transform:translate(calc(100% - 60px))}.controls-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color, #e5e7eb)}.controls-header h2{margin:0;font-size:16px;font-weight:600;color:inherit}.toggle-controls-btn{background:var(--color-primary, #3b82f6);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:background .2s ease}.toggle-controls-btn:hover{background:var(--primary-color-hover, #2563eb)}.controls-content{padding:20px;max-height:70vh;overflow-y:auto}.control-group{margin-bottom:24px}.control-group h3{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-secondary-color, #6b7280)}.control-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.control-btn{padding:8px 16px;border:1px solid var(--border-color, #d1d5db);background:var(--button-background, #ffffff);color:var(--text-color, #374151);border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;white-space:nowrap}.control-btn:hover{background:var(--button-hover-background, #f3f4f6);border-color:var(--border-hover-color, #9ca3af);transform:translateY(-1px)}.control-btn.active{background:var(--color-primary, #3b82f6);color:#fff;border-color:var(--color-primary, #3b82f6)}.status{font-size:12px;color:var(--text-secondary-color, #6b7280);font-weight:500}.info-display{background:var(--card-hover-background, #f8fafc);padding:12px;border-radius:6px;font-size:12px;line-height:1.5;color:var(--text-color, #374151)}.info-display div{margin-bottom:4px}.info-display div:last-child{margin-bottom:0}.debug-preview{padding-top:20px;min-height:100vh}.debug-info{position:fixed;bottom:20px;left:20px;z-index:999}.debug-badge{background:#000000d9;color:#fff;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #0000004d;border:1px solid rgba(255,255,255,.1)}@media(max-width:768px){.debug-controls{position:fixed;top:10px;right:10px;left:10px;max-width:none}.debug-controls.hidden{transform:translateY(calc(-100% + 50px))}.control-row{flex-direction:column;align-items:stretch}.control-btn{width:100%;justify-content:center}.debug-badge{font-size:11px;padding:6px 12px}.controls-header h2,.control-group h3,.status,.info-display{text-shadow:none}}.controls-content::-webkit-scrollbar{width:6px}.controls-content::-webkit-scrollbar-track{background:var(--card-hover-background, #f8fafc);border-radius:3px}.controls-content::-webkit-scrollbar-thumb{background:var(--border-color, #d1d5db);border-radius:3px}.controls-content::-webkit-scrollbar-thumb:hover{background:var(--border-hover-color, #9ca3af)}.debug-controls{animation:slideInFromRight .3s ease-out}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.skeleton-debug-container{transition:background-color .3s ease,color .3s ease}.debug-controls{transition:background-color .3s ease,border-color .3s ease}.debug-controls *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}:root{--cats-border-radius: .5rem;--cats-primary: var(--color-primary);--cats-primary-light: rgba(var(--color-primary-rgb), .1);--cats-secondary: var(--color-primary-light);--cats-card-bg: var(--surface-color);--cats-hover-bg: var(--hover-bg-color);--cats-text: var(--text-color);--cats-text-secondary: var(--text-secondary-color);--cats-border: var(--border-color);--cats-shadow: 0 1px 3px rgba(0, 0, 0, .1);--cats-shadow-hover: 0 4px 6px rgba(0, 0, 0, .1);--cats-transition: all .2s ease;--cats-primary-border: rgba(var(--primary-color-rgb, 99, 102, 241), .2);--cats-primary-hover-border: rgba(var(--primary-color-rgb, 99, 102, 241), .3);--cats-primary-shadow: rgba(var(--primary-color-rgb, 99, 102, 241), .15);--cats-primary-border-dark: rgba(var(--primary-color-rgb, 99, 102, 241), .3);--cats-primary-hover-border-dark: rgba(var(--primary-color-rgb, 99, 102, 241), .4);--cats-overlay-dark: rgba(0, 0, 0, .4);--cats-overlay-light: rgba(0, 0, 0, 0)}.cats-container{max-width:100%;margin:0 auto;padding:.75rem}.cats-button{padding:.5rem .75rem;border-radius:var(--cats-border-radius);border:none;font-weight:500;cursor:pointer;transition:var(--cats-transition)}.cats-button.primary{background-color:var(--cats-primary);color:#fff}.cats-button.primary:hover{background-color:var(--cats-secondary)}.cats-button.secondary{background-color:var(--cats-card-bg);color:var(--cats-primary);border:1px solid var(--cats-primary)}.cats-button.secondary:hover{background-color:var(--cats-primary-light)}.cats-hot-keywords-container{padding:0 1rem .5rem;margin-bottom:.5rem;position:relative}@media(min-width:640px){.cats-container{padding:1rem}}@media(min-width:1024px){.cats-container{padding:1.5rem}}@media(max-width:768px){.cats-container{padding:.5rem}.cats-hot-keywords-container{padding:0 .75rem .5rem}}@media(min-width:769px){.cats-hot-keywords-container{padding:0 1.25rem .75rem}}@media(min-width:1600px){.cats-container{max-width:1600px;padding:2rem}}@media(prefers-color-scheme:dark){:root{--cats-shadow: 0 1px 3px rgba(0, 0, 0, .3);--cats-shadow-hover: 0 4px 6px rgba(0, 0, 0, .4);--cats-card-bg: var(--surface-color);--cats-hover-bg: var(--hover-bg-color)}.cats-button.secondary{background-color:var(--cats-card-bg)}}[data-mode=dark] :root{--cats-shadow: 0 1px 3px rgba(0, 0, 0, .3);--cats-shadow-hover: 0 4px 6px rgba(0, 0, 0, .4);--cats-card-bg: var(--surface-color);--cats-hover-bg: var(--hover-bg-color)}[data-mode=dark] .cats-button.secondary{background-color:var(--cats-card-bg)}.comment-page{min-height:100vh;background-color:var(--page-bg-color, #f8fafc);display:flex;flex-direction:column}.comment-page-container{flex:1;max-width:1200px;margin:0 auto;padding:0 1rem;width:100%}.comment-page-header{background-color:var(--comment-bg-color);border-bottom:1px solid var(--comment-border-color);padding:1rem 0;margin-bottom:1.5rem;position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffffff2}[data-theme=dark] .comment-page-header{background-color:#1a1a1af2}.comment-page-nav{display:flex;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:0 1rem}.comment-page-back{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:none;background:transparent;color:var(--comment-text-color);text-decoration:none;border-radius:.375rem;transition:var(--comment-transition);font-size:.875rem;cursor:pointer}.comment-page-back:hover{background-color:var(--comment-hover-bg);color:var(--color-primary, #3b82f6)}.comment-page-back-icon{font-size:1rem}.comment-page-title{flex:1;margin:0;font-size:1.25rem;font-weight:600;color:var(--comment-text-color);display:flex;align-items:center;gap:.5rem}.comment-page-title-icon{color:var(--color-primary, #3b82f6)}.comment-page-comic-info{background:var(--comment-bg-color);border:1px solid var(--comment-border-color);border-radius:var(--comment-border-radius);padding:1rem;margin-bottom:1.5rem;display:flex;gap:1rem;align-items:flex-start}.comment-page-comic-info--clickable{cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.comment-page-comic-info--clickable:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;background-color:var(--hover-bg-color, #f0f9ff)}.comment-page-comic-info--clickable:active{transform:translateY(0);box-shadow:0 4px 12px #0000001a}.comment-page-comic-info--clickable:focus{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}.comment-page-comic-cover{width:80px;height:120px;border-radius:.375rem;object-fit:cover;background-color:var(--comment-border-color);flex-shrink:0}.comment-page-comic-details{flex:1;min-width:0}.comment-page-comic-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--comment-text-color);line-height:1.4}.comment-page-comic-meta{display:flex;flex-wrap:wrap;gap:1rem;color:var(--comment-text-secondary);font-size:.875rem;margin-bottom:.5rem}.comment-page-comic-meta-item{display:flex;align-items:center;gap:.25rem}.comment-page-comic-description{color:var(--comment-text-secondary);font-size:.875rem;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.comment-page-comic-click-hint{position:absolute;bottom:8px;right:12px;background:#3b82f6e6;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:2}.comment-page-comic-info--clickable:hover .comment-page-comic-click-hint{opacity:1}[data-theme=dark] .comment-page-comic-info--clickable:hover{background-color:var(--hover-bg-color-dark, #1f2937)}[data-theme=dark] .comment-page-comic-click-hint{background:#60a5fae6}.comment-page-disabled{max-width:800px;margin:0 auto 2rem;background:var(--comment-bg-color);border:1px solid var(--comment-border-color)}@media(max-width:768px){.comment-page-disabled{margin:0 1rem 1.5rem;padding:1.5rem 1rem}.comment-disabled-icon{font-size:2.5rem!important}.comment-disabled-title{font-size:1.1rem!important}.comment-disabled-description{font-size:.85rem!important}}.comment-page-main{flex:1;margin-bottom:2rem}.comment-page-loading{display:flex;align-items:center;justify-content:center;min-height:200px;flex-direction:column;gap:1rem;color:var(--comment-text-secondary)}.comment-page-loading-icon{font-size:2rem;animation:spin 1s linear infinite}.comment-page-loading-text{font-size:.875rem}.comment-page-error{display:flex;align-items:center;justify-content:center;min-height:300px;flex-direction:column;gap:1rem;text-align:center;padding:2rem}.comment-page-error-icon{font-size:3rem;color:var(--error-color, #ef4444);margin-bottom:1rem}.comment-page-error-title{font-size:1.25rem;font-weight:600;color:var(--comment-text-color);margin:0 0 .5rem}.comment-page-error-description{color:var(--comment-text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 1.5rem;max-width:400px}.comment-page-error-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.comment-page-retry-button{padding:.75rem 1.5rem;background:var(--color-primary, #3b82f6);color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:var(--comment-transition)}.comment-page-retry-button:hover{background:var(--primary-color-hover, #2563eb)}.comment-page-back-button{padding:.75rem 1.5rem;background:transparent;color:var(--comment-text-color);border:1px solid var(--comment-border-color);border-radius:.5rem;font-weight:500;cursor:pointer;transition:var(--comment-transition)}.comment-page-back-button:hover{background:var(--comment-hover-bg)}@media(max-width:767px){.comment-page-container{padding:0 .5rem}.comment-page-header{padding:.75rem 0;margin-bottom:1rem}.comment-page-nav{padding:0 .5rem}.comment-page-title{font-size:1.125rem}.comment-page-comic-info{padding:.75rem;margin-bottom:1rem;gap:.75rem}.comment-page-comic-info--clickable:hover{transform:none;box-shadow:0 4px 12px #0000001a}.comment-page-comic-click-hint{display:none}.comment-page-comic-info--clickable:active{background-color:var(--active-bg-color, #e0f2fe);transform:scale(.98)}[data-theme=dark] .comment-page-comic-info--clickable:active{background-color:var(--active-bg-color-dark, #374151)}.comment-page-comic-cover{width:60px;height:90px}.comment-page-comic-title{font-size:1rem}.comment-page-comic-meta{gap:.75rem;font-size:.8125rem}.comment-page-comic-description{font-size:.8125rem;-webkit-line-clamp:3}.comment-page-error{padding:1.5rem;min-height:250px}.comment-page-error-icon{font-size:2.5rem}.comment-page-error-title{font-size:1.125rem}.comment-page-error-actions{flex-direction:column;align-items:stretch}.comment-page-retry-button,.comment-page-back-button{padding:.875rem 1rem}}@media(min-width:768px)and (max-width:1023px){.comment-page-comic-info{gap:1.25rem}.comment-page-comic-cover{width:100px;height:150px}}@media(min-width:1024px){.comment-page-comic-info:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.comment-page-back:hover{transform:translate(-2px)}}.comment-page-back:focus,.comment-page-retry-button:focus,.comment-page-back-button:focus{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}.comment-page-comic-info--clickable:focus-visible{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}@media print{.comment-page-header{position:static;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#fff}.comment-page-back{display:none}}:root{--page-bg-color: #f8fafc;--comment-bg-color: #ffffff;--comment-border-color: #e1e4e8;--comment-text-color: #24292e;--comment-text-secondary: #586069;--primary-color: #3b82f6;--primary-color-hover: #2563eb;--error-color: #ef4444;--hover-bg-color: #f0f9ff;--active-bg-color: #e0f2fe;--comment-transition: background-color .2s ease, color .2s ease;--comment-border-radius: .5rem}[data-theme=dark]{--page-bg-color: #121212;--comment-bg-color: #1e1e1e;--comment-border-color: #333;--comment-text-color: #e0e0e0;--comment-text-secondary: #a0a0a0;--primary-color: #3b82f6;--primary-color-hover: #2563eb;--error-color: #ef4444;--hover-bg-color: #374151;--active-bg-color: #4b5563;--comment-transition: background-color .2s ease, color .2s ease;--comment-border-radius: .5rem}.kw-input-form-container{position:relative;width:100%;margin-bottom:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.kw-input-form{position:relative;display:flex;gap:.75rem;width:100%}.kw-input{flex:1;padding:.875rem 3rem .875rem 1rem;background-color:var(--kw-card-bg);border:2px solid var(--kw-border);border-radius:var(--kw-radius-lg);outline:none;font-size:1rem;font-weight:500;color:var(--kw-text);width:100%;letter-spacing:.01em;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000008}.kw-input:focus{border-color:var(--kw-primary);box-shadow:0 0 0 3px var(--kw-primary-light),0 8px 20px #0000000d}.kw-input::placeholder{color:var(--kw-text-secondary);opacity:.7;transition:opacity .3s ease,transform .3s ease}.kw-input-form-container.is-focused .kw-input::placeholder{opacity:.5;transform:translate(5px)}.kw-input-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%) scale(.9);display:flex;align-items:center;justify-content:center;background:none;border:none;padding:.25rem;color:var(--kw-text-secondary);cursor:pointer;border-radius:50%;opacity:0;transition:all .2s cubic-bezier(.4,0,.2,1)}.kw-input-form-container.has-value .kw-input-clear{opacity:.7;transform:translateY(-50%) scale(1)}.kw-input-clear:hover{background-color:#0000000d;color:var(--kw-danger);opacity:1;transform:translateY(-50%) scale(1) rotate(90deg)}.kw-input-clear:active{transform:translateY(-50%) scale(.9) rotate(90deg)}.kw-input-clear svg{width:1.25rem;height:1.25rem}.kw-add-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:0 1.25rem;border:none;border-radius:var(--kw-radius-lg);background:linear-gradient(135deg,var(--kw-primary) 0%,#8b5cf6 100%);color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #6366f14d;position:relative;overflow:hidden}.kw-add-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);transition:left .7s ease}.kw-add-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.kw-add-button:hover:before{left:100%}.kw-add-button:active{transform:translateY(0);box-shadow:0 2px 8px #6366f14d}.kw-add-button.disabled{background:linear-gradient(135deg,#c4c4c4,#a0a0a0);box-shadow:none;cursor:not-allowed;opacity:.7}.kw-add-button.disabled:hover{transform:none;box-shadow:none}.kw-add-button.disabled:before{display:none}.kw-add-button-text{transition:transform .3s ease}.kw-add-button:hover .kw-add-button-text{transform:translate(-3px)}.kw-add-button-icon{display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.kw-add-button:hover .kw-add-button-icon{transform:scale(1.2)}.kw-add-button-icon svg{width:1rem;height:1rem}.kw-input-hint{font-size:.8rem;color:var(--kw-text-secondary);opacity:.7;padding:.5rem .75rem 0;text-align:right;height:1.2rem;transition:opacity .3s ease}.kw-input-form-container:hover .kw-input-hint{opacity:1}.kw-input-hint kbd{display:inline-block;padding:.1rem .4rem;font-size:.75rem;font-weight:600;line-height:1;color:var(--kw-text);background-color:var(--kw-hover-bg);border:1px solid var(--kw-border);border-radius:.25rem;box-shadow:0 1px #0000001a}@media(prefers-color-scheme:dark){.kw-input{background-color:#ffffff0d}.kw-input-clear:hover{background-color:#ffffff1a}.kw-input:focus{box-shadow:0 0 0 3px rgba(var(--primary-color-rgb, 99, 102, 241),.2),0 8px 20px #0003}.kw-add-button{box-shadow:0 4px 12px #6366f133}.kw-add-button:hover{box-shadow:0 6px 16px #6366f14d}}@media(max-width:768px){.kw-input-form-container{margin-bottom:1rem}.kw-input-form{gap:.5rem}.kw-input{padding:.625rem 2.5rem .625rem .75rem;font-size:1rem;min-height:2.5rem}.kw-add-button{height:2.5rem;min-width:4rem;padding:0 .75rem;font-size:.875rem}.kw-add-button-text{font-size:.875rem}.kw-add-button-icon{width:1rem;height:1rem}.kw-input-clear{width:1.75rem;height:1.75rem;right:.5rem}.kw-input-hint{font-size:.8rem;margin-top:.5rem;text-align:center;line-height:1.3}}@media(max-width:480px){.kw-input-form-container{margin-bottom:.75rem}.kw-input-form{flex-direction:column;gap:.375rem}.kw-input{padding:.5rem 2.25rem .5rem .625rem;min-height:2.25rem;font-size:.9rem}.kw-add-button{height:2.25rem;width:100%;padding:0 .5rem;font-size:.8rem}.kw-add-button-text{font-size:.8rem}.kw-add-button-icon{width:.875rem;height:.875rem}.kw-input-clear{width:1.5rem;height:1.5rem;right:.375rem}.kw-input-hint{font-size:.75rem;margin-top:.375rem}}.preset-groups-container{margin-bottom:2rem}.preset-groups-header{margin-bottom:1.5rem}.preset-groups-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:var(--kw-text);margin-bottom:.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.preset-groups-title svg{color:#007aff}.preset-groups-subtitle{color:var(--kw-text-secondary);font-size:.875rem;margin:0;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.preset-groups-grid{display:grid;grid-template-columns:1fr;gap:1rem}.preset-group-card{background:var(--kw-card-bg);border:1px solid rgba(0,0,0,.06);border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preset-group-card:hover,.preset-group-card.expanded{transform:translateY(-1px);box-shadow:0 4px 12px #00000014,0 2px 4px #0000001f}.preset-group-card.pink{border-left:3px solid #FF2D92}.preset-group-card.blue{border-left:3px solid #007AFF}.preset-group-card.red{border-left:3px solid #FF3B30}.preset-group-card.orange{border-left:3px solid #FF9500}.preset-group-header{display:flex;flex-direction:column;gap:.75rem;padding:1rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.preset-group-header:hover{background-color:#00000005}.preset-group-info{display:flex;align-items:center;gap:.75rem;width:100%}.preset-group-icon{font-size:1.5rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background-color:var(--kw-hover-bg);border-radius:var(--kw-radius)}.preset-group-text{flex:1}.preset-group-name{font-size:1rem;font-weight:600;color:var(--kw-text);margin:0 0 .25rem}.preset-group-description{font-size:.875rem;color:var(--kw-text-secondary);margin:0}.preset-group-actions{display:flex;align-items:center;gap:.5rem;justify-content:flex-end;width:100%}.preset-group-status{display:flex;align-items:center;margin-left:auto}.added-count{font-size:.75rem;font-weight:600;color:#34c759;background-color:#34c7591a;padding:.25rem .5rem;border-radius:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.preset-group-action-btn{height:2rem;min-width:4rem;border:none;border-radius:6px;background:#007aff;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.25,.46,.45,.94);box-shadow:0 1px 3px #0000001a;padding:0 .75rem;font-size:.875rem;font-weight:500;gap:.25rem}.preset-group-action-btn:hover:not(:disabled){background:#0056cc;transform:translateY(-1px);box-shadow:0 2px 8px #007aff4d}.preset-group-action-btn:active:not(:disabled){transform:translateY(0);transition-duration:.1s}.preset-group-action-btn:disabled{background:#34c759;color:#fff;cursor:not-allowed;box-shadow:0 1px 3px #34c75933}.preset-group-action-btn.added{background:#34c759;color:#fff;box-shadow:0 1px 3px #34c75933}.preset-group-expand-btn{width:auto;height:2rem;min-width:2rem;border:none;border-radius:6px;background:#007aff1a;color:#007aff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.25,.46,.45,.94);flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0 .5rem}.preset-group-expand-btn:hover{background:#007aff26;transform:translateY(-1px)}.preset-group-expand-btn:active{transform:translateY(0);transition-duration:.1s}.preset-expand-text{font-size:14px;font-weight:600;line-height:1;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.preset-action-text{font-size:13px;font-weight:600;line-height:1;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.preset-chip-icon{width:12px;height:12px;stroke-width:2.5;display:block;margin:0}.preset-group-content{padding:0 1rem 1rem;border-top:1px solid var(--kw-border);background-color:var(--kw-hover-bg)}.preset-keywords-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin-top:1rem}.preset-keyword-chip{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:#00000005;border:1px solid rgba(0,0,0,.06);border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);font-size:.875rem;min-height:2.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preset-keyword-chip:hover:not(.added){border-color:#007aff;background:#007aff14;transform:translateY(-1px);box-shadow:0 2px 8px #007aff26}.preset-keyword-chip.added{background:#34c7591a;border-color:#34c759;cursor:pointer}.preset-keyword-chip.added:hover{background:#ff3b301a;border-color:#ff3b30;transform:translateY(-1px);box-shadow:0 2px 8px #ff3b3026}.preset-keyword-text{flex:1;color:var(--kw-text);font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.preset-keyword-chip.added .preset-keyword-text{color:#34c759}.preset-keyword-chip.added:hover .preset-keyword-text{color:#ff3b30}.preset-keyword-status{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:var(--kw-radius-sm);background-color:var(--kw-primary);color:#fff;opacity:0;transition:var(--kw-transition)}.preset-keyword-chip:hover:not(.added) .preset-keyword-status{opacity:1}.preset-keyword-status.added{background-color:var(--kw-success);opacity:1}@media(min-width:640px){.preset-groups-grid{grid-template-columns:1fr}}@media(min-width:768px){.preset-keywords-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media(min-width:1024px){.preset-groups-grid{grid-template-columns:repeat(2,1fr)}.preset-keywords-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media(max-width:768px){.preset-groups-container{margin-bottom:1.5rem}.preset-group-header{padding:.875rem}.preset-group-icon{width:2rem;height:2rem;font-size:1.25rem}.preset-group-name{font-size:.875rem}.preset-group-description{font-size:.75rem}.preset-group-content{padding:0 .875rem .875rem}.preset-keywords-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.375rem}.preset-keyword-chip{padding:.375rem .5rem;min-height:2rem;font-size:.75rem}.preset-keyword-status{width:1rem;height:1rem}}.kw-container{max-width:900px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-md);color:var(--text-color)}.kw-header{text-align:center;margin-bottom:2.5rem;position:relative}.kw-header h2{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--color-primary) 0%,#8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.kw-header:after{content:"";display:block;width:4rem;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,#8b5cf6 100%);margin:var(--spacing-md) auto;border-radius:var(--border-radius-round)}.kw-description{font-size:1rem;color:var(--text-secondary-color);max-width:640px;margin:0 auto;line-height:1.6}.kw-card{background-color:var(--surface-color);border-radius:var(--border-radius-large);box-shadow:var(--shadow-medium);overflow:hidden;transition:var(--transition-normal);margin-bottom:var(--spacing-2xl)}.kw-tabs{display:flex;padding:var(--spacing-sm);border-radius:var(--border-radius-large) var(--border-radius-large) 0 0;position:relative;overflow:hidden}.kw-tab{flex:1;padding:var(--spacing-md);font-weight:600;text-align:center;cursor:pointer;border:none;background:none;position:relative;color:var(--text-color);transition:var(--transition-normal);z-index:1;border-radius:var(--border-radius-medium)}.kw-tab.active{font-weight:700}.kw-tab-indicator{position:absolute;height:80%;top:10%;left:0;background-color:var(--surface-color);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-light);transition:var(--transition-normal);z-index:0}.kw-tab-counter{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 var(--spacing-sm);margin-left:var(--spacing-sm);font-size:.75rem;font-weight:600;color:#fff;background-color:var(--color-primary);border-radius:var(--border-radius-round);transition:var(--transition-normal)}.kw-tab:not(.active) .kw-tab-counter{background-color:var(--text-secondary-color);opacity:.6}.kw-tab-text-full{display:inline}.kw-tab-text-short{display:none}.kw-card-content{padding:1.5rem}.kw-search-wrap{position:relative;margin-bottom:1.5rem}.kw-search-container{position:relative;width:100%;margin-bottom:1rem}.kw-search-inner{position:relative;display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--surface-color);border:1.5px solid var(--border-color);border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000a}.kw-search-inner:hover{border-color:var(--text-secondary-color);box-shadow:0 2px 8px #0000000f}.kw-search-container.is-focused .kw-search-inner{border-color:var(--color-primary);background:var(--background-color);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 255, 105, 180),.1),0 4px 16px #00000014}.kw-search-icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;color:var(--text-secondary-color);transition:color .2s ease,transform .2s ease}.kw-search-icon{width:100%;height:100%}.kw-search-container.is-focused .kw-search-icon-wrapper,.kw-search-container.has-value .kw-search-icon-wrapper{color:var(--color-primary)}.kw-search-input{flex:1;min-width:0;padding:0;background:transparent;border:none;outline:none;font-size:.9375rem;font-weight:500;line-height:1.5;color:var(--text-color)}.kw-search-input::placeholder{color:var(--text-secondary-color);opacity:.6;font-weight:400}.kw-search-container.is-focused .kw-search-input::placeholder{opacity:.4}.kw-search-clear{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:6px;color:var(--text-secondary-color);cursor:pointer;transition:all .2s ease;opacity:.6}.kw-search-clear:hover{background:var(--hover-bg-color);color:var(--text-color);opacity:1}.kw-search-clear:active{transform:scale(.95);background:var(--border-color)}.kw-search-clear svg{width:16px;height:16px}.kw-search-hint{font-size:.8125rem;line-height:1.4;color:var(--text-secondary-color);opacity:.65;padding:0 .25rem;transition:opacity .2s ease}.kw-search-container.is-focused .kw-search-hint,.kw-search-container.has-value .kw-search-hint{opacity:.85}.kw-search-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.25rem;padding:0 .375rem;margin:0 .125rem;font-size:.75rem;font-weight:600;font-family:ui-monospace,SF Mono,Cascadia Code,Segoe UI Mono,monospace;line-height:1;color:var(--text-color);background:var(--surface-color);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 1px 2px #0000000a,0 1px 0 var(--background-color) inset}@media(max-width:768px){.kw-search-inner{padding:.75rem .875rem;gap:.625rem}.kw-search-input{font-size:1rem}.kw-search-hint{font-size:.75rem}}.kw-add-wrap{display:flex;gap:.75rem;margin-bottom:1.5rem;position:relative}.kw-input{flex:1;padding:.75rem 1rem;border-radius:var(--border-radius-medium);border:2px solid var(--border-color);font-size:1rem;outline:none;transition:var(--transition-normal);background-color:var(--surface-color);color:var(--text-color)}.kw-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.kw-input::placeholder{color:var(--text-secondary-color);opacity:.7}.kw-button{padding:.75rem 1.5rem;border-radius:var(--border-radius-medium);border:none;font-size:.9375rem;font-weight:600;cursor:pointer;transition:var(--transition-normal);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;outline:none}.kw-button:focus-visible{box-shadow:0 0 0 3px var(--color-primary-light)}.kw-button.primary{background-color:var(--color-primary);color:#fff}.kw-button.primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.kw-button.primary:active{transform:translateY(0)}.kw-button.secondary{background-color:var(--hover-bg-color);color:var(--text-color);border:1px solid var(--border-color)}.kw-button.secondary:hover{background-color:var(--surface-color);box-shadow:var(--shadow-light);transform:translateY(-1px)}.kw-button.danger{background-color:var(--color-error);color:#fff}.kw-button.danger:hover{background-color:var(--color-error-hover);transform:translateY(-1px)}.kw-button-icon{display:inline-flex;width:1.25rem;height:1.25rem}.kw-button.icon{padding:.5rem;border-radius:50%;background:transparent;color:var(--text-secondary-color);min-width:2rem;min-height:2rem}.kw-button.icon:hover{background-color:var(--hover-bg-color);color:var(--color-error)}.kw-bulk-actions{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;margin-bottom:1.25rem;background-color:var(--hover-bg-color);border-radius:var(--border-radius-medium);border:1px solid var(--border-color)}.kw-checkbox-wrap{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.kw-checkbox-wrap input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.kw-checkbox-custom{position:relative;display:inline-block;width:1.25rem;height:1.25rem;margin-right:.5rem;background-color:var(--surface-color);border:2px solid var(--border-color);border-radius:var(--border-radius-medium-sm);transition:var(--transition-normal)}.kw-checkbox-wrap input:checked~.kw-checkbox-custom{background-color:var(--color-primary);border-color:var(--color-primary)}.kw-checkbox-custom:after{content:"";position:absolute;display:none;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.kw-checkbox-wrap input:checked~.kw-checkbox-custom:after{display:block}.kw-checkbox-wrap:hover .kw-checkbox-custom{border-color:var(--color-primary)}.kw-keywords-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-top:1rem}.kw-keyword-item{position:relative;padding:.75rem 1rem;border-radius:var(--border-radius-medium);background-color:var(--surface-color);border:1px solid var(--border-color);transition:var(--transition-normal);display:flex;align-items:center;animation:fadeIn .3s ease;cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.kw-keyword-item:hover{box-shadow:var(--shadow-light);border-color:var(--color-primary);transform:translateY(-2px)}.kw-keyword-item.selected{background-color:var(--color-primary-light);border-color:var(--color-primary)}.kw-keyword-item.added{background-color:rgba(var(--primary-color-rgb, 99, 102, 241),.08);border-color:var(--color-primary)}.kw-keyword-item.added .kw-keyword-text{color:var(--color-primary);font-weight:500}.kw-keyword-item.added .kw-add-btn{background-color:var(--color-success);color:#fff;opacity:.7;transform:translateY(-50%) scale(1)}.kw-keyword-item.added .kw-add-btn svg{display:none}.kw-keyword-item.added .kw-add-btn:after{content:"✓";font-size:12px;line-height:1}.kw-keyword-text{flex:1;word-break:break-all;margin:0 .5rem}.kw-keyword-item .kw-add-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%) scale(0);opacity:0;transition:var(--transition-normal);background-color:var(--color-primary-light);color:var(--color-primary);width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;border:none;cursor:pointer;z-index:2}.kw-keyword-item:hover .kw-add-btn{transform:translateY(-50%) scale(1);opacity:1}.kw-keyword-item .kw-add-btn:hover{background-color:var(--color-primary);color:#fff}.kw-keyword-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;margin-top:1.5rem;margin-bottom:1.5rem}.kw-keyword-chip{display:flex;align-items:center;padding:var(--spacing-sm);background-color:var(--surface-color);border-radius:var(--border-radius-medium);transition:var(--transition-normal);position:relative;border:1px solid var(--border-color);overflow:hidden}.kw-keyword-chip:hover{background-color:var(--hover-bg-color);box-shadow:var(--shadow-light)}.kw-keyword-chip.highlighted{background-color:var(--highlight-color);border-color:var(--border-accent-color)}.kw-keyword-chip.selected{background-color:var(--surface-accent-color);border-color:var(--border-accent-color)}.kw-keyword-chip.added{background-color:#10b9811a;border-color:var(--color-success)}.kw-keyword-chip-checkbox{width:16px;height:16px;margin-right:var(--spacing-sm);accent-color:var(--color-primary);cursor:pointer}.kw-keyword-chip-text{flex:1;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-color);cursor:pointer}.kw-keyword-chip-action{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;margin-left:var(--spacing-xs);background:none;border:none;border-radius:var(--border-radius-round);color:var(--text-secondary-color);cursor:pointer;transition:var(--transition-normal)}.kw-keyword-chip-action:hover{background-color:var(--hover-bg-color);color:var(--color-primary)}.kw-keyword-chip-action.added{color:var(--color-success);cursor:default}.kw-keyword-chip-action.remove:hover{color:var(--color-error)}.kw-action-icon-small{width:16px;height:16px}.kw-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.kw-tag{padding:.5rem 1rem;border-radius:var(--border-radius-medium);background-color:var(--surface-secondary-color);border:1px solid transparent;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary-color);position:relative;overflow:hidden}.kw-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--color-primary-rgb),.1),transparent);transition:left var(--transition-normal)}.kw-tag:hover{background-color:var(--surface-color);border-color:var(--border-color);color:var(--text-color);box-shadow:var(--shadow-light);transform:translateY(-1px)}.kw-tag:hover:before{left:100%}.kw-tag.active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-color:var(--color-primary);color:var(--text-inverse-color);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.3);transform:translateY(-1px)}.kw-tag.active:before{display:none}.kw-stats{display:flex;justify-content:space-between;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color);color:var(--text-secondary-color);font-size:.875rem}.kw-stats-item{display:flex;align-items:center;gap:.5rem}.kw-stats-icon{display:inline-flex;opacity:.7}.kw-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;background-color:var(--surface-color);color:var(--text-color);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-medium-lg);z-index:1000;display:flex;align-items:center;gap:.75rem;min-width:300px;max-width:500px;animation:slideUp .3s forwards}.kw-toast.success{border-left:4px solid var(--color-success)}.kw-toast.error{border-left:4px solid var(--color-error)}.kw-toast-icon{font-size:1.25rem}.kw-toast.success .kw-toast-icon{color:var(--color-success)}.kw-toast.error .kw-toast-icon{color:var(--color-error)}@keyframes slideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.kw-loading-container{position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--surface-color) 0%,rgba(var(--primary-color-rgb, 99, 102, 241),.02) 100%);border-radius:var(--border-radius-medium-xl);border:1px solid var(--border-color);overflow:hidden}.kw-loading-content{text-align:center;position:relative;z-index:2;max-width:400px;padding:2rem}.kw-loading-animation{position:relative;margin-bottom:2rem}.kw-loading-dots{display:flex;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.kw-dot{width:12px;height:12px;background:linear-gradient(135deg,var(--color-primary) 0%,#8b5cf6 100%);border-radius:var(--border-radius-medium-full);animation:kw-bounce 1.4s ease-in-out infinite both;box-shadow:0 2px 8px rgba(var(--primary-color-rgb, 99, 102, 241),.3)}.kw-dot:nth-child(1){animation-delay:-.32s}.kw-dot:nth-child(2){animation-delay:-.16s}.kw-dot:nth-child(3){animation-delay:0s}.kw-dot:nth-child(4){animation-delay:.16s}@keyframes kw-bounce{0%,80%,to{transform:scale(.8) translateY(0);opacity:.7}40%{transform:scale(1.2) translateY(-20px);opacity:1}}.kw-loading-wave{display:flex;justify-content:center;align-items:end;gap:4px;height:40px}.kw-wave-bar{width:4px;height:10px;background:linear-gradient(to top,var(--color-primary) 0%,#8b5cf6 100%);border-radius:2px;animation:kw-wave 1.2s ease-in-out infinite}.kw-wave-bar:nth-child(1){animation-delay:0s}.kw-wave-bar:nth-child(2){animation-delay:.1s}.kw-wave-bar:nth-child(3){animation-delay:.2s}.kw-wave-bar:nth-child(4){animation-delay:.3s}.kw-wave-bar:nth-child(5){animation-delay:.4s}@keyframes kw-wave{0%,40%,to{height:10px;background:linear-gradient(to top,var(--color-primary) 0%,#8b5cf6 100%)}20%{height:35px;background:linear-gradient(to top,#8b5cf6 0%,var(--color-primary) 100%)}}.kw-loading-text{margin-bottom:2rem}.kw-loading-text h3{font-size:1.25rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem;background:linear-gradient(135deg,var(--color-primary) 0%,#8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:kw-text-glow 2s ease-in-out infinite alternate}.kw-loading-text p{font-size:.875rem;color:var(--text-secondary-color);opacity:.8;animation:kw-fade 1.5s ease-in-out infinite alternate}@keyframes kw-text-glow{0%{filter:brightness(1)}to{filter:brightness(1.2)}}@keyframes kw-fade{0%{opacity:.6}to{opacity:1}}.kw-loading-progress{width:100%}.kw-progress-bar{width:100%;height:4px;background:rgba(var(--primary-color-rgb, 99, 102, 241),.1);border-radius:var(--border-radius-medium-full);overflow:hidden;position:relative}.kw-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,#8b5cf6 50%,var(--color-primary) 100%);border-radius:var(--border-radius-medium-full);animation:kw-progress 2s ease-in-out infinite;box-shadow:0 0 8px rgba(var(--primary-color-rgb, 99, 102, 241),.6)}@keyframes kw-progress{0%{width:0%;transform:translate(-100%)}50%{width:60%;transform:translate(0)}to{width:100%;transform:translate(100%)}}.kw-loading-decorations{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.kw-floating-icon{position:absolute;font-size:1.5rem;opacity:.3;animation:kw-float 3s ease-in-out infinite}.kw-icon-1{top:20%;left:15%;animation-delay:0s}.kw-icon-2{top:30%;right:20%;animation-delay:.5s}.kw-icon-3{bottom:30%;left:20%;animation-delay:1s}.kw-icon-4{bottom:20%;right:15%;animation-delay:1.5s}@keyframes kw-float{0%,to{transform:translateY(0) rotate(0);opacity:.2}50%{transform:translateY(-20px) rotate(10deg);opacity:.4}}@media(max-width:768px){.kw-tabs{padding:.5rem}.kw-tab{padding:.875rem .375rem;font-size:.9rem;flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.kw-tab-counter{min-width:1.25rem;height:1.25rem;margin-left:.5rem;font-size:.75rem;padding:0 .25rem}.kw-tab-text-full{display:none}.kw-tab-text-short{display:inline}.kw-card-content{padding:1rem}.kw-search-wrap,.kw-search-container{margin-bottom:1rem}.kw-stats{padding:.75rem;margin-bottom:1rem}.kw-stats-item{flex-direction:column;align-items:center;text-align:center;gap:.25rem}.kw-stats-icon{margin-bottom:.25rem}.kw-keyword-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;margin-top:1rem;margin-bottom:1rem}.kw-bulk-actions{flex-direction:row;flex-wrap:wrap;gap:.5rem;padding:.5rem;margin-bottom:.75rem;justify-content:center}.kw-button{padding:.375rem .75rem;font-size:.8rem;min-height:2.25rem;border-radius:1.125rem}.kw-button.icon{width:2.25rem;height:2.25rem;padding:.375rem}.kw-button-icon{width:1rem;height:1rem}.kw-keyword-chip{padding:.375rem .5rem;font-size:.8rem}.kw-keyword-chip-text{font-size:.8rem}.kw-keyword-chip-checkbox{width:14px;height:14px;margin-right:.375rem}.kw-keyword-chip-action{width:1.75rem;height:1.75rem;padding:.25rem}.kw-input{padding:.75rem;font-size:1rem;min-height:2.75rem}.kw-checkbox-custom{width:1.125rem;height:1.125rem}.kw-checkbox-wrap{padding:.25rem;margin:-.25rem}.kw-loading-container{min-height:50vh;margin:1rem 0}.kw-loading-content{padding:1.5rem;max-width:320px}.kw-loading-dots{gap:.5rem}.kw-dot{width:10px;height:10px}.kw-floating-icon{font-size:1.25rem}.kw-loading-text h3{font-size:1.125rem}}@media(max-width:480px){.kw-tabs{padding:.375rem}.kw-tab{padding:.75rem .125rem;font-size:.85rem;flex:1;text-align:center;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kw-tab-counter{min-width:1.125rem;height:1.125rem;margin-left:.375rem;font-size:.7rem;padding:0 .125rem}.kw-card-content{padding:.75rem}.kw-keyword-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.375rem}.kw-keyword-chip{padding:.25rem .375rem;font-size:.75rem;min-height:2rem}.kw-bulk-actions{gap:.25rem;padding:.375rem;margin-bottom:.5rem}.kw-button{padding:.25rem .5rem;font-size:.75rem;min-height:2rem;border-radius:1rem}.kw-button.icon{width:2rem;height:2rem;padding:.25rem}.kw-button-icon{width:.875rem;height:.875rem}.kw-search-wrap{margin-bottom:.75rem}.kw-input{padding:.625rem;min-height:2.5rem}}@media(prefers-color-scheme:dark){.kw-loading-container{background:linear-gradient(135deg,var(--surface-color) 0%,rgba(139,92,246,.05) 100%)}.kw-floating-icon{opacity:.2;filter:brightness(.8)}}.refresh-button{background:linear-gradient(45deg,var(--color-primary, #ff4081),#9c27b0);color:#fff;border:none;border-radius:30px;padding:.9rem 2rem;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ff40814d;min-width:200px;letter-spacing:.5px;position:relative;overflow:hidden}.refresh-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.refresh-button:hover:before{left:100%}.refresh-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 15px #ff408166}.refresh-button:active:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 8px #ff40814d}.refresh-button:disabled{background:linear-gradient(45deg,#ccc,#999);cursor:not-allowed;opacity:.8}.refresh-icon{margin-right:10px;font-size:1.3rem;display:inline-block}.refresh-icon.spinning{animation:spin 1.5s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-container{display:flex;justify-content:center;align-items:center;min-height:300px}.empty-message{text-align:center;padding:3rem 2rem;font-size:1.2rem;color:#757575;background-color:#00000008;border-radius:12px;margin:2rem auto;max-width:500px;box-shadow:inset 0 0 15px #0000000d;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-message p{margin-top:1rem}.empty-icon{font-size:3rem;color:#9e9e9e;opacity:.7}.error-message{text-align:center;padding:2rem;background-color:#f443360d;border-radius:12px;margin:2rem auto;max-width:600px;border:1px solid rgba(244,67,54,.2)}.error-message p{color:#d32f2f;font-weight:500;margin-bottom:1.5rem}.error-message button{background-color:#d32f2f;color:#fff;border:none;border-radius:30px;padding:.7rem 1.5rem;cursor:pointer;transition:all .2s ease;font-weight:500}.error-message button:hover{background-color:#b71c1c;box-shadow:0 3px 8px #b71c1c4d}.random-page-dense{--primary: var(--color-primary, #ff4081);--primary-light: rgba(255, 64, 129, .1);--primary-dark: #c60055;--accent: #651fff;--background: #ffffff;--background-alt: #f5f7fa;--card-bg: #ffffff;--text: #2c3e50;--text-secondary: #546e7a;--text-tertiary: #78909c;--border: #e0e0e0;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--success: #4caf50;--warning: #ff9800;--error: #f44336;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;max-width:1200px;margin:0 auto;padding:.75rem;color:var(--text);font-size:14px}.random-header-dense{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:.5rem;background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}@media screen and (max-width:767px){.random-header-dense{display:none}}.random-header-left{display:flex;align-items:center}.back-btn-dense{display:flex;align-items:center;justify-content:center;width:auto;height:auto;background:transparent;color:var(--primary);border:none;cursor:pointer;transition:transform .2s ease;margin-right:.75rem;padding:8px}.back-btn-dense:hover{transform:translate(-3px);box-shadow:none}.back-btn-dense:active{transform:translate(-1px)}.back-btn-dense svg{font-size:26px;width:26px;height:26px}.random-title-dense{display:flex;align-items:center;font-size:1.25rem;font-weight:600;margin:0;background:none;color:var(--text)}.dice-icon{color:var(--primary);margin-right:.5rem;font-size:1.4rem}.random-header-right{display:flex;align-items:center}.refresh-btn-dense{display:flex;align-items:center;background:var(--primary-light);color:var(--primary);border:none;border-radius:30px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.refresh-btn-dense:hover:not(:disabled){background:var(--primary);color:#fff}.refresh-btn-dense:disabled{opacity:.6;cursor:not-allowed}.refresh-icon-dense{font-size:1.1rem;margin-right:.4rem;transition:var(--transition-fast)}.refresh-btn-dense.loading .refresh-icon-dense{animation:spin 1s linear infinite}.stats-container{margin-bottom:1rem;background:var(--background-alt);border-radius:var(--radius-md);padding:.75rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);display:none}@media screen and (min-width:768px){.stats-container{display:block}}.stats-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.stat-item{display:flex;flex-direction:column;padding:.5rem .75rem;background:var(--card-bg);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);flex:1;min-width:80px;text-align:center;border:1px solid var(--border-color)}.stat-label{color:var(--text-tertiary);font-size:.75rem;margin-bottom:.25rem}.stat-value{color:var(--text);font-weight:600;font-size:1.1rem;font-family:var(--font-mono)}.stat-icon{color:var(--primary);margin-right:.25rem;font-size:.9rem}.tags-container{display:flex;flex-wrap:wrap;gap:.75rem}.tag-group{flex:1;min-width:200px}.tag-group-title{display:flex;align-items:center;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary-color)}.tag-icon{margin-right:.35rem;color:var(--primary)}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag-item{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:16px;font-size:.75rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.tag-item:hover{transform:translateY(-2px);box-shadow:0 2px 5px #0000001a}.tag-item:active{transform:translateY(0)}.tag-item:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:#fff6;border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0;transition:transform .3s ease,opacity .3s ease}.tag-item:active:after{transform:translate(-50%,-50%) scale(2);opacity:1;transition:0s}.random-category-tag{background:#673ab71a;color:#673ab7}.random-category-tag:hover{background:#673ab733}.tag-tag{background:#0096881a;color:#009688}.tag-tag:hover{background:#00968833}.tag-count{display:inline-flex;align-items:center;justify-content:center;margin-left:.35rem;background:#fff;color:var(--text-secondary-color);min-width:16px;height:16px;padding:0 4px;border-radius:8px;font-size:.7rem;font-weight:600;transition:background-color .2s ease}.random-content-dense{position:relative}.comics-grid-dense{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem}.comic-item-dense{position:relative;animation:fadeInUp .3s ease forwards;opacity:0;background:var(--card-bg);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition-normal);border:1px solid var(--border-color);height:100%}.comic-item-dense:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);z-index:1}.loading-state-dense{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.loading-spinner-dense{position:relative;width:60px;height:60px;margin-bottom:1rem}.spinner-pulse{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:var(--primary-light);opacity:.7;animation:pulse 1.5s infinite ease-in-out}.spinner-pulse:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15px;height:15px;border-radius:50%;background:var(--primary)}.loading-text-dense{max-width:300px}.loading-main-text{margin:0 0 .25rem;color:var(--text);font-weight:500;font-size:1rem}.loading-sub-text{margin:0;color:var(--text-tertiary);font-size:.875rem}.empty-state-dense{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:300px;padding:2rem 1rem}.empty-icon-dense{font-size:2.5rem;color:var(--text-tertiary);margin-bottom:1rem;opacity:.7}.empty-title-dense{margin:0 0 .5rem;color:var(--text);font-weight:600;font-size:1.1rem}.empty-desc-dense{margin:0 0 1.5rem;color:var(--text-tertiary);font-size:.875rem;max-width:300px}.retry-btn-dense{display:flex;align-items:center;background:var(--primary);color:#fff;border:none;border-radius:20px;padding:.5rem 1.2rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.retry-btn-dense:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.retry-icon{margin-right:.4rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(.95);opacity:.7}50%{transform:scale(1.05);opacity:.9}}.mobile-hidden{display:none}@media(min-width:768px){.mobile-hidden{display:flex}.random-page-dense{padding-top:1.5rem}}.random-ads-container{width:100%;max-width:1200px;margin:2rem auto 0;padding:0 1rem 2rem;box-sizing:border-box}@media(min-width:768px){.random-ads-container{margin:3rem auto 0;padding:0 2rem 3rem}}@media(max-width:767px){.random-ads-container{margin:1.5rem auto 0;padding:0 .5rem 1.5rem}}.rank-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.rank-item{display:grid;grid-template-columns:auto 80px 1fr;gap:1rem;padding:.75rem;background-color:var(--surface-color);border-radius:8px;box-shadow:none;transition:box-shadow .2s ease;align-items:center;position:relative;overflow:hidden;border:1px solid var(--border-color)}.rank-item:hover{transform:none;box-shadow:var(--shadow-medium)}.rank-item.top-rank{grid-template-columns:auto 110px 1fr;padding:1rem;border:2px solid transparent}.rank-number{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-weight:600;font-size:.9rem;color:var(--text-color);position:relative}.medal-icon{font-size:1.2rem;margin-bottom:-.2rem}.rank-thumbnail{position:relative;width:80px;height:110px;border-radius:6px;overflow:hidden;box-shadow:var(--shadow-light);background-color:var(--background-secondary-color)}.top-rank .rank-thumbnail{width:110px;height:150px}.rank-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.rank-item:hover .rank-thumbnail img{transform:scale(1.02)}.rank-info{display:flex;flex-direction:column;justify-content:center;gap:.4rem;overflow:hidden}.rank-title{font-size:1rem;font-weight:600;color:var(--text-color);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.top-rank .rank-title{font-size:1.1rem;font-weight:700}.rank-author{font-size:.85rem;color:var(--text-secondary-color);margin:0}.rank-stats{display:flex;gap:.75rem;font-size:.8rem;color:var(--text-muted-color)}.rank-views,.rank-likes,.rank-pages{display:flex;align-items:center;gap:.25rem}.rank-categories{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}.leaderboard-list-category-tag{font-size:.7rem;padding:2px 8px;border-radius:10px;background-color:var(--surface-accent-color);color:var(--text-inverse-color);white-space:nowrap;border:none}.rank-badge{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;font-size:.7rem;font-weight:500;color:var(--text-inverse-color);padding:2px 6px;border-radius:3px;background:var(--color-primary);margin-top:.4rem;box-shadow:none}@media(max-width:768px){.rank-item:not(.top-rank){grid-template-columns:auto 70px 1fr;gap:.75rem;padding:.5rem}.rank-item:not(.top-rank) .rank-thumbnail{width:70px;height:95px}.rank-item.top-rank{display:grid;grid-template-columns:100px 1fr;grid-template-areas:"thumbnail info";padding:.75rem;gap:.75rem;margin-bottom:.5rem;position:relative}.rank-item.top-rank .rank-thumbnail{grid-area:thumbnail;width:100px;height:140px;border-radius:6px;position:relative}.rank-item.top-rank .rank-number{position:absolute;top:0;left:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;z-index:5;border-top-left-radius:6px;border-bottom-right-radius:6px;color:#fff;font-weight:600;font-size:.9rem}.rank-item.top-rank .medal-icon{display:none}.rank-item.top-rank .rank-info{grid-area:info;padding:0;gap:.3rem}.rank-item.top-rank .rank-title{font-size:.95rem;font-weight:600;line-height:1.3;-webkit-line-clamp:2}.rank-item.top-rank .rank-author{font-size:.8rem}.rank-item.top-rank .rank-stats{display:flex;gap:.5rem;margin:.2rem 0;font-size:.7rem}.rank-item.top-rank .rank-categories{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.2rem}.rank-item.top-rank .leaderboard-list-category-tag{font-size:.65rem;padding:1px 6px;border-radius:8px}.rank-item.top-rank .rank-badge{position:absolute;bottom:1rem;right:.75rem;margin:0;padding:1px 4px;font-size:.65rem}}.rank-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.rank-card{position:relative;background-color:var(--surface-color);border-radius:8px;box-shadow:none;transition:box-shadow .2s ease;overflow:hidden;border:1px solid var(--border-color);cursor:pointer}.rank-card:hover{transform:none;box-shadow:var(--shadow-medium)}.rank-card.top-rank{border:2px solid transparent}.rank-card-position{position:absolute;top:6px;left:6px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem;color:var(--text-inverse-color);background:var(--surface-secondary-color);z-index:10;box-shadow:none}.rank-icon{font-size:1rem}.rank-card-image{position:relative;width:100%;height:240px;overflow:hidden;background-color:var(--background-secondary-color)}.rank-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.rank-card:hover .rank-card-image img{transform:scale(1.02)}.rank-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.05) 100%);pointer-events:none}.rank-card-content{padding:.75rem;position:relative}.rank-card-title{font-size:.9rem;font-weight:600;color:var(--leaderboard-text);margin:0 0 .4rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.4rem}.rank-card.top-rank .rank-card-title{font-weight:700;font-size:1rem}.rank-card-author{font-size:.8rem;color:var(--text-secondary-color);margin:0 0 .6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-card-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem;font-size:.75rem;color:var(--text-muted-color)}.rank-card-stats>span{display:flex;align-items:center;gap:.2rem;flex:1;justify-content:center}.rank-views{color:#3498db}.rank-likes{color:#e74c3c}.rank-pages{color:#2ecc71}.rank-card-categories{display:flex;flex-wrap:wrap;gap:.3rem}.rank-card-categories .leaderboard-grid-category-tag{font-size:.65rem;padding:1px 6px;border-radius:8px;background-color:rgba(var(--color-primary-rgb, 255, 107, 129),.08);color:var(--leaderboard-primary);white-space:nowrap;border:none}@media(max-width:768px){.rank-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.rank-card-image{height:200px}.rank-card-content{padding:.6rem}.rank-card-title{font-size:.85rem;min-height:2.2rem}.rank-card.top-rank .rank-card-title{font-size:.9rem}.rank-card-author{font-size:.75rem;margin-bottom:.5rem}.rank-card-stats{font-size:.7rem;margin-bottom:.5rem}.rank-card-position{width:24px;height:24px;font-size:.7rem}.rank-icon{font-size:.9rem}}@media(max-width:480px){.rank-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem}.rank-card-image{height:180px}.rank-card-content{padding:.5rem}.rank-card-stats>span{font-size:.65rem}.rank-card-categories .leaderboard-grid-category-tag{font-size:.6rem;padding:1px 4px}}:root{--leaderboard-primary: var(--color-primary, #ff6b81);--leaderboard-primary-light: var(--color-primary-light, #ff8e9e);--leaderboard-primary-dark: var(--color-primary-dark, #e55c71);--leaderboard-bg: var(--surface-color, #fff);--leaderboard-text: var(--text-color, #333);--leaderboard-text-secondary: var(--text-secondary-color, #FFF);--leaderboard-text-muted: var(--text-muted-color, #999);--leaderboard-border: rgba(0, 0, 0, .1);--leaderboard-shadow: 0 4px 15px rgba(0, 0, 0, .05);--gold-color: #FFD700;--silver-color: #C0C0C0;--bronze-color: #CD7F32;--gold-gradient: linear-gradient(135deg, #FFD700, #FFA500);--silver-gradient: linear-gradient(135deg, #E0E0E0, #A0A0A0);--bronze-gradient: linear-gradient(135deg, #CD7F32, #8B4513);--rank-1-bg: rgba(255, 215, 0, .08);--rank-2-bg: rgba(192, 192, 192, .08);--rank-3-bg: rgba(205, 127, 50, .08);--rank-1-ribbon: linear-gradient(135deg, #FFD700, #FFA500);--rank-2-ribbon: linear-gradient(135deg, #E0E0E0, #A0A0A0);--rank-3-ribbon: linear-gradient(135deg, #CD7F32, #8B4513);--rank-default-ribbon: linear-gradient(135deg, #3498db, #2980b9);--rank-default-text: #FFFFFF;--rank-text-shadow: 0 1px 2px rgba(0, 0, 0, .2)}.leaderboard-container{width:100%;max-width:1200px;margin:0 auto;padding:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.leaderboard-header{text-align:center;margin-bottom:2.5rem}.leaderboard-title{font-size:1.8rem;font-weight:700;margin-bottom:.75rem;color:var(--leaderboard-text);position:relative;display:inline-block;letter-spacing:-.3px}.leaderboard-title:after{display:none}.leaderboard-description{font-size:.9rem;color:var(--leaderboard-text-muted);margin-bottom:0;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.4;font-weight:400}.controls-container{display:flex;align-items:center;justify-content:center;width:100%;max-width:400px;margin:0 auto 2rem;padding:0;background:none;border-radius:0;position:relative;gap:2rem}.controls-container:before{display:none}.timeframe-tabs{display:flex;align-items:center;gap:.5rem;background:none;border-radius:0;padding:0;position:relative}.timeframe-tab,.view-mode-button{background:none;border:none;border-radius:0;padding:6px 12px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--leaderboard-text-muted);transition:color .2s ease;font-size:.9rem;font-weight:400;position:relative;white-space:nowrap;outline:none;border-bottom:2px solid transparent}.timeframe-tab.active,.view-mode-button.active{color:var(--leaderboard-primary);background:none;box-shadow:none;font-weight:500;transform:none;border-bottom-color:var(--leaderboard-primary)}.timeframe-tab:hover:not(.active),.view-mode-button:hover:not(.active){color:var(--leaderboard-text);background:none;transform:none}.timeframe-icon{margin-right:4px;font-size:.85rem}.view-mode-toggle{display:flex;align-items:center;background:none;border-radius:0;padding:0;position:relative;flex-shrink:0}.view-mode-button{min-width:auto;padding:6px 8px}@media(max-width:768px){.controls-container{max-width:350px;gap:1.5rem;margin:0 auto 1.5rem}.timeframe-tab,.view-mode-button{padding:5px 10px;font-size:.85rem}.timeframe-icon{margin-right:3px;font-size:.8rem}}@media(max-width:480px){.controls-container{max-width:320px;gap:1rem}.timeframe-tabs{gap:.25rem}.timeframe-tab,.view-mode-button{padding:4px 8px;font-size:.8rem}.timeframe-icon{margin-right:2px;font-size:.75rem}}.timeframe-tab:focus,.view-mode-button:focus{outline:1px solid var(--leaderboard-primary);outline-offset:2px}.controls-container:before,.timeframe-tabs:after,.view-mode-toggle:after{display:none}.knights-leaderboard-container{width:100%;max-width:1200px;margin:0 auto;padding:16px;box-sizing:border-box;overflow:visible}.knights-leaderboard-title{font-size:1.8rem;font-weight:600;margin-bottom:24px;color:var(--text-color);text-align:center}.knights-top-section{display:flex;justify-content:center;align-items:flex-end;margin-bottom:40px;position:relative;padding-top:35px}.knight-top-card{position:relative;border-radius:12px;overflow:visible;transition:transform .3s ease;box-shadow:0 4px 20px #00000026;background:linear-gradient(to bottom,#fff,#f4f4f4);display:flex;flex-direction:column;align-items:center;padding-bottom:16px;z-index:1}.knight-top-card:hover{transform:translateY(-8px)}.knight-top-1{width:220px;height:300px;z-index:3;background:linear-gradient(135deg,#ffe259,#ffa751);box-shadow:0 10px 30px #ffa75166}.knight-top-1:before{content:"";position:absolute;top:-25px;left:50%;transform:translate(-50%);width:55px;height:55px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="%23FFD700" d="M576 136c0 22.09-17.91 40-40 40c-.248 0-.4551-.1266-.7031-.1305l-50.52 277.9C482 468.9 468.8 480 453.3 480H122.7c-15.46 0-28.72-11.06-31.48-26.27L40.71 175.9C40.46 175.9 40.25 176 39.1 176c-22.09 0-40-17.91-40-40S17.91 96 39.1 96s40 17.91 40 40c0 8.998-3.521 16.89-8.537 23.57l89.63 71.7c15.91 12.73 39.5 7.544 48.61-10.68l57.6-115.2C255.1 98.34 247.1 86.34 247.1 72C247.1 49.91 265.9 32 288 32s40 17.91 40 40c0 14.34-7.963 26.34-19.3 33.4l57.6 115.2c9.111 18.22 32.71 23.4 48.61 10.68l89.63-71.7C499.5 152.9 496 144.1 496 136C496 113.9 513.9 96 536 96S576 113.9 576 136z"/></svg>');background-repeat:no-repeat;background-size:contain;z-index:10;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));animation:crownGlow 3s ease-in-out infinite}@keyframes crownGlow{0%,to{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2)) drop-shadow(0 0 0px rgba(255,215,0,0))}50%{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2)) drop-shadow(0 0 15px rgba(255,215,0,.6))}}.knight-top-2{width:180px;height:260px;margin-right:10px;z-index:2;background:linear-gradient(135deg,#e6e6e6,#d7d7d7);box-shadow:0 8px 25px #c8c8c866}.knight-top-3{width:180px;height:260px;margin-left:10px;z-index:2;background:linear-gradient(135deg,#f9c5a7,#d3946b);box-shadow:0 8px 25px #d3946b66}.knight-rank{font-size:2.5rem;font-weight:700;margin-top:10px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.knight-top-1 .knight-rank{font-size:3rem;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.3)}.knight-avatar-container{position:relative;width:100px;height:100px;margin:15px 0}.knight-top-1 .knight-avatar-container{width:120px;height:120px}.knight-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 4px 10px #00000026}.knight-top-1 .knight-avatar{border:5px solid #FFD700;box-shadow:0 6px 15px #0003}.knight-top-2 .knight-avatar{border:4px solid #C0C0C0}.knight-top-3 .knight-avatar{border:4px solid #CD7F32}.knight-info{text-align:center;padding:0 10px}.knight-name{font-size:1.1rem;font-weight:600;margin-bottom:4px;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.knight-top-1 .knight-name{font-size:1.3rem;max-width:200px}.knight-stats{display:flex;justify-content:center;align-items:center;gap:12px;font-size:.9rem;color:var(--text-secondary-color);margin-top:4px}.knight-top-1 .knight-stats{font-size:1rem;gap:16px}.knight-level{font-weight:500;white-space:nowrap}.knight-top-1 .knight-level{font-size:1.1rem;font-weight:600}.knight-comics-count{display:flex;align-items:center;gap:4px;font-weight:600;color:var(--color-primary);white-space:nowrap}.knight-top-1 .knight-comics-count{color:#df7e14;gap:6px}.knight-comics-icon{width:14px;height:14px;opacity:.8}.knight-top-1 .knight-comics-icon{width:16px;height:16px}.knights-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:20px}.knight-list-item{display:flex;align-items:center;padding:10px 12px;border-radius:8px;background-color:var(--surface-color);border:1px solid var(--border-color);transition:all .2s ease;cursor:pointer;min-height:70px}.knight-list-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium);border-color:var(--border-accent-color)}.knight-list-rank{font-size:1.3rem;font-weight:700;min-width:35px;text-align:center;color:var(--text-secondary-color);display:flex;align-items:center;justify-content:center}.knight-list-avatar{width:45px;height:45px;border-radius:50%;object-fit:cover;margin:0 12px;border:2px solid var(--border-accent-color);flex-shrink:0}.knight-list-info{flex:1;overflow:hidden;min-width:0}.knight-list-name{font-weight:600;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-color);font-size:.95rem}.knight-list-details{display:flex;gap:8px;font-size:.8rem;color:var(--text-secondary-color);align-items:center}.knight-list-level{color:var(--color-primary);font-weight:500}.knight-list-comics{color:var(--text-muted-color);display:flex;align-items:center;gap:3px}.knight-list-comics-icon{width:12px;height:12px;opacity:.8}.mobile-knights-top-section{display:none;flex-direction:column;margin-bottom:30px}.mobile-knight-champion{position:relative;background:linear-gradient(135deg,#ffe259,#ffa751);border-radius:12px;padding:20px;margin-bottom:20px;display:flex;flex-direction:column;align-items:center;box-shadow:0 10px 30px #ffa75166}.mobile-knight-crown{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:40px;height:40px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="%23FFD700" d="M576 136c0 22.09-17.91 40-40 40c-.248 0-.4551-.1266-.7031-.1305l-50.52 277.9C482 468.9 468.8 480 453.3 480H122.7c-15.46 0-28.72-11.06-31.48-26.27L40.71 175.9C40.46 175.9 40.25 176 39.1 176c-22.09 0-40-17.91-40-40S17.91 96 39.1 96s40 17.91 40 40c0 8.998-3.521 16.89-8.537 23.57l89.63 71.7c15.91 12.73 39.5 7.544 48.61-10.68l57.6-115.2C255.1 98.34 247.1 86.34 247.1 72C247.1 49.91 265.9 32 288 32s40 17.91 40 40c0 14.34-7.963 26.34-19.3 33.4l57.6 115.2c9.111 18.22 32.71 23.4 48.61 10.68l89.63-71.7C499.5 152.9 496 144.1 496 136C496 113.9 513.9 96 536 96S576 113.9 576 136z"/></svg>');background-repeat:no-repeat;background-size:contain}.mobile-knight-rank{position:absolute;display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:50%;font-weight:700;color:#fff;z-index:1}.mobile-knight-rank-1{background-color:#ff9800;top:10px;right:10px;font-size:1.2rem;box-shadow:0 2px 8px #ff980080}.mobile-knight-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:5px solid #FFD700;box-shadow:0 6px 15px #0003;margin-bottom:15px}.mobile-knight-info{text-align:center;width:100%}.mobile-knight-name{font-size:1.3rem;font-weight:600;margin-bottom:5px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}.mobile-knight-stats{font-size:1rem;color:#fff;opacity:.9}.mobile-knights-runnerup{display:flex;justify-content:space-between;gap:15px}.mobile-knight-card{flex:1;position:relative;border-radius:10px;padding:15px;display:flex;flex-direction:column;align-items:center}.mobile-knight-card-2{background:linear-gradient(135deg,#e6e6e6,#d7d7d7);box-shadow:0 4px 15px #c8c8c866}.mobile-knight-card-3{background:linear-gradient(135deg,#f9c5a7,#d3946b);box-shadow:0 4px 15px #d3946b66}.mobile-knight-rank-2,.mobile-knight-rank-3{top:8px;right:8px;font-size:1rem}.mobile-knight-rank-2{background-color:#9e9e9e}.mobile-knight-rank-3{background-color:#bf8970}.mobile-knight-avatar-small{width:70px;height:70px;border-radius:50%;object-fit:cover;margin-bottom:10px}.mobile-knight-card-2 .mobile-knight-avatar-small{border:3px solid #C0C0C0}.mobile-knight-card-3 .mobile-knight-avatar-small{border:3px solid #CD7F32}.mobile-knight-info-small{text-align:center;width:100%}.mobile-knight-name-small{font-size:1rem;font-weight:600;margin-bottom:3px;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-knight-stats-small{font-size:.85rem;color:var(--text-secondary-color)}.knight-list-item:nth-child(1) .knight-list-rank{color:#ff9800;font-size:1.4rem}.knight-list-item:nth-child(2) .knight-list-rank{color:#9e9e9e;font-size:1.4rem}.knight-list-item:nth-child(3) .knight-list-rank{color:#bf8970;font-size:1.4rem}.knight-list-item:nth-child(-n+7){border-left:3px solid var(--color-primary)}.knight-list-item:nth-child(-n+7):hover{border-left-color:var(--color-primary-dark)}.knights-list.loading .knight-list-item{opacity:0;animation:fadeInUp .3s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.knights-list .knight-list-item:nth-child(1){animation-delay:.1s}.knights-list .knight-list-item:nth-child(2){animation-delay:.15s}.knights-list .knight-list-item:nth-child(3){animation-delay:.2s}.knights-list .knight-list-item:nth-child(4){animation-delay:.25s}.knights-list .knight-list-item:nth-child(5){animation-delay:.3s}.knights-list .knight-list-item:nth-child(6){animation-delay:.35s}@keyframes shine{0%{background-position:-100% 0}to{background-position:200% 0}}.knight-top-1 .knight-name:after,.mobile-knight-name:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);background-size:200% 100%;animation:shine 3s infinite;pointer-events:none}@media(min-width:1200px){.knights-list{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}}@media(min-width:769px)and (max-width:1199px){.knights-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media(max-width:768px){.knights-leaderboard-container{padding:12px}.knights-top-section{display:none}.mobile-knights-top-section{display:flex}.knights-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}.knight-list-item{padding:8px 10px;min-height:60px}.knight-list-rank{font-size:1.1rem;min-width:28px}.knight-list-avatar{width:40px;height:40px;margin:0 10px}.knight-list-name{font-size:.9rem}.knight-list-details{font-size:.75rem}}@media(max-width:480px){.knights-leaderboard-container{padding:8px}.knights-list{grid-template-columns:1fr}.knight-list-item{padding:10px}}.history-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl, 48px) var(--spacing-lg, 24px);text-align:center;min-height:400px}.empty-icon{font-size:64px;color:var(--text-muted-color, #9ca3af);margin-bottom:var(--spacing-lg, 24px)}.empty-title{font-size:24px;font-weight:700;color:var(--text-color);margin:0 0 var(--spacing-sm, 12px) 0}.empty-description{font-size:16px;color:var(--text-secondary-color);margin:0 0 var(--spacing-lg, 24px) 0}.browse-btn{padding:12px 24px;background-color:var(--color-primary);color:var(--color-white, #ffffff);border:none;border-radius:var(--border-radius-medium, 8px);font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-normal, .3s ease)}.browse-btn:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #007aff4d}.browse-btn:active{transform:translateY(0)}@media(max-width:768px){.history-empty-state{padding:var(--spacing-xl, 32px) var(--spacing-md, 16px);min-height:300px}.empty-icon{font-size:48px}.empty-title{font-size:20px}.empty-description{font-size:14px}.browse-btn{padding:10px 20px;font-size:14px}}@media(max-width:480px){.empty-icon{font-size:40px}.empty-title{font-size:18px}.empty-description{font-size:13px}}.history-stats-debug{position:fixed;bottom:20px;right:20px;min-width:140px;background:#1e1e1ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ff9800;border-radius:8px;box-shadow:0 4px 20px #0000004d;padding:8px;z-index:9999;animation:debugSlideIn .3s ease-out;font-size:11px}.debug-header{display:flex;align-items:center;gap:4px;padding:4px 6px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;margin-bottom:6px}.debug-icon{font-size:12px;color:#fff;opacity:.9}.debug-title{font-size:9px;font-weight:700;letter-spacing:.5px;color:#fff;text-transform:uppercase}.debug-stats{display:flex;flex-direction:column;gap:4px}.debug-row{display:flex;justify-content:space-between;align-items:center;padding:3px 6px;background:#ffffff0d;border-radius:3px;transition:background .2s}.debug-row:hover{background:#ffffff14}.debug-row .label{font-size:10px;color:#fff9;font-weight:500}.debug-row .value{font-size:11px;font-weight:700;color:#fff;font-family:Courier New,monospace}.debug-row .value.normal{color:#10b981}.debug-row .value.warning{color:#f59e0b;animation:debugPulseWarning 2s ease-in-out infinite}.debug-row .value.critical{color:#ef4444;animation:debugPulseCritical 1s ease-in-out infinite}@keyframes debugSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes debugPulseWarning{0%,to{opacity:1}50%{opacity:.7}}@keyframes debugPulseCritical{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.history-stats-debug{bottom:10px;right:10px;min-width:120px;font-size:10px;padding:6px}.debug-header{padding:3px 5px}.debug-icon{font-size:11px}.debug-title{font-size:8px}.debug-row .label{font-size:9px}.debug-row .value{font-size:10px}}.reading-history-page{min-height:100vh;background-color:var(--background-color)}.reading-history-container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg, 24px)}.reading-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg, 24px);padding:var(--spacing-md, 16px) 0;position:relative}.reading-history-back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:var(--surface-color);color:var(--text-color);border-radius:var(--border-radius-medium, 8px);cursor:pointer;transition:all var(--transition-normal, .3s);font-size:18px;box-shadow:var(--shadow-light)}.reading-history-back-btn:hover{background:var(--hover-bg-color);transform:translate(-2px);box-shadow:var(--shadow-medium)}.reading-history-back-btn:active{transform:translate(-1px)}.reading-history-title{font-size:28px;font-weight:700;color:var(--text-color);margin:0;text-align:center;flex:1}.reading-history-placeholder{width:40px;height:40px;flex-shrink:0}@media(max-width:768px){.reading-history-container{padding:var(--spacing-md, 16px)}.reading-history-header{padding:var(--spacing-sm, 12px) 0;justify-content:center}.reading-history-back-btn,.reading-history-placeholder{display:none}.reading-history-title{font-size:24px;flex:none}}@media(max-width:480px){.reading-history-container{padding:var(--spacing-sm, 12px)}.reading-history-title{font-size:20px}}