:root{--color-bg: #f5f5f7;--color-surface: #ffffff;--color-surface-hover: #f8f8fa;--color-text-primary: #1d1d1f;--color-text-secondary: #6e6e73;--color-text-tertiary: #707070;--color-accent: #4361ee;--color-accent-hover: #3651d4;--color-accent-text: #3651d4;--color-accent-text-hover: #2e46b8;--color-border: #d2d2d7;--color-border-light: #e5e5ea;--color-overlay: rgba(0, 0, 0, .88);--color-card-shadow: rgba(0, 0, 0, .06);--color-tag-bg: #f0f0f5;--color-tag-text: #515154;--color-stat-icon: #86868b;--color-like-active: #e74c3c;--color-accent-contrast: #ffffff;--palette-blue: #4361ee;--palette-violet: #7c3aed;--palette-emerald: #047857;--palette-rose: #e11d48;--palette-amber: #b45309;--palette-slate: #475569;color-scheme:light;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", Helvetica, Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", "Consolas", monospace;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--max-width-content: 1200px;--max-width-post: 840px;--header-height: 56px;--card-radius: 26px;--card-radius-lg: 32px;--card-radius-sm: 14px;--button-radius: 14px;--radius-panel: 34px;--radius-chip: 10px;--spring-card: linear( 0, .07, .239, .45, .661, .844, .985, 1.08, 1.131, 1.148, 1.139, 1.115, 1.085, 1.053, 1.025, 1.004, .989, .981, .978, .979, .983, .987, .992, .996, .999, 1.001, 1.003, 1.003, 1.003, 1.003, 1.002 );--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .08);--shadow-card: 0 2px 12px var(--color-card-shadow);--transition-fast: .15s cubic-bezier(.25, .1, .25, 1);--transition-normal: .3s cubic-bezier(.25, .1, .25, 1);--transition-slow: .5s cubic-bezier(.25, .1, .25, 1);--z-header: 100;--z-dropdown: 150;--z-popover: 200;--z-overlay: 1000;--z-modal: 1100;--color-search-highlight: #ffe066;--color-search-highlight-text: #1d1d1f}.search-highlight{background:var(--color-search-highlight);color:var(--color-search-highlight-text);border-radius:2px;padding:0 1px}:root[data-accent=violet]{--color-accent: var(--palette-violet);--color-accent-hover: #6d28d9;--color-accent-text: #6d28d9;--color-accent-text-hover: #5b21b6}:root[data-accent=emerald]{--color-accent: var(--palette-emerald);--color-accent-hover: #065f46;--color-accent-text: #065f46;--color-accent-text-hover: #064e3b}:root[data-accent=rose]{--color-accent: var(--palette-rose);--color-accent-hover: #be123c;--color-accent-text: #be123c;--color-accent-text-hover: #9f1239}:root[data-accent=amber]{--color-accent: var(--palette-amber);--color-accent-hover: #92400e;--color-accent-text: #92400e;--color-accent-text-hover: #78350f}:root[data-accent=slate]{--color-accent: var(--palette-slate);--color-accent-hover: #334155;--color-accent-text: #334155;--color-accent-text-hover: #1e293b}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-search-highlight: #ffd43b;--color-search-highlight-text: #1d1d1f;--color-bg: #1c1c1e;--color-surface: #2c2c2e;--color-surface-hover: #3a3a3c;--color-text-primary: #f5f5f7;--color-text-secondary: #aeaeb2;--color-text-tertiary: #a8a8ad;--color-border: #48484a;--color-border-light: #38383a;--color-tag-bg: #3a3a3c;--color-tag-text: #d1d1d6;--color-card-shadow: rgba(0, 0, 0, .3);--color-overlay: rgba(0, 0, 0, .92);--color-accent-text: #8fa3ff;--color-accent-text-hover: #a8b8ff;--shadow-card: 0 2px 12px var(--color-card-shadow)}}:root[data-theme=dark]{color-scheme:dark;--color-search-highlight: #ffd43b;--color-search-highlight-text: #1d1d1f;--color-bg: #1c1c1e;--color-surface: #2c2c2e;--color-surface-hover: #3a3a3c;--color-text-primary: #f5f5f7;--color-text-secondary: #aeaeb2;--color-text-tertiary: #a8a8ad;--color-border: #48484a;--color-border-light: #38383a;--color-tag-bg: #3a3a3c;--color-tag-text: #d1d1d6;--color-card-shadow: rgba(0, 0, 0, .3);--color-overlay: rgba(0, 0, 0, .92);--color-accent-text: #8fa3ff;--color-accent-text-hover: #a8b8ff;--shadow-card: 0 2px 12px var(--color-card-shadow)}@media(prefers-color-scheme:dark){:root:not([data-theme=light])[data-accent=violet]{--color-accent-text: #c4b5fd;--color-accent-text-hover: #ddd6fe}:root:not([data-theme=light])[data-accent=emerald]{--color-accent-text: #6ee7b7;--color-accent-text-hover: #a7f3d0}:root:not([data-theme=light])[data-accent=rose]{--color-accent-text: #fda4af;--color-accent-text-hover: #fecdd3}:root:not([data-theme=light])[data-accent=amber]{--color-accent-text: #fcd34d;--color-accent-text-hover: #fde68a}:root:not([data-theme=light])[data-accent=slate]{--color-accent-text: #cbd5e1;--color-accent-text-hover: #e2e8f0}}:root[data-theme=dark][data-accent=violet]{--color-accent-text: #c4b5fd;--color-accent-text-hover: #ddd6fe}:root[data-theme=dark][data-accent=emerald]{--color-accent-text: #6ee7b7;--color-accent-text-hover: #a7f3d0}:root[data-theme=dark][data-accent=rose]{--color-accent-text: #fda4af;--color-accent-text-hover: #fecdd3}:root[data-theme=dark][data-accent=amber]{--color-accent-text: #fcd34d;--color-accent-text-hover: #fde68a}:root[data-theme=dark][data-accent=slate]{--color-accent-text: #cbd5e1;--color-accent-text-hover: #e2e8f0}@supports (corner-shape: squircle){:where(.post-card,.note-panel-host,.note-panel,.note-media,.note-video-card,.video-container,.video-controls,.theme-menu,.search-input-wrapper,.search-input,.search-results,.pagination button,.pagination a,.gallery-toolbar,.music-player,.empty-state,.note-toast){corner-shape:squircle}:where(.btn,button:not(.icon-btn):not(.theme-toggle),input:not([type=checkbox]):not([type=radio]),select,textarea){corner-shape:squircle}:where(.post-card-category,.post-card-tag,.filter-pill){corner-shape:squircle}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;min-height:100dvh}img,video{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}ul,ol{list-style:none}input{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.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}.container{width:100%;max-width:var(--max-width-content);margin:0 auto;padding:0 var(--space-4)}.header{position:sticky;top:0;z-index:var(--z-header);height:var(--header-height);background:var(--color-surface);background:color-mix(in srgb,var(--color-surface) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center}.header .container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.header-logo{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.5px;white-space:nowrap;display:flex;align-items:center;gap:var(--space-2)}.header-logo-icon{flex-shrink:0;transition:transform var(--transition-fast)}.header-logo:hover .header-logo-icon{transform:scale(1.08)}@media(prefers-reduced-motion:reduce){.header-logo-icon{transition:none}.header-logo:hover .header-logo-icon{transform:none}}.header-nav{display:flex;align-items:center;gap:var(--space-2)}.header-nav a{padding:var(--space-2) var(--space-3);border-radius:var(--button-radius);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:color var(--transition-fast),background var(--transition-fast)}.header-nav a:hover,.header-nav a.active{color:var(--color-text-primary);background:var(--color-tag-bg)}.theme-toggle{flex-shrink:0;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border-light);border-radius:var(--button-radius);background:transparent;color:var(--color-text-secondary);font-size:1.05rem;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.theme-toggle:hover{color:var(--color-text-primary);background:var(--color-tag-bg);border-color:var(--color-border)}.theme-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(max-width:639px){.header .container{gap:var(--space-2)}.header-logo{font-size:var(--font-size-lg)}.header-logo-icon{width:24px;height:24px}.header-nav{overflow-x:auto;flex-shrink:1;min-width:0;scrollbar-width:none}.header-nav::-webkit-scrollbar{display:none}.header-nav a{white-space:nowrap;padding:var(--space-2)}.theme-toggle{width:32px;height:32px}}.main{min-height:calc(100vh - var(--header-height));padding:var(--space-8) 0 var(--space-16)}.footer{border-top:1px solid var(--color-border-light);padding:var(--space-8) 0;text-align:center;font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.footer a{color:var(--color-text-secondary);transition:color var(--transition-fast)}.footer a:hover{color:var(--color-accent-text)}.footer-tagline{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin-bottom:var(--space-1);letter-spacing:.02em}.footer-feed{margin-top:var(--space-2);font-size:var(--font-size-xs)}.footer-feed a{display:inline-flex;align-items:center;gap:4px;color:var(--color-text-tertiary);text-decoration:none;transition:color var(--transition-fast)}.footer-feed a:hover{color:var(--color-accent-text)}.empty-state{text-align:center;padding:var(--space-20) var(--space-4);color:var(--color-text-tertiary);border-radius:var(--card-radius)}.empty-state-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;margin-bottom:var(--space-4);border-radius:50%;background:var(--color-tag-bg);color:var(--color-accent-text);font-size:2rem}.empty-state p{font-size:var(--font-size-lg)}.search-results-dropdown{z-index:var(--z-dropdown)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.header a:focus-visible,.header button:focus-visible{outline-offset:3px}.theme-menu-root{position:relative;display:inline-flex;flex-shrink:0}.theme-menu{position:absolute;top:calc(100% + 16px);right:0;z-index:var(--z-popover);width:246px;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:14px;box-shadow:var(--shadow-lg);transform-origin:top right}.theme-menu[hidden]{display:none}.theme-menu-group+.theme-menu-group{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-light)}.theme-menu-label{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary)}.theme-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.theme-mode{position:relative;cursor:pointer}.theme-mode-input,.theme-swatch-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.theme-mode-text{display:flex;align-items:center;justify-content:center;gap:5px;padding:var(--space-2) var(--space-2);border:1px solid transparent;border-radius:var(--button-radius);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.theme-mode:hover .theme-mode-text{background:var(--color-tag-bg);color:var(--color-text-primary)}.theme-mode-input:checked+.theme-mode-text{background:color-mix(in srgb,var(--color-accent) 12%,var(--color-surface));border-color:color-mix(in srgb,var(--color-accent) 34%,transparent);color:var(--color-accent-text);font-weight:var(--font-weight-medium)}.theme-mode-input:focus-visible+.theme-mode-text{outline:2px solid var(--color-accent);outline-offset:2px}.theme-swatches{display:flex;flex-wrap:wrap;gap:12px;padding:4px 2px 2px}.theme-swatch{position:relative;display:inline-flex;cursor:pointer}.theme-swatch-dot{width:24px;height:24px;border-radius:50%;border:1px solid rgba(0,0,0,.1);box-shadow:inset 0 0 0 1px #ffffff2e;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.theme-swatch:hover .theme-swatch-dot{transform:scale(1.1)}.theme-swatch-input:checked+.theme-swatch-dot{box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-accent)}.theme-swatch-input:focus-visible+.theme-swatch-dot{outline:2px solid var(--color-accent);outline-offset:3px}[data-accent-option=blue] .theme-swatch-dot{background:var(--palette-blue)}[data-accent-option=violet] .theme-swatch-dot{background:var(--palette-violet)}[data-accent-option=emerald] .theme-swatch-dot{background:var(--palette-emerald)}[data-accent-option=rose] .theme-swatch-dot{background:var(--palette-rose)}[data-accent-option=amber] .theme-swatch-dot{background:var(--palette-amber)}[data-accent-option=slate] .theme-swatch-dot{background:var(--palette-slate)}@media(max-width:639px){.theme-menu{width:min(268px,calc(100vw - 24px));right:-4px}}@media(prefers-reduced-motion:reduce){.theme-mode-text,.theme-swatch-dot,.theme-toggle .morph-icon{transition:none}.theme-swatch:hover .theme-swatch-dot{transform:none}}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-12)}.pagination button{padding:var(--space-2) var(--space-4);border-radius:var(--button-radius);font-size:var(--font-size-sm);color:var(--color-text-secondary);border:1px solid var(--color-border);transition:all var(--transition-fast)}.pagination button:hover:not(:disabled){color:var(--color-text-primary);border-color:var(--color-text-secondary)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination .page-info{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:0 var(--space-3)}.card-grid{--masonry-cols: 1;--masonry-gap: var(--space-6);columns:var(--masonry-cols);column-gap:var(--masonry-gap)}.card-grid>*{break-inside:avoid;page-break-inside:avoid}@media(min-width:640px){.card-grid{--masonry-cols: 2;--masonry-gap: var(--space-6)}}@media(min-width:1440px){.container{padding:0 var(--space-8)}.card-grid{--masonry-cols: 3;--masonry-gap: var(--space-8)}}[data-card-size=compact] .card-grid{--masonry-gap: var(--space-5)}@media(min-width:1024px){[data-card-size=compact] .card-grid{--masonry-cols: 3}}@media(min-width:1440px){[data-card-size=compact] .card-grid{--masonry-cols: 4}}.card-grid.is-masonry{display:block;columns:auto;position:relative}.card-grid.is-masonry>.post-card{position:absolute;margin:0;break-inside:auto}.post-card{position:relative;display:flex;flex-direction:column;width:100%;margin:0 0 var(--masonry-gap, var(--space-6));break-inside:avoid;page-break-inside:avoid;overflow:hidden;border-radius:var(--card-radius);background:var(--color-surface);box-shadow:var(--shadow-card);touch-action:manipulation;transition:transform .7s var(--spring-card, var(--transition-normal)),box-shadow .46s ease}@media(hover:hover)and (pointer:fine){.post-card:hover{transform:translateY(-7px) scale(1.012);box-shadow:var(--shadow-lg)}}.post-card:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.post-card-media{position:relative;flex:0 0 auto;width:100%;aspect-ratio:var(--cover-aspect, 1.5);background:linear-gradient(135deg,#dfe3ec,#c6cbdb);overflow:hidden}.post-card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:filter .48s ease,transform .82s var(--spring-card, var(--transition-slow)),opacity .28s ease}.post-card-img.is-lqip{filter:blur(18px) saturate(1.08);transform:scale(1.045)}.post-card-img.is-loaded{filter:none}@media(hover:hover)and (pointer:fine){.post-card:hover .post-card-img{transform:scale(1.05)}}.post-card-scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0a0c126b,#0a0c120a 34%,#0a0c1259 58%),linear-gradient(0deg,#0a0c12f0,#0a0c12c7 30%,#0a0c1200 68%)}.post-card-badge{position:absolute;top:var(--space-3);right:var(--space-3);z-index:1;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#0a0c129e;color:#fff;font-size:1.05rem;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px #ffffff2e}.post-card-body{position:absolute;inset:auto 0 0;z-index:1;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);color:#fff}.post-card-category{align-self:flex-start;max-width:100%;padding:3px 8px;border-radius:var(--radius-chip);background:#0a0c129e;color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.post-card-title{font-size:1.375rem;font-weight:var(--font-weight-bold);line-height:1.25;letter-spacing:-.01em;color:#fff;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card-desc{font-size:var(--font-size-sm);line-height:1.45;color:#ffffffdb;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card-tags{display:flex;flex-wrap:wrap;gap:6px;max-height:1.6rem;overflow:hidden}.post-card-tag{padding:1px 8px;border-radius:999px;background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff29;color:#ffffffeb;font-size:.6875rem;white-space:nowrap}.post-card-footer{display:flex;align-items:center;gap:var(--space-3);margin-top:2px;font-size:var(--font-size-xs);color:#ffffffe0}.post-card-stat{display:inline-flex;align-items:center;gap:4px}.post-card-stat i{font-size:.875rem;opacity:.92}.post-card--text{min-height:208px;background:var(--color-surface);background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--color-accent) 22%,transparent) 0%,transparent 58%),linear-gradient(160deg,var(--color-surface) 0%,color-mix(in srgb,var(--color-accent) 7%,var(--color-surface)) 100%);box-shadow:inset 0 0 0 1px var(--color-border-light),var(--shadow-card)}.post-card--text .post-card-media{position:absolute;inset:0;aspect-ratio:auto;background:transparent;background:radial-gradient(90% 70% at 100% 0%,color-mix(in srgb,var(--color-accent) 10%,transparent),transparent 70%),transparent}.post-card--text .post-card-scrim{display:none}.post-card--text .post-card-body{position:relative;inset:auto;padding:var(--space-5);color:var(--color-text-primary)}.post-card--text .post-card-category{background:var(--color-tag-bg);background:color-mix(in srgb,var(--color-accent) 14%,var(--color-surface));color:var(--color-accent-text);backdrop-filter:none;-webkit-backdrop-filter:none}.post-card--text .post-card-title{margin-top:var(--space-2);font-size:1.4375rem;line-height:1.24;color:var(--color-text-primary);-webkit-line-clamp:3}.post-card--text .post-card-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);-webkit-line-clamp:3}.post-card--text .post-card-tags{margin-top:var(--space-1)}.post-card--text .post-card-tag{background:var(--color-tag-bg);box-shadow:none;color:var(--color-tag-text)}.post-card--text .post-card-footer{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-light);color:var(--color-text-tertiary)}.post-card--text .post-card-stat i{color:var(--color-stat-icon)}.post-card--text .post-card-badge{background:color-mix(in srgb,var(--color-accent) 16%,var(--color-surface));color:var(--color-accent-text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent) 28%,transparent)}[data-card-size=compact] .post-card-title{font-size:1.125rem}[data-card-size=compact] .post-card-desc{display:none}[data-card-image=cover] .post-card{background:var(--color-surface)}[data-card-image=cover] .post-card-media{aspect-ratio:16 / 10}[data-card-image=cover] .post-card-scrim{display:none}[data-card-image=cover] .post-card-body{position:static;padding:var(--space-4);color:var(--color-text-primary)}[data-card-image=cover] .post-card-title,[data-card-image=cover] .post-card-desc{color:var(--color-text-primary)}[data-card-image=cover] .post-card-category{background:var(--color-tag-bg);color:var(--color-accent-text);backdrop-filter:none}[data-card-image=cover] .post-card-tag{background:var(--color-tag-bg);box-shadow:none;color:var(--color-tag-text)}[data-card-image=cover] .post-card-footer{color:var(--color-text-tertiary)}[data-card-image=cover] .post-card-badge{background:#0a0c129e}[data-card-layout=grid] .card-grid{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:var(--space-6);columns:auto}@media(min-width:640px){[data-card-layout=grid] .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}}@media(min-width:1440px){[data-card-layout=grid] .card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}}[data-card-layout=grid] .post-card{aspect-ratio:4 / 5;margin-bottom:0}[data-card-layout=grid] .post-card--text,[data-card-layout=grid] [data-card-image=cover] .post-card{aspect-ratio:auto;align-self:start}[data-card-layout=grid] .post-card-media{position:absolute;inset:0;aspect-ratio:auto}[data-card-layout=grid] [data-card-image=cover] .post-card-media{position:relative;inset:auto;aspect-ratio:16 / 10}@media(min-width:1024px){[data-card-layout=grid][data-card-size=compact] .card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1440px){[data-card-layout=grid][data-card-size=compact] .card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}[data-card-layout=grid][data-card-size=compact] .post-card{aspect-ratio:5 / 6}@media(prefers-reduced-motion:reduce){.post-card,.post-card-img{transition:none}.post-card:hover,.post-card:hover .post-card-img{transform:none}}.post-page{max-width:var(--max-width-post);margin:0 auto;padding:var(--space-8) var(--space-4)}.post-header{margin-bottom:var(--space-10)}.post-header .post-category{display:inline-block;font-size:var(--font-size-sm);color:var(--color-accent-text);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-3)}.post-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin-bottom:var(--space-4)}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.post-meta-item{display:flex;align-items:center;gap:4px}.post-header .post-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.post-header .post-tag{font-size:var(--font-size-xs);color:var(--color-tag-text);background:var(--color-tag-bg);padding:3px 10px;border-radius:4px}.post-cover-image{width:100%;border-radius:var(--card-radius);margin-bottom:var(--space-10);box-shadow:var(--shadow-md)}.post-content{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-primary)}.post-content h2{font-size:var(--font-size-2xl);margin:var(--space-12) 0 var(--space-5);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-border-light)}.post-content h3{font-size:var(--font-size-xl);margin:var(--space-8) 0 var(--space-4)}.post-content h4{font-size:var(--font-size-lg);margin:var(--space-6) 0 var(--space-3)}.post-content p{margin-bottom:var(--space-5)}.post-content a{color:var(--color-accent-text);text-decoration:underline;text-underline-offset:2px}.post-content a:hover{color:var(--color-accent-text-hover)}.post-content blockquote{margin:var(--space-6) 0;padding:var(--space-4) var(--space-6);border-left:4px solid var(--color-accent);background:var(--color-tag-bg);border-radius:0 var(--card-radius-sm) var(--card-radius-sm) 0;color:var(--color-text-secondary)}.post-content code{font-family:var(--font-mono);font-size:.875em;padding:2px 6px;background:var(--color-tag-bg);border-radius:4px;color:var(--color-accent-text)}.post-content pre{margin:var(--space-6) 0;padding:var(--space-6);background:#1d1d1f;border-radius:var(--card-radius-sm);overflow-x:auto;-webkit-overflow-scrolling:touch}.post-content pre code{background:none;color:#e5e5ea;padding:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.post-content table{width:100%;margin:var(--space-6) 0;border-collapse:collapse;font-size:var(--font-size-sm)}.post-content th,.post-content td{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-light);text-align:left}.post-content th{background:var(--color-tag-bg);font-weight:var(--font-weight-semibold)}.post-content tr:hover td{background:var(--color-surface-hover)}.post-content ul,.post-content ol{margin:var(--space-5) 0;padding-left:var(--space-6)}.post-content ul{list-style-type:disc}.post-content ol{list-style-type:decimal}.post-content li{margin-bottom:var(--space-2)}.post-content hr{margin:var(--space-10) 0;border:none;border-top:2px solid var(--color-border-light)}.post-content img{border-radius:var(--card-radius-sm);margin:var(--space-6) auto}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:var(--space-12) 0 var(--space-6);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-border-light)}.post-footer{margin-top:var(--space-16);padding-top:var(--space-8);border-top:2px solid var(--color-border-light);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-6)}.post-stats{display:flex;align-items:center;gap:var(--space-6);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.post-stat-item{display:flex;align-items:center;gap:5px}.post-stat-item i{font-size:1.1rem}.like-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--button-radius);font-size:var(--font-size-base);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);user-select:none}.like-button:hover{border-color:var(--color-like-active);color:var(--color-like-active)}.like-button.liked{background:var(--color-like-active);border-color:var(--color-like-active);color:#fff}.like-button.liked i{animation:likePop .3s ease}@keyframes likePop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.post-navigation{display:flex;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border-light)}.post-nav-link{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:48%;transition:color var(--transition-fast)}.post-nav-link:hover{color:var(--color-accent-text)}.post-nav-prev{text-align:left}.post-nav-next{text-align:right;margin-left:auto}.post-nav-link i{font-size:1rem;flex-shrink:0}.post-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.post-breadcrumb a{color:var(--color-text-secondary)}.post-breadcrumb a:hover{color:var(--color-accent-text)}.post-breadcrumb i{font-size:14px}.post-breadcrumb span{color:var(--color-text-primary)}.related-posts{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border-light)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-4)}.related-card{display:flex;flex-direction:column;gap:6px}.related-cover{width:100%;padding-top:56.25%;position:relative;overflow:hidden;border-radius:6px;background:var(--color-border-light)}.related-cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}.related-card:hover .related-cover img{transform:scale(1.05)}.related-title{font-size:13px;font-weight:500;color:var(--color-text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:640px){.related-grid{grid-template-columns:repeat(2,1fr)}}.media-pending{padding:32px;border:1px solid var(--color-border);border-radius:var(--radius-card, 12px);text-align:center;color:var(--color-text-primary);background:var(--color-surface)}.music-section{margin:var(--space-12) 0}.music-section .section-title{margin-bottom:var(--space-5)}.music-track{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--card-radius-sm);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-2);user-select:none}.music-track:hover{background:var(--color-surface-hover);border-color:var(--color-border)}.music-track.playing{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,var(--color-surface))}.music-track-num{width:28px;height:28px;border-radius:50%;background:var(--color-tag-bg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);flex-shrink:0}.music-track.playing .music-track-num{background:var(--color-accent);color:#fff}.music-track-cover{width:44px;height:44px;border-radius:6px;overflow:hidden;flex-shrink:0;background:var(--color-border-light)}.music-track-cover img{width:100%;height:100%;object-fit:cover}.music-track-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.music-track-cover-fallback{display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:1.15rem}.music-track-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-track-artist{font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-track-duration{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-text-tertiary);flex-shrink:0}.music-mini-player{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-header);background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -4px 16px var(--color-card-shadow);display:flex;align-items:center;padding:var(--space-2) var(--space-4);gap:var(--space-3);transform:translateY(100%);transition:transform var(--transition-normal)}.music-mini-player.active{transform:translateY(0)}.music-mini-cover{width:40px;height:40px;border-radius:6px;overflow:hidden;flex-shrink:0;background:var(--color-border-light)}.music-mini-cover img{width:100%;height:100%;object-fit:cover}.music-mini-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.music-mini-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-mini-artist{font-size:.625rem;color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-mini-progress{position:absolute;top:-2px;left:0;right:0;height:2px;background:var(--color-border-light)}.music-mini-progress-fill{height:100%;background:var(--color-accent);transition:width .3s linear}.music-mini-controls{display:flex;align-items:center;gap:var(--space-2)}.music-mini-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);font-size:1.3rem;transition:all var(--transition-fast);border:none;background:none;cursor:pointer}.music-mini-btn:hover{background:var(--color-tag-bg)}.music-mini-btn.play-btn{background:var(--color-accent);color:#fff;width:40px;height:40px}.music-mini-btn.play-btn:hover{background:var(--color-accent-hover)}.music-mini-close{font-size:1rem;color:var(--color-text-tertiary);padding:var(--space-1)}.music-page{max-width:var(--max-width-post);margin:0 auto;padding:var(--space-8) var(--space-4)}.music-page-header{margin-bottom:var(--space-10)}.music-page-cover{width:200px;height:200px;border-radius:var(--card-radius);overflow:hidden;box-shadow:var(--shadow-lg);margin:0 auto var(--space-6)}.music-page-cover img{width:100%;height:100%;object-fit:cover}.music-page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);text-align:center;margin-bottom:var(--space-2)}.music-page-artist{font-size:var(--font-size-lg);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-4)}.waveform-container{width:100%;height:80px;margin:var(--space-4) 0;position:relative;cursor:pointer}.waveform-container canvas{width:100%;height:100%}.playlist-page{max-width:var(--max-width-post);margin:0 auto;padding:var(--space-8) var(--space-4)}.playlist-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8)}.playlist-cover{width:120px;height:120px;border-radius:var(--card-radius);overflow:hidden}.playlist-cover img{width:100%;height:100%;object-fit:cover}.playlist-info h1{font-size:var(--font-size-2xl);margin-bottom:var(--space-2)}.playlist-info p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.playlist-actions{display:flex;gap:var(--space-3);margin-bottom:var(--space-8)}.playlist-play-all{padding:var(--space-3) var(--space-8);background:var(--color-accent);color:#fff;border-radius:var(--button-radius);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--space-2);border:none;cursor:pointer}.playlist-shuffle{padding:var(--space-3) var(--space-6);border:1px solid var(--color-border);border-radius:var(--button-radius);display:flex;align-items:center;gap:var(--space-2);background:none;cursor:pointer;color:var(--color-text-secondary)}@media(max-width:639px){.music-mini-player{padding:var(--space-2) var(--space-3)}.music-page-cover{width:160px;height:160px}.music-track-cover{width:36px;height:36px}.music-mini-btn{width:32px;height:32px;font-size:1.1rem}.music-mini-btn.play-btn{width:36px;height:36px}}.gallery-single{display:flex;flex-direction:column;gap:var(--space-8);margin:var(--space-8) 0}.gallery-single-item img{width:100%;height:auto;border-radius:var(--card-radius-sm);cursor:pointer;opacity:1;filter:blur(12px);transform:scale(1.05);transition:filter .4s ease,transform .4s ease}.gallery-single-item img.loaded{filter:blur(0);transform:scale(1)}.gallery-grid{columns:4;column-gap:var(--space-2);margin:var(--space-8) 0}@media(min-width:1024px){.gallery-grid{columns:4}}@media(min-width:640px)and (max-width:1023px){.gallery-grid{columns:3}}@media(max-width:639px){.gallery-grid{columns:2}}.gallery-item{position:relative;cursor:pointer;overflow:hidden;border-radius:4px;break-inside:avoid;margin-bottom:var(--space-2);background:var(--color-border-light);content-visibility:auto;contain-intrinsic-size:auto 240px}.gallery-item img{width:100%;height:auto;display:block;object-fit:contain;opacity:1;filter:blur(12px);transform:scale(1.05);transition:transform var(--transition-normal),filter .4s ease}.gallery-item img.loaded{opacity:1;filter:blur(0);transform:scale(1)}.gallery-item:hover img.loaded{transform:scale(1.04)}.gallery-current-image.fill{width:100%;height:100%;object-fit:cover}.gallery-overlay{position:fixed;inset:0;z-index:var(--z-overlay);background:#000;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);user-select:none;-webkit-user-select:none;overscroll-behavior:contain}.gallery-overlay.open{opacity:1;pointer-events:auto}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 var(--space-4);background:#1e1e1eeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.1);z-index:var(--z-modal);flex-shrink:0}.gallery-done-btn{display:flex;align-items:center;gap:4px;color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:6px 12px;border-radius:6px;transition:background var(--transition-fast);border:none;background:none;cursor:pointer}.gallery-done-btn:hover{background:#ffffff1f}.gallery-dl-btn{display:flex;align-items:center;justify-content:center;color:#ffffffb3;font-size:1.2rem;padding:6px 10px;border-radius:6px;transition:all var(--transition-fast);margin-left:var(--space-2)}.gallery-dl-btn:hover{color:#fff;background:#ffffff1f}.gallery-toolbar-right{display:flex;align-items:center;gap:2px}.gallery-fit-btn{display:flex;align-items:center;justify-content:center;color:#ffffffb3;font-size:1.15rem;padding:6px 10px;border-radius:6px;border:none;background:none;cursor:pointer;transition:all var(--transition-fast)}.gallery-fit-btn:hover{color:#fff;background:#ffffff1f}.gallery-counter{color:#ffffffb3;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums}.gallery-quality-pills{display:flex;gap:2px;background:#ffffff1a;border-radius:6px;padding:3px}.gq-pill{padding:3px 10px;border-radius:4px;font-size:var(--font-size-xs);font-family:var(--font-mono);color:#ffffff8c;transition:all var(--transition-fast);border:none;background:none;cursor:pointer}.gq-pill:hover{color:#fffc}.gq-pill.active{background:#fff3;color:#fff;font-weight:var(--font-weight-medium)}.gallery-main-area{flex:1;display:flex;align-items:center;justify-content:center;position:relative;min-height:0}.gallery-current-image{max-width:90vw;max-height:calc(100vh - 138px);max-height:calc(100dvh - 138px);object-fit:contain;transition:opacity var(--transition-fast);cursor:pointer}.gallery-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:var(--z-modal);width:44px;height:44px;border-radius:50%;background:#ffffff1f;backdrop-filter:blur(8px);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:background var(--transition-fast);border:none;cursor:pointer}.gallery-nav-btn:hover{background:#ffffff40}.gallery-nav-prev{left:var(--space-4)}.gallery-nav-next{right:var(--space-4)}.gallery-filmstrip{display:flex;align-items:center;height:90px;padding:0 var(--space-2);background:#141414f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.08);flex-shrink:0;z-index:var(--z-modal)}.filmstrip-track{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;flex:1;padding:var(--space-1) 0;scrollbar-width:none}.filmstrip-track::-webkit-scrollbar{display:none}.filmstrip-thumb{flex-shrink:0;width:64px;height:64px;border-radius:4px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color var(--transition-fast),opacity var(--transition-fast);opacity:.55}.filmstrip-thumb:hover{opacity:.85}.filmstrip-thumb.active{border-color:#fff;opacity:1}.filmstrip-thumb img{width:100%;height:100%;object-fit:cover}.filmstrip-scroll{flex-shrink:0;width:32px;height:64px;display:flex;align-items:center;justify-content:center;color:#fff9;font-size:1.25rem;border-radius:4px;transition:all var(--transition-fast);border:none;background:none;cursor:pointer}.filmstrip-scroll:hover{color:#fff;background:#ffffff14}@media(max-width:639px){.gallery-toolbar{height:42px;padding:0 var(--space-3)}.gallery-nav-btn{width:36px;height:36px;font-size:1.25rem}.gallery-nav-prev{left:var(--space-2)}.gallery-nav-next{right:var(--space-2)}.gallery-filmstrip{height:72px}.filmstrip-thumb{width:48px;height:48px}.gallery-current-image{max-width:95vw;max-height:calc(100vh - 114px);max-height:calc(100dvh - 114px)}}.video-section{margin:var(--space-12) 0}.video-section .section-title{margin-bottom:var(--space-5)}.video-container{position:relative;width:100%;background:#000;border-radius:var(--card-radius);overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:var(--space-8);min-height:360px;display:flex;flex-direction:column;cursor:pointer}.video-container video{width:100%;display:block;max-height:70vh;background:#000;flex-shrink:0}.video-player-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.video-big-play{width:68px;height:68px;border-radius:50%;background:#ffffffeb;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#1d1d1f;pointer-events:auto;transition:transform var(--transition-fast),background var(--transition-fast),opacity var(--transition-normal);box-shadow:0 4px 16px #0000004d}.video-big-play:hover{transform:scale(1.1);background:#fff}.video-container.playing .video-big-play{opacity:0;pointer-events:none}.video-container.paused .video-big-play{opacity:1;pointer-events:auto}.video-controls{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:linear-gradient(to top,#000000d9,#0009);font-size:var(--font-size-xs);color:#fff;user-select:none;-webkit-user-select:none;z-index:3;border-radius:0 0 var(--card-radius) var(--card-radius);flex-shrink:0}.video-controls button{color:#fff;font-size:1.15rem;padding:4px;border-radius:4px;transition:background var(--transition-fast);display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;flex-shrink:0}.video-controls button:hover{background:#ffffff26}.vc-time-current,.vc-time-duration{font-size:var(--font-size-xs);font-family:var(--font-mono);min-width:34px;text-align:center;color:#ffffffd9;flex-shrink:0}.vc-progress{flex:1;height:24px;display:flex;align-items:center;cursor:pointer;position:relative}.vc-progress-track{width:100%;height:4px;background:#fff3;border-radius:3px;position:relative;transition:height var(--transition-fast)}.vc-progress:hover .vc-progress-track{height:7px}.vc-progress-buffer{position:absolute;left:0;top:0;height:100%;background:#ffffff40;border-radius:3px;pointer-events:none;width:0;transition:width .3s ease}.vc-progress-fill{position:absolute;left:0;top:0;height:100%;background:var(--color-accent);border-radius:3px;pointer-events:none;width:0;z-index:1;transition:width .15s linear}.vc-progress-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:13px;height:13px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);z-index:2;left:0}.vc-progress:hover .vc-progress-thumb{opacity:1}.vc-progress-hover{position:absolute;bottom:calc(100% + 6px);transform:translate(-50%);background:#000c;color:#fff;padding:2px 6px;border-radius:4px;font-size:11px;font-family:var(--font-mono);pointer-events:none;opacity:0;transition:opacity .15s;white-space:nowrap;z-index:3}.vc-volume{display:flex;align-items:center;position:relative;flex-shrink:0}.vc-volume-btn{font-size:1.15rem!important}.vc-volume-slider{width:0;overflow:hidden;transition:width var(--transition-fast)}.vc-volume:hover .vc-volume-slider{width:60px}.vc-volume-range{width:56px;height:4px;-webkit-appearance:none;appearance:none;background:#ffffff40;border-radius:2px;outline:none;cursor:pointer}.vc-volume-range::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer}.vc-switch-toast{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;z-index:5;pointer-events:none;opacity:0;transition:opacity .2s}.vc-switch-toast.show{opacity:1}.video-container.buffering:after{content:"";position:absolute;top:50%;left:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:vc-spin .8s linear infinite;z-index:4}@keyframes vc-spin{to{transform:rotate(360deg)}}.vc-speed,.vc-quality{position:relative;flex-shrink:0}.vc-speed-btn,.vc-quality-btn{font-size:var(--font-size-xs)!important;font-family:var(--font-mono);padding:3px 6px!important;display:flex;align-items:center;gap:2px}.vc-speed-menu,.vc-quality-menu{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1e1e1ef2;backdrop-filter:blur(12px);border-radius:var(--button-radius);padding:4px;display:none;flex-direction:column;min-width:80px;box-shadow:0 4px 16px #0006;z-index:10}.vc-speed-menu.open,.vc-quality-menu.open{display:flex}.vc-speed-menu button,.vc-quality-menu button{font-size:var(--font-size-xs);font-family:var(--font-mono);padding:6px 12px;border-radius:4px;text-align:center;white-space:nowrap;width:100%}.vc-speed-menu button:hover,.vc-quality-menu button:hover{background:#fff3}.vc-speed-menu button.active,.vc-quality-menu button.active{color:var(--color-accent-text)}.vc-download{color:#fff;font-size:1.15rem;padding:4px;border-radius:4px;display:flex;align-items:center;transition:background var(--transition-fast);flex-shrink:0}.vc-download:hover{background:#ffffff26;color:#fff}.video-container:fullscreen{border-radius:0;max-width:none}.video-container:fullscreen video{max-height:none;height:calc(100vh - 44px);height:calc(100dvh - 44px)}.post-page-wrapper{display:flex!important;align-items:flex-start;gap:var(--space-6)}.post-page-wrapper .post-page{flex:1;min-width:0;max-width:100%}.post-playlist-panel{width:240px;flex-shrink:0;background:var(--color-surface);border-radius:var(--card-radius);box-shadow:var(--shadow-md);overflow:hidden;max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);display:flex;flex-direction:column;margin-left:var(--space-3)}.post-playlist-panel .playlist-header{padding:12px 16px;font-size:13px;font-weight:600;border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;gap:6px;color:var(--color-text-primary)}.post-playlist-panel .playlist-list{overflow-y:auto;flex:1}.post-playlist-panel .pl-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;font-size:13px;color:var(--color-text-secondary);transition:all var(--transition-fast);border-bottom:1px solid var(--color-border-light)}.post-playlist-panel .pl-item:last-child{border-bottom:none}.post-playlist-panel .pl-item:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.post-playlist-panel .pl-item.active{background:#4361ee14;color:var(--color-accent-text);font-weight:500}.post-playlist-panel .pl-num{width:24px;height:24px;border-radius:6px;background:var(--color-tag-bg);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.post-playlist-panel .pl-item.active .pl-num{background:var(--color-accent);color:#fff}.post-playlist-panel .pl-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-playlist-panel .pl-playing{display:none;font-size:12px}.post-playlist-panel .pl-item.active .pl-playing{display:inline}.video-playlist-wrap{display:block}.video-playlist-wrap .video-container{margin-bottom:0}.video-playlist-wrap .playlist-bar{display:none}@media(max-width:1024px){.post-playlist-panel{position:static;width:100%;max-height:200px;margin-top:16px}}@media(max-width:639px){.video-controls{gap:var(--space-1);padding:var(--space-1) var(--space-2);flex-wrap:wrap}.vc-speed-btn,.vc-quality-btn{font-size:.625rem!important;padding:2px 4px!important}.vc-time-current,.vc-time-duration{font-size:.625rem;min-width:26px}.video-big-play{width:52px;height:52px;font-size:1.5rem}}.post-page-wrapper{display:flex!important;align-items:flex-start;gap:var(--space-6);max-width:1200px}.post-page-wrapper .post-page{flex:1;min-width:0;max-width:none}.post-playlist-panel{width:240px;flex-shrink:0;position:sticky;top:80px}@media(max-width:1024px){.post-page-wrapper{flex-direction:column}.post-playlist-panel{width:100%;position:static;max-height:200px}}@media(max-width:1024px){.post-page-wrapper{flex-direction:column}.post-playlist-panel{width:100%;position:static;margin-left:0;margin-top:16px;max-height:200px}}.video-controls{transition:opacity .32s cubic-bezier(.34,1.56,.64,1),transform .32s cubic-bezier(.34,1.56,.64,1)}.video-container.controls-hidden .video-controls{opacity:0;transform:translateY(10px);pointer-events:none}.video-container:focus-within .video-controls{opacity:1;transform:none;pointer-events:auto}.video-container{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.video-container:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.video-container video{cursor:pointer}.video-container.has-poster{background-size:cover;background-position:center;background-repeat:no-repeat}.video-key-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10;background:#000000b3;color:#fff;padding:12px 20px;border-radius:10px;font-size:16px;font-weight:600;text-align:center;white-space:pre-line;opacity:0;transition:opacity .3s}.video-container.boosting:before{content:"2\d7";position:absolute;top:10px;left:10px;z-index:11;background:#000000b3;color:#fff;font-size:12px;font-weight:700;padding:3px 8px;border-radius:999px;pointer-events:none}.video-error{position:absolute;inset:0;z-index:12;display:none;align-items:center;justify-content:center;background:#000000b8}.video-error.show{display:flex}.video-error-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 24px;color:#fff;text-align:center;font-size:var(--font-size-sm)}.video-error-card i{font-size:2rem;opacity:.9}.video-error-message{margin:0;max-width:32ch;line-height:1.4}.video-error-retry{background:var(--color-accent);color:var(--color-accent-text, #fff);border:none;border-radius:var(--button-radius);padding:8px 20px;font-size:var(--font-size-sm);cursor:pointer}.video-error-retry:hover{filter:brightness(1.08)}.vc-quality-menu button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:110px}.vc-quality-detail{font-size:10px;opacity:.65;white-space:nowrap}.vc-quality-menu[hidden]{display:none!important}.vc-speed-menu button:focus-visible,.vc-quality-menu button:focus-visible,.video-controls button:focus-visible,.video-big-play:focus-visible{outline:2px solid #fff;outline-offset:1px}@media(prefers-reduced-motion:reduce){.video-controls,.video-key-overlay,.vc-switch-toast,.video-big-play{transition:none}.video-big-play:hover{transform:none}}.filter-bar{margin-bottom:var(--space-8)}.search-container{position:relative;margin-bottom:var(--space-5)}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper i{position:absolute;left:var(--space-4);color:var(--color-text-tertiary);font-size:1.25rem;pointer-events:none}.search-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-10);background:var(--color-surface);border:2px solid var(--color-border-light);border-radius:var(--button-radius);font-size:var(--font-size-base);color:var(--color-text-primary);transition:border-color var(--transition-fast);outline:none}.search-input:focus{border-color:var(--color-accent)}.search-input::placeholder{color:var(--color-text-tertiary)}.search-input{padding-right:var(--space-10)}.search-results-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--card-radius-sm);box-shadow:var(--shadow-lg);max-height:320px;max-height:min(320px,60vh);max-height:min(320px,60dvh);overflow-y:auto;overscroll-behavior:contain;z-index:var(--z-header);display:none}.search-results-dropdown.show{display:block}.search-result-item{padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--color-border-light)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item.is-active,.search-result-item[aria-selected=true]{background:var(--color-surface-hover)}.search-result-item.is-active{box-shadow:inset 3px 0 0 var(--color-accent)}.search-result-item mark,.search-result-item .search-highlight{background:var(--color-search-highlight, #ffd43b);color:var(--color-search-highlight-text, #1d1d1f);border-radius:2px;padding:0 1px}.search-result-empty{padding:var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.search-shortcut{position:absolute;right:var(--space-3);top:50%;translate:0 -50%;min-width:22px;padding:1px 6px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:1.4;text-align:center;pointer-events:none;transition:opacity var(--transition-fast)}.search-input:not(:placeholder-shown)~.search-shortcut,.search-input-wrapper:focus-within .search-shortcut{opacity:0}@media(hover:none),(pointer:coarse){.search-shortcut{display:none}}.search-result-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:2px}.search-result-meta{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.filter-categories,.filter-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.filter-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);padding:var(--space-1) var(--space-2);display:flex;align-items:center;margin-right:var(--space-1)}.filter-pill{padding:var(--space-1) var(--space-3);border-radius:20px;font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer}.filter-pill:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary)}.filter-pill.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.filter-pill .count{font-size:var(--font-size-xs);margin-left:4px}@media(max-width:639px){.filter-categories,.filter-tags{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-padding-inline:var(--space-2);margin-right:calc(-1 * var(--space-4));padding:3px var(--space-4) 3px 0}.filter-categories::-webkit-scrollbar,.filter-tags::-webkit-scrollbar{display:none}.filter-label{position:sticky;left:0;z-index:1;flex:0 0 auto;background:var(--color-bg);margin-right:var(--space-2);padding-inline:0 var(--space-2);box-shadow:6px 0 10px -10px #0000008c}.filter-pill{flex:0 0 auto}}:root{--motion-ease-out: cubic-bezier(.22, .61, .36, 1);--motion-ease-spring: cubic-bezier(.34, 1.36, .64, 1);--motion-reveal-distance: 14px}[data-motion-reveal]:not(.is-revealed){opacity:1;translate:none}html[data-motion=on] [data-motion-reveal]:not(.is-revealed){opacity:0;translate:0 var(--motion-reveal-distance)}html[data-motion=on] [data-motion-reveal].is-revealed{opacity:1;translate:0 0;transition:opacity .48s var(--motion-ease-out),translate .62s var(--motion-ease-spring),transform .7s var(--spring-card, var(--motion-ease-spring)),box-shadow .46s ease}html[data-motion=fallback] [data-motion-reveal],html[data-motion=off] [data-motion-reveal]{opacity:1!important;translate:none!important;transition:none!important}::view-transition-old(root),::view-transition-new(root){animation-duration:.32s;animation-timing-function:var(--motion-ease-out)}::view-transition-old(root){animation-name:mosaic-vt-out}::view-transition-new(root){animation-name:mosaic-vt-in}@keyframes mosaic-vt-out{to{opacity:0;scale:.995}}@keyframes mosaic-vt-in{0%{opacity:0;translate:0 8px}}@media(prefers-reduced-motion:reduce){[data-motion-reveal]{opacity:1!important;translate:none!important;transition:none!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}@media(scripting:none){[data-motion-reveal]{opacity:1!important;translate:none!important}}.morph-icon-slot{display:inline-flex;align-items:center;justify-content:center;width:1.15em;height:1.15em;line-height:0;flex-shrink:0}.morph-icon-slot>i{font-size:1.05em}.morph-icon{display:block;width:100%;height:100%;overflow:visible;color:currentColor}svg.morph-icon:not(.morph-icon-slot .morph-icon){display:inline-block;width:1em;height:1em;vertical-align:-.125em}.morph-icon-slot[data-morph-icon=theme] .icon-fallback-moon,[data-theme=dark] .morph-icon-slot[data-morph-icon=theme] .icon-fallback-sun{display:none}[data-theme=dark] .morph-icon-slot[data-morph-icon=theme] .icon-fallback-moon{display:inline-block}.morph-icon-slot[data-morph-ready=true] .icon-fallback-sun,.morph-icon-slot[data-morph-ready=true] .icon-fallback-moon{display:none!important}.theme-toggle .morph-icon{transition:rotate .32s cubic-bezier(.34,1.36,.64,1)}.theme-toggle:hover .morph-icon{rotate:-10deg}@media(prefers-reduced-motion:reduce){.theme-toggle .morph-icon{transition:none}.theme-toggle:hover .morph-icon{rotate:none}}dialog.note-modal{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;overscroll-behavior:contain}dialog.note-modal:not([open]){display:none}dialog.note-modal::backdrop{background:#0c0c109e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.note-panel-host{position:relative;width:min(1080px,92vw);height:min(760px,86vh);border-radius:var(--radius-panel);overflow:hidden;background:var(--color-surface);box-shadow:0 24px 80px #0006;will-change:opacity,scale,translate}.note-panel-host.is-narrow{width:min(760px,92vw);height:min(780px,88vh)}.note-panel{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr);height:100%;position:relative}.note-panel.no-media{grid-template-columns:minmax(0,1fr)}.note-panel.no-media .note-scroll{padding:var(--space-8) var(--space-8) var(--space-6)}.note-panel.no-media .note-header{padding-right:var(--space-8)}.note-media-col{min-width:0;min-height:0;background:#0b0b0e}.note-media{position:relative;height:100%}.note-media-track{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior:contain;scrollbar-width:none}.note-media-track::-webkit-scrollbar{display:none}.note-media-track:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.note-media-item{flex:0 0 100%;height:100%;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;margin:0}.note-media-frame{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#121216;background-size:cover;background-position:center}.note-media-lqip{background-size:cover;background-position:center}.note-media-img{width:100%;height:100%;max-height:100%;object-fit:cover;display:block}.note-media-item.is-video .note-media-img{object-fit:cover}.note-media-video{width:100%;height:100%;object-fit:contain;background:#000}.note-media-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem;background:transparent;transition:background var(--transition-fast)}.note-media-play i{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#0000007a;backdrop-filter:blur(4px)}.note-media-play:hover i{background:#000000a8}.note-media-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#00000073;color:#fff;transition:opacity var(--transition-fast)}.note-media-nav.prev{left:10px}.note-media-nav.next{right:10px}.note-media-nav:disabled{opacity:.28;cursor:default}.note-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:6px;pointer-events:none}.note-dot{width:6px;height:6px;border-radius:999px;background:#ffffff73;transition:width var(--transition-fast),background var(--transition-fast)}.note-dot.active{width:16px;background:#fff}.note-body-col{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--color-surface)}.note-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-6) var(--space-6) var(--space-4)}.note-close{position:absolute;top:12px;right:12px;z-index:3;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:#00000073;backdrop-filter:blur(4px);transition:background var(--transition-fast),opacity var(--transition-fast)}.note-close:hover{background:#000000a8}.note-header{padding-right:var(--space-6)}.note-category{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase;color:var(--color-accent-text)}.note-title{margin:var(--space-2) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary);overflow-wrap:anywhere}.note-desc{margin-bottom:var(--space-3);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);overflow-wrap:anywhere}.note-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.note-tag{font-size:var(--font-size-xs);color:var(--color-accent-text);background:var(--color-tag-bg);padding:2px 8px;border-radius:999px}.note-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.note-meta-item{display:inline-flex;align-items:center;gap:4px}.note-blocks{margin-top:var(--space-4)}.note-rich{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-primary);overflow-wrap:anywhere}.note-rich p,.note-rich ul,.note-rich ol,.note-rich blockquote,.note-rich pre{margin-bottom:var(--space-3)}.note-rich h1,.note-rich h2,.note-rich h3{margin:var(--space-4) 0 var(--space-2);font-size:var(--font-size-base)}.note-rich ul,.note-rich ol{padding-left:var(--space-5);list-style:disc}.note-rich ol{list-style:decimal}.note-rich img{max-width:100%;height:auto;border-radius:var(--card-radius-sm);margin:var(--space-2) 0}.note-rich blockquote{padding-left:var(--space-3);border-left:3px solid var(--color-border);color:var(--color-text-secondary)}.note-rich code{font-family:var(--font-mono);font-size:.9em;background:var(--color-tag-bg);border-radius:4px;padding:1px 4px}.note-rich pre{overflow-x:auto;padding:var(--space-3);border-radius:var(--card-radius-sm);background:var(--color-tag-bg)}.note-rich pre code{background:none;padding:0}.note-rich a{color:var(--color-accent-text);text-decoration:underline;text-underline-offset:2px}.note-block-title{margin-bottom:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.note-music{margin-top:var(--space-4)}.note-music-list{display:flex;flex-direction:column;gap:var(--space-2)}.note-music-track{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border-light);border-radius:var(--card-radius-sm)}.note-music-toggle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-tag-bg);color:var(--color-text-primary);flex:none}.note-music-cover{width:30px;height:30px;border-radius:6px;object-fit:cover;flex:none}.note-music-cover-fallback{display:flex;align-items:center;justify-content:center;background:var(--color-tag-bg);color:var(--color-text-secondary)}.note-music-meta{display:flex;flex-direction:column;min-width:0;flex:1}.note-music-title{font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-music-artist{font-size:var(--font-size-xs);color:var(--color-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-music-duration{font-size:var(--font-size-xs);color:var(--color-text-tertiary);flex:none}.note-video-card{margin-top:var(--space-3);border-radius:var(--card-radius-sm);overflow:hidden;background:#000}.note-video-poster{position:relative;display:block;width:100%;padding:0;max-height:52vh}.note-video-poster[hidden],.note-video-el[hidden]{display:none}.note-video-poster img{width:100%;height:auto;max-height:52vh;aspect-ratio:16 / 9;object-fit:cover}.note-video-badge{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem}.note-video-badge i{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#00000080}.note-video-el{display:block;width:100%;height:auto;max-height:56vh;object-fit:contain;background:#000}.note-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-6);border-top:1px solid var(--color-border-light);background:var(--color-surface)}.note-stats{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.note-like-count-wrap{display:inline-flex;align-items:center;gap:4px}.note-actions{display:flex;gap:var(--space-2)}.note-action{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:999px;border:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.note-action:hover{background:var(--color-surface-hover);border-color:var(--color-border)}.note-action.liked{color:var(--note-like-text, #c0392b);border-color:var(--note-like-text, #c0392b)}.note-action.liked i{color:var(--note-like-text, #c0392b)}dialog.note-modal{--note-like-text: #c0392b}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) dialog.note-modal{--note-like-text: #ff8080}}:root[data-theme=dark] dialog.note-modal{--note-like-text: #ff8080}.note-action.pop{transform:scale(1.12)}.note-open-post{display:flex;align-items:center;justify-content:center;gap:4px;padding:var(--space-3);border-top:1px solid var(--color-border-light);font-size:var(--font-size-sm);color:var(--color-accent-text);background:var(--color-surface)}.note-open-post:hover{background:var(--color-surface-hover)}.note-panel-skeleton{grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr)}.note-skeleton-media{background:linear-gradient(100deg,#1a1a1f 30%,#26262d,#1a1a1f 70%);background-size:200% 100%;animation:note-shimmer 1.4s ease-in-out infinite}.note-skeleton-body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-8) var(--space-6);background:var(--color-surface)}.note-skeleton-line{height:14px;border-radius:7px;background:var(--color-tag-bg)}.note-skeleton-line.w40{width:40%}.note-skeleton-line.w60{width:60%}.note-skeleton-line.w80{width:80%}.note-skeleton-status{margin-top:var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}@keyframes note-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.note-toast{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:5;padding:8px 14px;border-radius:999px;background:#000000d1;color:#fff;font-size:var(--font-size-xs);max-width:80%;text-align:center;overflow-wrap:anywhere}.note-heart{position:fixed;z-index:1200;pointer-events:none;color:var(--color-like-active);font-size:20px;animation:note-heart-float .85s ease-out forwards;animation-delay:var(--delay, 0ms)}@keyframes note-heart-float{0%{opacity:1;transform:translate(-50%,-50%) scale(.6)}to{opacity:0;transform:translate(calc(-50% + var(--dx, 0px)),-170%) scale(1.5)}}dialog.note-modal :focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(max-width:768px){dialog.note-modal{align-items:flex-end}.note-panel-host{width:100%;height:auto;max-height:90dvh;border-radius:var(--radius-panel) var(--radius-panel) 0 0;padding-bottom:env(safe-area-inset-bottom,0)}.note-panel,.note-panel-skeleton{display:flex;flex-direction:column;height:auto;max-height:90dvh}.note-panel.no-media{display:flex;max-height:90dvh}.note-panel.no-media .note-body-col{max-height:90dvh}.note-media-col{flex:none;height:42dvh;width:100%}.note-body-col{flex:1;min-height:0;max-height:48dvh}.note-scroll{padding:var(--space-4) var(--space-4) var(--space-3)}.note-header{padding-right:var(--space-8)}.note-title{font-size:var(--font-size-lg)}.note-footer{padding:var(--space-2) var(--space-4)}.note-open-post{padding:var(--space-2)}.note-close{background:#0000008c}.note-skeleton-media{flex:none;height:42dvh}}@media(prefers-reduced-motion:reduce){dialog.note-modal *,dialog.note-modal *:before,dialog.note-modal *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.note-heart{display:none}}html.overlay-scroll-locked{overflow:hidden}html.feed-open .feed-entry-btn{display:none}.feed-entry-btn{position:fixed;right:max(18px,env(safe-area-inset-right,0px));bottom:max(24px,env(safe-area-inset-bottom,0px));z-index:900;display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;background:var(--color-accent);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:0 6px 20px #00000047;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.feed-entry-btn i{font-size:1.1rem}.feed-entry-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px #00000057}.feed-entry-btn:active{transform:scale(.96)}dialog.feed-overlay{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#000;color:#fff;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}dialog.feed-overlay::backdrop{background:#000}.feed-stage{position:absolute;inset:0;overflow:hidden;touch-action:none;background:#000}.feed-track{position:absolute;top:0;left:0;right:0;transition:transform .34s cubic-bezier(.22,1,.36,1);will-change:transform}.feed-track.no-anim,.feed-track.is-dragging{transition:none}.feed-slide{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;background:#0a0a0c}.feed-slide-poster{position:absolute;inset:0;background-size:cover;background-position:center;background-color:#0a0a0c}.feed-slide-poster img{width:100%;height:100%;object-fit:cover;filter:brightness(.82)}.feed-slide-media{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.feed-video{width:100%;height:100%;object-fit:cover;background:transparent;opacity:0;transition:opacity .18s ease}.feed-slide.is-playing .feed-video{opacity:1}.feed-slide.is-buffering:after{content:"";position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:3px solid rgba(255,255,255,.28);border-top-color:#fff;animation:feed-spin .8s linear infinite;z-index:2}@keyframes feed-spin{to{transform:rotate(360deg)}}.feed-slide-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,#00000061,#0000 18% 58%,#000000ad)}.feed-topbar{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top,0px) + 12px) 14px 0;pointer-events:none}.feed-topbar>*{pointer-events:auto}.feed-topbar-right{display:flex;align-items:center;gap:10px}.feed-icon-btn{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:#0000006b;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:1.15rem;transition:background var(--transition-fast)}.feed-icon-btn:hover{background:#0000009e}.feed-counter{padding:4px 10px;border-radius:999px;background:#0000006b;font-size:var(--font-size-xs);color:#ffffffeb}.feed-rail{position:absolute;right:10px;bottom:27%;z-index:3;display:flex;flex-direction:column;align-items:center;gap:18px}.feed-rail-avatar i{font-size:1.15rem}.feed-rail-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:#fff;border:2px solid rgba(255,255,255,.9)}.feed-rail-action{width:52px;display:flex;flex-direction:column;align-items:center;gap:3px;color:#fff;font-size:.6875rem;text-shadow:0 1px 6px rgba(0,0,0,.55)}.feed-rail-action i{font-size:1.7rem;line-height:1}.feed-rail-action.liked i{color:#ff4d6d}.feed-rail-action.pop i{animation:feed-pop .24s ease-out}@keyframes feed-pop{0%{transform:scale(1)}45%{transform:scale(1.35)}to{transform:scale(1)}}.feed-caption{position:absolute;left:14px;right:78px;bottom:calc(env(safe-area-inset-bottom,0px) + 34px);z-index:2;display:flex;flex-direction:column;gap:6px;pointer-events:none;text-shadow:0 1px 6px rgba(0,0,0,.55)}.feed-author{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#fff}.feed-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feed-desc{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:#ffffffd6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feed-tags{display:flex;flex-wrap:wrap;gap:6px}.feed-tag{font-size:var(--font-size-xs);color:#ffffffe6;background:#ffffff29;padding:2px 8px;border-radius:999px;backdrop-filter:blur(4px)}.feed-progress{position:absolute;left:0;right:0;bottom:env(safe-area-inset-bottom,0px);height:22px;z-index:4;cursor:pointer;touch-action:none}.feed-progress:before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff3d}.feed-progress-fill{position:absolute;left:0;bottom:0;height:3px;width:0;background:#fff;transition:width .12s linear}.feed-hint{position:absolute;left:50%;top:calc(env(safe-area-inset-top,0px) + 64px);transform:translate(-50%);z-index:3;padding:6px 12px;border-radius:999px;background:#0006;color:#ffffffd1;font-size:var(--font-size-xs);white-space:nowrap;pointer-events:none;transition:opacity var(--transition-normal)}.feed-hint.is-hidden{opacity:0}.feed-pause-indicator{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none}.feed-pause-indicator[hidden],.feed-toast[hidden]{display:none}.feed-pause-indicator i{font-size:4.5rem;color:#ffffffd1;text-shadow:0 2px 18px rgba(0,0,0,.5)}.feed-toast{position:absolute;left:50%;bottom:22%;transform:translate(-50%);z-index:5;max-width:78%;padding:8px 14px;border-radius:999px;background:#000000c7;color:#fff;font-size:var(--font-size-xs);text-align:center;overflow-wrap:anywhere}.feed-heart{position:fixed;z-index:1300;pointer-events:none;font-size:22px;animation:feed-heart-float .95s ease-out forwards;animation-delay:var(--delay, 0ms)}@keyframes feed-heart-float{0%{opacity:1;transform:translate(-50%,-50%) scale(.5) rotate(0)}to{opacity:0;transform:translate(calc(-50% + var(--dx, 0px)),-180px) scale(1.45) rotate(var(--rot, 0deg))}}dialog.feed-overlay :focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:768px){.feed-rail{right:6px;bottom:24%;gap:14px}.feed-caption{right:70px;bottom:calc(env(safe-area-inset-bottom,0px) + 30px)}.feed-title{font-size:var(--font-size-sm)}.feed-desc{-webkit-line-clamp:1}.feed-hint{top:calc(env(safe-area-inset-top,0px) + 58px)}}@media(prefers-reduced-motion:reduce){.feed-track,.feed-video,.feed-hint{transition-duration:.01ms!important}.feed-heart,.feed-rail-action.pop i{display:none;animation:none!important}.feed-slide.is-buffering:after{animation-duration:1.6s}}@media(max-width:639px){.post-card-title{font-size:1.25rem}.post-card--text .post-card-title{font-size:1.375rem}.post-card-body{padding:var(--space-3)}}@media(min-width:640px){:root{--header-height: 64px}.post-title{font-size:2.25rem}.post-content{font-size:var(--font-size-lg)}.post-card-title{font-size:1.3125rem}}@media(min-width:1024px){.post-page{padding:var(--space-12) var(--space-4)}.post-card-title{font-size:1.4375rem}}@media(min-width:1440px){.post-card-title{font-size:1.5rem}.post-card-desc{font-size:var(--font-size-base)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}