*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg: #0c0c10;--surface: #14141c;--surface2: #1c1c28;--surface3: #22222f;--border: #272737;--border-light: #32324a;--text: #eeeef5;--text-muted: #8888a8;--text-faint: #50506a;--skeleton-base: #1c1c28;--skeleton-shine:#232334;--shadow-card: 0 2px 16px rgba(0,0,0,.45);--shadow-hover: 0 12px 40px rgba(0,0,0,.55);--header-bg: rgba(12,12,16,.92);--hero-fade: #0c0c10}[data-theme=light]{--bg: #f4f4f8;--surface: #ffffff;--surface2: #f0f0f6;--surface3: #e8e8f0;--border: #e0e0ec;--border-light: #ccccd8;--text: #18182a;--text-muted: #55556a;--text-faint: #9999b8;--skeleton-base: #e8e8f0;--skeleton-shine:#f2f2f8;--shadow-card: 0 2px 12px rgba(0,0,0,.07);--shadow-hover: 0 12px 40px rgba(0,0,0,.14);--header-bg: rgba(244,244,248,.92);--hero-fade: #f4f4f8}:root{--accent: #7c6af5;--accent-2: #ec4899;--accent-hover: #9183f7;--accent-dim: rgba(124,106,245,.14);--accent-glow: rgba(124,106,245,.3);--green: #34d399;--green-dim: rgba(52,211,153,.12);--red: #f87171;--red-dim: rgba(248,113,113,.12);--grad-accent: linear-gradient(135deg, #6366f1, #8b5cf6, #ec4899);--radius: 14px;--radius-sm: 9px;--radius-pill: 999px;--header-h: 68px;font-size:16px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column}.page{flex:1;display:flex;flex-direction:column;padding-bottom:60px}.app-desktop{flex-direction:row;height:100vh;overflow:hidden;min-height:unset}.app-sidebar{width:320px;flex-shrink:0;border-right:1px solid var(--border);height:100vh;overflow-y:auto;display:flex;flex-direction:column}.app-main{flex:1;height:100vh;overflow-y:auto;min-width:0}.page.sidebar-page{max-width:none!important;margin:0!important;padding-bottom:0;min-height:unset;flex:none}.page.grid-only-page{padding-top:8px}.page.grid-only-page .card-grid{grid-template-columns:repeat(2,1fr)}.page-header{position:sticky;top:0;z-index:50;background:var(--header-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:12px}.header-brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-logo{height:34px;width:auto;display:block;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 8px var(--accent-glow))}.brand-logo-sm{height:26px}.brand-text{min-width:0}.brand-org{font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:1.05rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:var(--grad-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;line-height:1.2}.brand-title{font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:.72rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px;line-height:1}.brand-sub{font-size:.67rem;color:var(--text-muted);margin-top:1px;line-height:1;letter-spacing:.02em}.header-actions{display:flex;align-items:center;gap:6px}.header-spacer{width:36px;height:36px;flex-shrink:0}.search-section{padding:16px 18px 0;display:flex;flex-direction:column;gap:8px}.search-pill{position:relative;display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);transition:border-color .15s,box-shadow .15s;overflow:hidden}.search-pill:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.search-icon{position:absolute;left:16px;color:var(--text-faint);pointer-events:none;flex-shrink:0}.search-input{width:100%;background:transparent;border:none;padding:12px 44px;color:var(--text);font-size:.92rem;outline:none;-webkit-appearance:none}.search-input::placeholder{color:var(--text-faint)}.search-clear{position:absolute;right:14px;background:var(--surface2);border:none;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:.65rem;color:var(--text-muted);cursor:pointer;transition:background .12s,color .12s;line-height:1}.search-clear:hover{background:var(--border-light);color:var(--text)}.search-pill-wrap{position:relative;width:100%}.search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-hover);overflow:hidden;z-index:100;animation:dropdown-in .16s cubic-bezier(.16,1,.3,1)}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-result-item{display:flex;align-items:center;gap:12px;padding:10px 14px;width:100%;background:none;border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;transition:background .12s;color:var(--text);-webkit-tap-highlight-color:transparent}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--surface2)}.search-result-thumb{width:42px;height:42px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;display:block}.search-result-thumb-empty{background:var(--surface2);display:flex;align-items:center;justify-content:center;color:var(--text-faint)}.search-result-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.search-result-title{font-size:.88rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.search-result-date{font-size:.72rem;color:var(--text-faint)}.search-highlight{background:var(--accent-dim);color:var(--accent);border-radius:2px;font-style:normal}.search-no-results{display:flex;align-items:center;gap:12px;padding:18px 16px;color:var(--text-faint);font-size:.85rem}.search-no-results strong{color:var(--text-muted);font-weight:600}.sidebar-list{display:flex;flex-direction:column;padding-top:12px}.sidebar-item{display:flex;flex-direction:column;gap:4px;padding:11px 16px 11px 19px;width:100%;background:none;border:none;border-bottom:1px solid var(--border);border-left:3px solid transparent;cursor:pointer;text-align:left;transition:background .12s,border-left-color .12s;color:var(--text);-webkit-tap-highlight-color:transparent}.sidebar-item:hover{background:var(--surface2)}.sidebar-item.active{background:var(--accent-dim);border-left-color:var(--accent)}.sidebar-item-title{font-size:.875rem;font-weight:600;line-height:1.38;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar-item.active .sidebar-item-title{color:var(--accent)}.sidebar-item-date{font-size:.7rem;color:var(--text-faint)}.pagination-compact{padding:14px 16px;border-top:1px solid var(--border)}.card-grid{display:grid;grid-template-columns:1fr;gap:14px;padding:16px 18px 0}@media (min-width: 600px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.card-grid{grid-template-columns:repeat(3,1fr)}}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:var(--shadow-card);display:flex;flex-direction:column;-webkit-tap-highlight-color:transparent}.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover),0 0 0 1px var(--accent-glow);border-color:#7c6af566}.post-card:active{transform:translateY(0)}.card-img-wrap{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--surface2);flex-shrink:0}.card-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.post-card:hover .card-img-wrap img{transform:scale(1.04)}.card-img-empty{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--surface2) 0%,var(--surface3) 100%)}.card-img-icon{color:var(--text-faint)}.skeleton-img{aspect-ratio:16 / 9}.card-body{padding:16px;display:flex;flex-direction:column;gap:6px;flex:1}.card-title{font-size:.97rem;font-weight:700;line-height:1.38;letter-spacing:-.01em;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.meta-chip{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;color:var(--text-faint)}.card-excerpt{font-size:.82rem;color:var(--text-muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px}.icon-btn{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface2);color:var(--text-muted);cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent;flex-shrink:0}.icon-btn:hover{border-color:var(--border-light);color:var(--text);background:var(--surface3)}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn-success{border-color:var(--green)!important;color:var(--green)!important;background:var(--green-dim)!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 18px;border-radius:var(--radius-sm);font-size:.88rem;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .15s;white-space:nowrap;background:none;color:var(--text);-webkit-tap-highlight-color:transparent;min-height:40px}.btn-ghost{background:var(--surface);border-color:var(--border);color:var(--text-muted)}.btn-ghost:hover{border-color:var(--border-light);color:var(--text);background:var(--surface2)}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:70px 28px;color:var(--text-faint);text-align:center}.empty-state p{font-size:1rem;color:var(--text-muted);font-weight:500}.empty-state span{font-size:.85rem;max-width:260px;color:var(--text-faint)}.pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:24px 18px}.page-btn{min-width:38px;height:38px;padding:0 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:.85rem;cursor:pointer;display:grid;place-items:center;transition:all .15s;-webkit-tap-highlight-color:transparent}.page-btn:hover:not(:disabled){border-color:var(--border-light);color:var(--text);background:var(--surface2)}.page-btn:disabled{opacity:.3;cursor:default}.page-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);font-weight:700}.page-info{font-size:.85rem;color:var(--text-faint);padding:0 4px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--radius-pill);font-size:.875rem;font-weight:500;z-index:200;box-shadow:0 8px 32px #0006;animation:toast-in .22s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}@keyframes toast-in{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.toast-success{background:var(--green-dim);border:1px solid rgba(52,211,153,.35);color:var(--green)}.toast-error{background:var(--red-dim);border:1px solid rgba(248,113,113,.35);color:var(--red)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-card{pointer-events:none;cursor:default}.skeleton-img,.skeleton-line{background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-shine) 50%,var(--skeleton-base) 75%);background-size:800px 100%;animation:shimmer 1.6s infinite linear}.skeleton-line{display:block;border-radius:5px}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .85s linear infinite}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.welcome-pane{display:flex;align-items:center;justify-content:center;min-height:100%;padding:40px 24px}.welcome-inner{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;max-width:420px}.welcome-logo{height:80px;width:auto;animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 20px var(--accent-glow))}50%{filter:drop-shadow(0 0 40px rgba(124,106,245,.55))}}.welcome-title{font-size:2rem;font-weight:800;letter-spacing:-.03em;background:var(--grad-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.15}.welcome-sub{color:var(--text-muted);font-size:1rem;line-height:1.65;max-width:300px}.not-found-pane{display:flex;align-items:center;justify-content:center;min-height:100%;padding:40px 24px}.not-found-inner{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;max-width:420px}.not-found-code{font-size:6rem;font-weight:900;line-height:1;letter-spacing:-.05em;background:var(--grad-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.6}.not-found-title{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--text)}.not-found-sub{color:var(--text-muted);font-size:.95rem;line-height:1.6;max-width:300px}.not-found-btn{margin-top:6px}.app:not(.app-desktop) .not-found-pane{min-height:100vh}.reader-page{padding-bottom:0}.reader-body{display:flex;flex-direction:column}.reader-hero-wrap{position:relative;width:100%;max-height:340px;overflow:hidden;flex-shrink:0}.reader-hero-img{width:100%;height:100%;max-height:340px;object-fit:cover;display:block}.reader-hero-fade{position:absolute;bottom:0;left:0;right:0;height:55%;background:linear-gradient(to bottom,transparent,var(--hero-fade));pointer-events:none}.reader-content{padding:28px 20px 80px;max-width:700px;width:100%;margin:0 auto}.reader-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:14px}.reader-meta .meta-chip{font-size:.75rem;color:var(--accent);gap:5px;font-weight:500}.reader-title{font-size:1.65rem;font-weight:800;line-height:1.25;letter-spacing:-.03em;color:var(--text);margin-bottom:22px}.reader-divider{width:48px;height:3px;background:var(--grad-accent);border-radius:2px;margin-bottom:26px}.reader-prose{font-size:1.05rem;line-height:1.88;color:var(--text-muted)}.reader-prose p{margin-bottom:1.15em}.reader-prose p:last-child{margin-bottom:0}.reader-prose h1,.reader-prose h2,.reader-prose h3{color:var(--text);font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:1.8em 0 .65em}.reader-prose h1{font-size:1.4rem}.reader-prose h2{font-size:1.18rem}.reader-prose h3{font-size:1.02rem}.reader-prose strong{color:var(--text);font-weight:700}.reader-prose .author-name{color:var(--accent);font-weight:800;letter-spacing:.02em}.reader-prose em{color:var(--accent);font-style:italic}.reader-prose blockquote{position:relative;border-left:3px solid var(--accent);padding:14px 18px;margin:1.6em 0;font-style:italic;font-size:1.08rem;line-height:1.75;color:var(--text-muted);background:var(--surface);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.reader-prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--accent-dim);transition:text-decoration-color .15s}.reader-prose a:hover{text-decoration-color:var(--accent)}.reader-prose img{max-width:100%;border-radius:var(--radius-sm);margin:1.2em 0;display:block}.reader-prose ul,.reader-prose ol{padding-left:1.5em;margin-bottom:1.1em}.reader-prose li{margin-bottom:.4em}.reader-prose hr{border:none;border-top:1px solid var(--border);margin:2em 0}@media (min-width: 640px){.reader-hero-wrap,.reader-hero-img{max-height:420px}.reader-title{font-size:2rem}.reader-content{padding:36px 32px 80px}}@media (min-width: 960px){.page{max-width:960px;margin:0 auto}.page-header{padding:0 32px}.search-section,.card-grid{padding:20px 32px 0}.reader-hero-wrap,.reader-hero-img{max-height:480px}.reader-content{padding:40px 0 80px}.reader-title{font-size:2.2rem}.reader-prose{font-size:1.08rem}}@media (min-width: 1024px){.page.sidebar-page{max-width:none!important;margin:0!important}.reader-hero-wrap,.reader-hero-img{max-height:500px}.reader-content{max-width:740px;padding:44px 48px 80px}.reader-title{font-size:2.4rem}.reader-prose{font-size:1.1rem;line-height:1.92}}@media (min-width: 1440px){.app-sidebar{width:360px}.reader-content{max-width:800px}.reader-title{font-size:2.6rem}}