.user-dropdown{opacity:0;transform:translateY(10px) scale(.98);transition:opacity .22s cubic-bezier(.4,2,.6,1),transform .22s cubic-bezier(.4,2,.6,1);pointer-events:none}.user-dropdown.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.header{color:#fff}.header .container{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem}.header .logo{font-size:2rem;font-weight:700;background:linear-gradient(90deg,#00e6cb,#a78bfa 60%,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;letter-spacing:-1px;line-height:1.1}.header .nav{display:flex;gap:1.2rem;align-items:center}.header .nav .nav-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.3rem;background:linear-gradient(90deg,#facc15,#fb923c);border-radius:999px;color:#fff;font-weight:700;font-size:1.08rem;box-shadow:0 2px 10px #fb923c1a;text-decoration:none;border:none;transition:all .18s cubic-bezier(.4,2,.6,1);opacity:.97;position:relative;letter-spacing:.01em}.header .nav .nav-item .nav-icon{font-size:1.3rem;margin-right:.3rem;filter:drop-shadow(0 1px 4px rgba(251,146,60,.1));transition:transform .18s cubic-bezier(.4,2,.6,1)}.header .nav .nav-item .nav-label{letter-spacing:.1px;color:#333;font-weight:500;text-shadow:0 1px 6px rgba(0,0,0,.08)}.header .nav .nav-item .user-dropdown .nav-label,.header .nav .nav-item .user-dropdown .user-name{color:#333!important;font-weight:500}.header .nav .nav-item:hover{background:linear-gradient(90deg,#fb923c,#facc15);color:#fff;opacity:1;transform:translateY(-2px) scale(1.05);box-shadow:0 8px 24px #fb923c2e}.header .nav .nav-item:hover .nav-icon{transform:scale(1.11) rotate(-4deg)}._badge_zmb9a_1{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;font-weight:500;line-height:1;white-space:nowrap}._badge_zmb9a_1._default_zmb9a_10{background-color:#f3f4f6;color:#374151}._badge_zmb9a_1._primary_zmb9a_14{background-color:#dbeafe;color:#1d4ed8}._badge_zmb9a_1._secondary_zmb9a_18{background-color:#f3f4f6;color:#4b5563}._badge_zmb9a_1._success_zmb9a_22{background-color:#e8f5e9;color:#2e7d32}._badge_zmb9a_1._warning_zmb9a_26{background-color:#fffde7;color:#b45309}._badge_zmb9a_1._error_zmb9a_30{background-color:#fef2f2;color:#dc2626}._badge_zmb9a_1._sm_zmb9a_34{padding:4px 8px;font-size:.75rem;min-height:20px}._badge_zmb9a_1._md_zmb9a_39{padding:4px 12px;font-size:.875rem;min-height:24px}._badge_zmb9a_1._lg_zmb9a_44{padding:8px 16px;font-size:1rem;min-height:32px}._notificationDropdown_1chba_1{position:relative;display:inline-block}._trigger_1chba_6{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background-color:transparent;color:#888;border-radius:12px;cursor:pointer;transition:all .18s cubic-bezier(.4,2,.6,1);outline:none}._trigger_1chba_6:hover{background-color:#fff;color:#222}._trigger_1chba_6:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}._trigger_1chba_6._active_1chba_29{background-color:#eff6ff;color:#2563eb}._trigger_1chba_6 svg{flex-shrink:0}._badge_1chba_37{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;font-size:.75rem;font-weight:700;line-height:1;z-index:1}._dropdown_1chba_49{position:absolute;top:100%;left:0;width:400px;max-height:500px;background-color:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 8px 24px #0000002e;z-index:1000;overflow:hidden}@media (max-width: 768px){._dropdown_1chba_49{width:320px;right:-40px}}@media (max-width: 768px){._dropdown_1chba_49{position:fixed;top:70px;left:50%;right:auto;transform:translate(-50%);width:calc(100vw - 32px);max-width:400px}}._header_1chba_80{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e5e7eb;background-color:#fff}@media (max-width: 768px){._header_1chba_80{padding:12px 16px}}._title_1chba_95{font-size:1.25rem;font-weight:700;line-height:1.35;margin:0;color:#222}._markAllRead_1chba_103{background:none;border:none;color:#2563eb;font-size:.875rem;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .18s cubic-bezier(.4,2,.6,1)}._markAllRead_1chba_103:hover{background-color:#eff6ff;color:#1d4ed8}._content_1chba_119{max-height:400px;overflow-y:auto}._content_1chba_119::-webkit-scrollbar{width:6px}._content_1chba_119::-webkit-scrollbar-track{background:#fff}._content_1chba_119::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:6px}._empty_1chba_134{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:#888}._empty_1chba_134 svg{margin-bottom:16px;opacity:.5}._empty_1chba_134 p{font-size:1rem;font-weight:400;line-height:1.5;margin:0;text-align:center}._list_1chba_154{padding:8px 0}._item_1chba_158{display:flex;align-items:center;gap:18px;padding:12px 24px;transition:all .18s cubic-bezier(.4,2,.6,1);cursor:pointer;border-left:3px solid transparent;color:#222;text-decoration:none;position:relative;outline:none}@media (max-width: 768px){._item_1chba_158{padding:12px 16px}}._item_1chba_158:hover{background-color:#fff;text-decoration:none;color:#222}._item_1chba_158:hover ._message_1chba_181{color:#2563eb}._item_1chba_158:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px;border-radius:6px}._item_1chba_158._unread_1chba_189{background-color:#eff6ff;border-left-color:#3b82f6}._item_1chba_158._unread_1chba_189:hover{background-color:#dbeafe}._item_1chba_158._likeNotification_1chba_196 ._icon_1chba_196{color:#ef4444}._item_1chba_158._commentNotification_1chba_199 ._icon_1chba_196{color:#22c55e}._item_1chba_158._followNotification_1chba_202 ._icon_1chba_196{color:#3b82f6}._item_1chba_158._defaultNotification_1chba_205 ._icon_1chba_196{color:#888}._icon_1chba_196{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50%;margin-top:0;margin-right:0}._icon_1chba_196 svg{width:18px;height:18px;display:block;margin:0 auto}._itemContent_1chba_228{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;justify-content:center}@media (max-width: 768px){._itemContent_1chba_228{padding-right:8px}}._message_1chba_181{font-size:1rem;font-weight:400;line-height:1.5;transition:color .18s cubic-bezier(.4,2,.6,1)}._messageLink_1chba_250{font-size:1rem;font-weight:400;color:#222;text-decoration:none;display:block;line-height:1.5}._messageLink_1chba_250:hover{text-decoration:none;color:#2563eb}._time_1chba_264{font-size:.875rem;font-weight:400;line-height:1.4;color:#888;font-weight:500}._markRead_1chba_272{background:none;border:none;padding:4px;cursor:pointer;border-radius:6px;transition:all .18s cubic-bezier(.4,2,.6,1);z-index:1}._markRead_1chba_272:hover{background-color:#fff}._markRead_1chba_272:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}._markRead_1chba_272:disabled{opacity:.5;cursor:not-allowed}._itemActions_1chba_293{position:absolute;top:12px;right:16px;display:flex;align-items:center;gap:4px;z-index:2}@media (max-width: 768px){._itemActions_1chba_293{right:12px;gap:4px}}._deleteButton_1chba_309{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;color:#888;cursor:pointer;border-radius:6px;transition:all .18s cubic-bezier(.4,2,.6,1);opacity:0}._item_1chba_158:hover ._deleteButton_1chba_309{opacity:1}._deleteButton_1chba_309:hover{background-color:#fef2f2;color:#ef4444}._deleteButton_1chba_309:focus-visible{outline:2px solid #ef4444;outline-offset:2px;opacity:1}._deleteButton_1chba_309:disabled{opacity:.5;cursor:not-allowed}._deleteButton_1chba_309 svg{width:14px;height:14px;flex-shrink:0}@media (max-width: 768px){._deleteButton_1chba_309{opacity:1;width:20px;height:20px}._deleteButton_1chba_309 svg{width:12px;height:12px}}._unreadDot_1chba_356{width:8px;height:8px;background-color:#3b82f6;border-radius:50%}._footer_1chba_363{padding:16px 24px;border-top:1px solid #e5e7eb;background-color:#fff;text-align:center}@media (max-width: 768px){._footer_1chba_363{padding:12px 16px}}._viewAll_1chba_375{font-size:1rem;font-weight:400;line-height:1.5;color:#2563eb;text-decoration:none;font-weight:500;transition:color .18s cubic-bezier(.4,2,.6,1)}._viewAll_1chba_375:hover{color:#1d4ed8;text-decoration:underline}@keyframes _slideDown_1chba_1{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}._dropdown_1chba_49{animation:_slideDown_1chba_1 .2s ease-out}._trigger_1chba_6:focus-visible,._markAllRead_1chba_103:focus-visible,._viewAll_1chba_375:focus-visible,._markRead_1chba_272:focus-visible,._deleteButton_1chba_309:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}._trigger_1chba_6:focus:not(:focus-visible),._markAllRead_1chba_103:focus:not(:focus-visible),._viewAll_1chba_375:focus:not(:focus-visible),._markRead_1chba_272:focus:not(:focus-visible),._deleteButton_1chba_309:focus:not(:focus-visible),._item_1chba_158:focus:not(:focus-visible){outline:none}@media (prefers-contrast: high){._item_1chba_158{border-bottom:1px solid #e5e7eb}._item_1chba_158._unread_1chba_189{border-left-width:4px}._icon_1chba_196{border:1px solid #d1d5db}}@media (prefers-reduced-motion: reduce){._dropdown_1chba_49{animation:none}._trigger_1chba_6,._markAllRead_1chba_103,._messageLink_1chba_250,._markRead_1chba_272,._viewAll_1chba_375{transition:none}}.footer{color:#3b82f6;font-weight:500}.footer .container{padding:1rem 2rem;text-align:center}.genre-badge{display:inline-block;background:#a78bfa;color:#fff;border-radius:8px;padding:.2rem .75rem;font-size:.85rem;font-weight:700;margin-right:.25rem}.comic-card{background:#fff;border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer;border:1px solid #e5e7eb;box-shadow:0 2px 12px #0000000d;display:flex;flex-direction:column}.comic-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.comic-card:hover .comic-cover{transform:scale(1.05)}.comic-card:hover .comic-overlay{opacity:1}.comic-card .comic-cover-container{position:relative;overflow:hidden;background:#f8fafc}.comic-card .comic-cover-container:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 22px 22px 0;border-color:transparent #a78bfa transparent transparent}.comic-card .comic-cover-container .comic-cover{width:100%;object-fit:cover;transition:transform .3s ease;display:block;line-height:0;margin-bottom:0}.comic-card .comic-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.4) 0%,transparent 40%,transparent 60%,rgba(0,0,0,.5) 100%);opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}.comic-card .comic-overlay .status-badge{align-self:flex-start;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;color:#fff}.comic-card .comic-overlay .status-badge.ongoing{background:linear-gradient(135deg,#43a047,#10b981)}.comic-card .comic-overlay .status-badge.completed{background:linear-gradient(135deg,#3b82f6,#1e40af)}.comic-card .comic-overlay .rating{align-self:flex-end;display:flex;align-items:center;gap:.25rem;background:#0009;padding:.25rem .5rem;border-radius:8px;color:#fff;font-size:.85rem;font-weight:500}.comic-card .comic-overlay .rating .star{font-size:.9rem}.comic-info{padding:1.25rem;margin-top:0;display:flex;flex-direction:column;min-height:0;flex:1 1 auto}.comic-info .comic-title{color:#222;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.comic-info .comic-author{color:#555;font-size:.9rem;margin-bottom:.75rem}.comic-info .comic-genres{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.comic-info .comic-meta{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:#555;margin-top:auto}.comic-info .comic-meta .views{color:#a78bfa;font-weight:500}.comic-info .comic-meta .last-chapter{color:#3b82f6;font-weight:500}.comic-info .comic-meta .updated-at{color:#43a047}.featured{min-width:200px}.featured .comic-cover-container .comic-cover{object-fit:contain;object-position:center;max-height:180px}.featured .comic-cover-container:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 22px 22px 0;border-color:transparent #a78bfa transparent transparent}.featured .comic-info{padding:.85rem;display:flex;flex-direction:column;min-height:0}.featured .comic-info .comic-title{font-size:1.05rem;color:#3b82f6}.featured .comic-info .comic-meta{background:#f8fafc;padding:.5rem;border-radius:7px;margin-top:auto;font-size:.92em}.standard .comic-info{padding:1rem}.standard .comic-info .comic-title{font-size:1rem}.standard .comic-info .comic-genres{margin-bottom:.5rem}@media (max-width: 768px){.comic-info{padding:1rem}.comic-info .comic-title{font-size:1rem}.featured .comic-info .comic-title{font-size:1.1rem}}.chapter-list h2{color:#3b82f6;margin-bottom:1rem}.chapter-list ul{list-style:none;padding:0}.chapter-list ul li{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e3e6ef}.chapter-list ul li a{color:#3b82f6;font-weight:700}.chapter-list ul li a:hover{color:#a78bfa}.chapter-list ul li .date{color:#555;font-size:.9rem}.page-viewer{display:flex;flex-direction:column;align-items:center}.page-viewer .page-img{width:100%;max-width:600px;border-radius:8px;box-shadow:0 2px 8px #1976d214;background:#fff}.author-info{color:#555;font-size:1rem;margin-bottom:.5rem}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:2rem 0;color:#555}.empty-state .empty-icon{font-size:2.5rem;margin-bottom:1rem;color:#3b82f6}.empty-state .empty-text{font-size:1.1rem;font-weight:700}.btn{background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:.5rem 1.25rem;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s}.btn:hover:not(:disabled){background:#1e40af}.btn:disabled{background:#e3e6ef;color:#555;cursor:not-allowed}._container_14usr_1{display:flex;flex-direction:column;gap:8px}._label_14usr_7{font-size:1rem;font-weight:400;line-height:1.5;font-weight:500;color:#222;display:block}._required_14usr_16{color:#ef4444;margin-left:2px}._inputWrapper_14usr_21{position:relative}._input_14usr_21{width:100%;border:1px solid #e3e6ef;border-radius:8px;background:#fff;color:#222;font-size:1rem;padding:12px 16px;transition:border-color .2s,box-shadow .2s;outline:none}._input_14usr_21::placeholder{color:#888;opacity:1}._input_14usr_21:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}._input_14usr_21._sm_14usr_44{padding:8px 12px;font-size:.875rem;min-height:32px}._input_14usr_21._md_14usr_49{padding:12px 16px;font-size:1rem;min-height:40px}._input_14usr_21._lg_14usr_54{padding:16px 20px;font-size:1.125rem;min-height:48px}._input_14usr_21._error_14usr_59{border-color:#ef4444}._input_14usr_21._error_14usr_59:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}._input_14usr_21._disabled_14usr_66{background-color:#f3f4f6;color:#888;cursor:not-allowed}._input_14usr_21._disabled_14usr_66::placeholder{color:#9ca3af}._input_14usr_21._fullWidth_14usr_74{width:100%}._errorText_14usr_78{font-size:.875rem;font-weight:400;line-height:1.4;color:#ef4444;margin-top:4px}._helperText_14usr_86{font-size:.875rem;font-weight:400;line-height:1.4;color:#888;margin-top:4px}._pagination_1tmi5_1{display:flex;align-items:center;justify-content:center;margin:16px 0}._pageList_1tmi5_8{display:flex;align-items:center;justify-content:center;gap:4px;margin:0;padding:0;list-style:none;flex-wrap:wrap}._pageLink_1tmi5_19{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:8px 12px;border:1px solid #d1d5db;border-radius:12px;background-color:#f5f7fa;color:#555;font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .18s cubic-bezier(.4,2,.6,1)}._pageLink_1tmi5_19:hover:not(:disabled){background-color:#eff6ff;border-color:#bfdbfe;color:#2563eb}._pageLink_1tmi5_19:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}._pageLink_1tmi5_19._active_1tmi5_45{background-color:#2563eb;border-color:#2563eb;color:#fff}._pageLink_1tmi5_19._active_1tmi5_45:hover{background-color:#1d4ed8;border-color:#1d4ed8}._pageLink_1tmi5_19._disabled_1tmi5_54,._pageLink_1tmi5_19:disabled{background-color:#f3f4f6;border-color:#e5e7eb;color:#888;cursor:not-allowed;pointer-events:none}@media (max-width: 768px){._pageLink_1tmi5_19{min-width:36px;height:36px;padding:4px 8px;font-size:.75rem}}._ellipsis_1tmi5_70{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;color:#888;font-weight:700;-webkit-user-select:none;user-select:none}@media (max-width: 768px){._ellipsis_1tmi5_70{min-width:36px;height:36px}}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;color:#222;border-radius:8px;box-shadow:0 2px 16px #0003;padding:2rem;min-width:320px;position:relative}.modal-close{position:absolute;top:.5rem;right:.5rem;background:none;border:none;font-size:2rem;color:#222;cursor:pointer}.loading,.loading-fullscreen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.loading-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#ffffffb3;z-index:9999}.loading-spinner{width:48px;height:48px;border:4px solid #60a5fa;border-top:4px solid #1e40af;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#3b82f6;font-weight:700;font-size:1.1rem}._commentItem_1in6w_1{display:flex;gap:1rem;margin-bottom:1.2rem;align-items:flex-start}._avatar_1in6w_8{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#e3eafc;flex-shrink:0}._avatar_1in6w_8 img{width:100%;height:100%;object-fit:cover}._body_1in6w_22{flex:1;background:#fff;border-radius:8px;box-shadow:0 1px 4px #1976d20a;padding:.7rem 1rem}._header_1in6w_30{display:flex;align-items:center;gap:.7rem;margin-bottom:.2rem}._username_1in6w_37{color:var(--primary, #1976d2);font-weight:600;font-size:1rem}._time_1in6w_43{color:var(--text-secondary, #888);font-size:.95rem}._content_1in6w_48{color:var(--text-primary, #222);font-size:1.05rem;line-height:1.6;word-break:break-word}._commentSection_k2qou_1{background:var(--background-light, #f8fafc);border-radius:10px;box-shadow:0 2px 8px #1976d20f;padding:2rem 1.5rem;margin-top:2.5rem}._title_k2qou_9{color:var(--primary, #1976d2);font-size:1.2rem;font-weight:600;margin-bottom:1.2rem}._commentList_k2qou_16{margin-bottom:1.5rem}._empty_k2qou_20{color:var(--text-secondary, #888);font-style:italic;text-align:center;margin-bottom:1rem}._commentForm_k2qou_27{display:flex;flex-direction:column;gap:.7rem}._input_k2qou_33{min-height:60px;border-radius:6px;border:1px solid var(--border, #e0e0e0);padding:.7rem 1rem;font-size:1rem;resize:vertical;background:#fff;color:var(--text-primary, #222)}._submitBtn_k2qou_44{align-self:flex-end;background:var(--primary, #1976d2);color:#fff;border:none;border-radius:6px;padding:.5rem 1.2rem;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s}._submitBtn_k2qou_44:disabled{background:#b0b0b0;cursor:not-allowed}._loginPrompt_k2qou_62{color:var(--accent, #ff9800);font-size:1rem;font-style:italic}