.nav[data-v-5e8d8fc1]{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-h);background:transparent;transition:background .25s,box-shadow .25s}.nav.scrolled[data-v-5e8d8fc1]{background:#0d0d0fe0;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);box-shadow:0 1px 0 var(--border)}.nav-inner[data-v-5e8d8fc1]{display:flex;align-items:center;gap:16px;height:100%}.logo[data-v-5e8d8fc1]{display:flex;align-items:center;gap:10px;flex-shrink:0;transition:opacity .15s}.logo[data-v-5e8d8fc1]:hover{opacity:.85}.logo-text[data-v-5e8d8fc1]{font-size:1.1rem;font-weight:800;letter-spacing:-.02em;color:var(--text-1);line-height:1}.logo-text em[data-v-5e8d8fc1]{font-style:normal;color:var(--accent)}.nav-center[data-v-5e8d8fc1]{flex:1;max-width:480px;margin:0 auto}.search-wrap[data-v-5e8d8fc1]{position:relative;display:flex;align-items:center}.search-icon[data-v-5e8d8fc1]{position:absolute;left:12px;color:var(--text-3);pointer-events:none;flex-shrink:0}.search-input[data-v-5e8d8fc1]{width:100%;height:38px;padding:0 16px 0 38px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-full);color:var(--text-1);font-size:.875rem;transition:border-color .18s,background .18s;outline:none}.search-input[data-v-5e8d8fc1]::placeholder{color:var(--text-3)}.search-input[data-v-5e8d8fc1]:focus{border-color:var(--accent);background:var(--bg-surface)}.nav-right[data-v-5e8d8fc1]{display:flex;align-items:center;gap:4px;flex-shrink:0}.nav-link[data-v-5e8d8fc1]{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--r-full);font-size:.875rem;font-weight:500;color:var(--text-2);transition:color .15s,background .15s}.nav-link[data-v-5e8d8fc1]:hover,.nav-link.active[data-v-5e8d8fc1]{color:var(--text-1);background:var(--bg-card)}.nav-link.active[data-v-5e8d8fc1]{color:var(--accent)}@media(max-width:520px){.nav-center[data-v-5e8d8fc1],.nav-link span[data-v-5e8d8fc1]{display:none}.nav-link[data-v-5e8d8fc1]{padding:8px}}.main-content[data-v-b5e8efc5]{padding-top:var(--nav-h);min-height:100dvh}.main-content.reader-mode[data-v-b5e8efc5]{padding-top:0}:root{--bg: #0d0d0f;--bg-surface: #13131a;--bg-card: #1a1a22;--bg-overlay: #22222e;--bg-hover: #28283a;--accent: #ff4757;--accent-dim: #cc3a47;--accent-glow: rgba(255, 71, 87, .25);--accent-soft: rgba(255, 71, 87, .12);--blue: #4dabff;--green: #2ecc71;--yellow: #ffd32a;--text-1: #f0f0f8;--text-2: #9090a8;--text-3: #55556a;--border: rgba(255, 255, 255, .07);--border-hover: rgba(255, 255, 255, .14);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--r-full: 9999px;--shadow-card: 0 2px 16px rgba(0, 0, 0, .5);--shadow-raised: 0 8px 32px rgba(0, 0, 0, .65);--shadow-float: 0 16px 56px rgba(0, 0, 0, .8);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-both: cubic-bezier(.45, 0, .55, 1);--nav-h: 60px;--max-w: 1400px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text-1);line-height:1.6;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-overlay);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{background:var(--accent-glow);color:var(--text-1)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,var(--bg-card) 0%,var(--bg-overlay) 40%,var(--bg-card) 80%);background-size:600px 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--r-sm)}.fade-enter-active,.fade-leave-active{transition:opacity .2s var(--ease-out),transform .2s var(--ease-out)}.fade-enter-from{opacity:0;transform:translateY(8px)}.fade-leave-to{opacity:0;transform:translateY(-4px)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--r-full);font-size:.875rem;font-weight:600;letter-spacing:.01em;transition:all .18s var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 16px var(--accent-glow)}.btn-primary:hover{background:var(--accent-dim);box-shadow:0 6px 24px var(--accent-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:none}.btn-ghost{background:var(--border);color:var(--text-1);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-hover);border-color:var(--border-hover)}.btn-ghost:active{transform:scale(.97)}.btn-icon{padding:10px;border-radius:var(--r-md);background:var(--bg-card);color:var(--text-2);border:1px solid var(--border)}.btn-icon:hover{background:var(--bg-overlay);color:var(--text-1);border-color:var(--border-hover)}.btn:disabled{opacity:.45;pointer-events:none}.tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--r-full);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.tag-accent{background:var(--accent-soft);color:var(--accent)}.tag-blue{background:#4dabff1f;color:var(--blue)}.tag-green{background:#2ecc711f;color:var(--green)}.tag-muted{background:var(--bg-overlay);color:var(--text-2)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.spinner-lg{width:40px;height:40px;border-width:3px}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 20px}@media(min-width:768px){.container{padding:0 32px}}@media(min-width:1200px){.container{padding:0 48px}}.error-box{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;text-align:center;color:var(--text-2)}.error-box .icon{font-size:2.5rem;opacity:.6}.error-box h3{color:var(--text-1);font-size:1.1rem}.error-box p{font-size:.875rem;max-width:360px}