.theme-switch[data-v-1185fad4]{position:relative}.theme-trigger[data-v-1185fad4]{position:relative;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:var(--header-text, var(--text-soft));transition:background var(--transition-fast),color var(--transition-fast)}.app-header.is-solid .theme-trigger[data-v-1185fad4]{color:var(--text-soft)}.theme-trigger[data-v-1185fad4]:hover{background:var(--primary-soft);color:var(--primary)}.theme-trigger svg[data-v-1185fad4]{position:relative;z-index:1;width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.theme-ring[data-v-1185fad4]{position:absolute;inset:3px;border-radius:50%;opacity:.5;transition:opacity var(--transition-fast),transform var(--transition-fast)}.theme-trigger:hover .theme-ring[data-v-1185fad4]{opacity:1;transform:rotate(24deg)}.theme-panel[data-v-1185fad4]{position:absolute;top:46px;right:0;z-index:90;width:336px;max-width:calc(100vw - 32px);max-height:min(82vh,640px);overflow-y:auto;padding:14px;text-align:left}@media(max-width:640px){.theme-panel[data-v-1185fad4]{position:fixed;top:calc(var(--nav-height) + 6px);right:12px;bottom:auto;left:12px;width:auto;max-width:none}}.theme-panel-head[data-v-1185fad4]{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:4px}.theme-reset[data-v-1185fad4]{border:none;background:transparent;color:var(--text-muted);font-size:12px;padding:2px 8px;border-radius:999px}.theme-reset[data-v-1185fad4]:hover:not(:disabled){color:var(--primary);background:var(--primary-soft)}.theme-reset[data-v-1185fad4]:disabled{opacity:.5;cursor:default}.theme-group+.theme-group[data-v-1185fad4]{margin-top:10px}.theme-group-label[data-v-1185fad4]{display:block;margin:8px 2px 6px;color:var(--text-muted);font-size:11px;letter-spacing:1px}.theme-grid[data-v-1185fad4]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.theme-grid--dense[data-v-1185fad4]{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-grid--dense .theme-chip[data-v-1185fad4]{gap:5px;padding:6px;font-size:12px}.theme-grid--dense .theme-chip-swatch[data-v-1185fad4]{width:15px;height:15px}.theme-chip[data-v-1185fad4]{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-soft);font-size:13px;text-align:left;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.theme-chip[data-v-1185fad4]:hover{background:var(--bg-soft)}.theme-chip.active[data-v-1185fad4]{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.theme-chip-swatch[data-v-1185fad4]{width:20px;height:20px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f}.theme-chip-name[data-v-1185fad4]{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-chip-check[data-v-1185fad4]{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;visibility:hidden}.theme-chip-check.shown[data-v-1185fad4]{visibility:visible}.theme-panel-foot[data-v-1185fad4]{display:flex;flex-direction:column;gap:2px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}.theme-option[data-v-1185fad4]{display:flex;align-items:center;justify-content:space-between;gap:10px;border:none;background:transparent;padding:6px 8px;border-radius:8px;color:var(--text-soft);font-size:13px}.theme-option[data-v-1185fad4]:hover:not(:disabled){background:var(--primary-soft)}.theme-option[data-v-1185fad4]:disabled{opacity:.55;cursor:default}.theme-state[data-v-1185fad4]{font-size:11px;padding:1px 9px;border-radius:999px;background:var(--bg-soft);color:var(--text-muted)}.theme-state.on[data-v-1185fad4]{background:var(--primary);color:#fff}.icon[data-v-1fb9fd2e]{width:1em;height:1em;display:inline-block;flex:none;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-search[data-v-18eae382]{width:150px;padding:6px 14px;border-radius:999px;background:transparent;border-color:var(--border);font-size:13px}.app-header:not(.is-solid) .nav-search[data-v-18eae382]{border-color:#fff6;color:#fff}.app-header:not(.is-solid) .nav-search[data-v-18eae382]::placeholder{color:#ffffffb3}.logo-text[data-v-18eae382]{display:flex;flex-direction:column;line-height:1.15}.logo-text small[data-v-18eae382]{font-size:11px;font-weight:500;letter-spacing:1px;opacity:.62}@media(max-width:860px){.nav-search[data-v-18eae382],.logo-text small[data-v-18eae382]{display:none}}:root{--layout-width: 1180px;--layout-narrow: 860px;--gutter: clamp(20px, 4vw, 32px);--gap-xs: 8px;--gap-sm: 14px;--gap: 22px;--gap-lg: 34px;--radius-sm: 8px;--radius: 14px;--radius-lg: 22px;--nav-height: 64px;--fab-size: 44px;--z-bg: 0;--z-page: 1;--z-decor: 55;--z-header: 60;--z-float: 70;--z-modal: 120;--font-body: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, sans-serif;--font-serif: "Noto Serif SC", "Songti SC", "SimSun", serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--font-display: var(--font-body);--transition-fast: .18s ease;--transition: .3s ease;--ease-out: cubic-bezier(.22, .68, .32, 1);--shadow-sm: 0 2px 10px rgb(0 0 0 / 6%);--shadow: 0 8px 28px rgb(0 0 0 / 10%);--shadow-lg: 0 16px 48px rgb(0 0 0 / 16%);--card-glow: var(--shadow);--theme-ring: rgb(79 124 255 / 32%);--surface-pattern: none;--surface-pattern-size: 32px 32px;--surface-pattern-opacity: .5;--hero-tint: transparent;--decor-color: var(--accent);--bg: #f5f6fa;--bg-soft: #eceef4;--bg-card: #ffffff;--bg-elevated: #ffffff;--text: #2b2f3a;--text-soft: #565d6b;--text-muted: #8b93a3;--primary: #4f7cff;--primary-strong: #3a63e0;--primary-soft: rgb(79 124 255 / 12%);--accent: #ff7a90;--border: rgb(43 47 58 / 8%);--nav-bg: rgb(255 255 255 / 72%);--hero-overlay: rgb(12 14 24 / 38%);--hero-bg: radial-gradient(1100px 520px at 18% 12%, rgb(255 255 255 / 16%), transparent 60%), radial-gradient(900px 480px at 82% 88%, rgb(255 255 255 / 10%), transparent 62%), linear-gradient(135deg, #4f7cff 0%, #7a5cff 45%, #182848 100%);--badge-bg: rgb(255 255 255 / 82%);--code-bg: #f6f8fa;--md-code-bg: #282c34;--md-code-text: #abb2bf;--md-inline-code: #3a63e0;--md-inline-code-bg: rgb(79 124 255 / 10%);--scrollbar: rgb(43 47 58 / 22%)}[data-theme=light]{color-scheme:light;--bg: #f5f6fa;--bg-soft: #eceef4;--bg-card: #ffffff;--bg-elevated: #ffffff;--text: #2b2f3a;--text-soft: #565d6b;--text-muted: #8b93a3;--primary: #4f7cff;--primary-strong: #3a63e0;--primary-soft: rgb(79 124 255 / 12%);--accent: #ff7a90;--border: rgb(43 47 58 / 8%);--nav-bg: rgb(255 255 255 / 72%);--hero-overlay: rgb(12 14 24 / 38%);--hero-bg: radial-gradient(1100px 520px at 18% 12%, rgb(255 255 255 / 16%), transparent 60%), radial-gradient(900px 480px at 82% 88%, rgb(255 255 255 / 10%), transparent 62%), linear-gradient(135deg, #4f7cff 0%, #7a5cff 45%, #182848 100%);--badge-bg: rgb(255 255 255 / 82%);--code-bg: #f6f8fa;--md-code-bg: #282c34;--md-code-text: #abb2bf;--md-inline-code: #3a63e0;--md-inline-code-bg: rgb(79 124 255 / 10%);--scrollbar: rgb(43 47 58 / 22%);--font-display: var(--font-body);--surface-pattern: none;--surface-pattern-size: auto;--surface-pattern-opacity: .5;--card-glow: var(--shadow);--theme-ring: rgb(79 124 255 / 32%);--hero-tint: transparent;--decor-color: #ff7a90}[data-theme=dark]{color-scheme:dark;--bg: #12141c;--bg-soft: #181b25;--bg-card: #1d2130;--bg-elevated: #1d2130;--text: #e6e9f2;--text-soft: #b6bdcd;--text-muted: #7d8598;--primary: #6f95ff;--primary-strong: #8fadff;--primary-soft: rgb(111 149 255 / 16%);--accent: #ff8ba0;--border: rgb(230 233 242 / 10%);--nav-bg: rgb(18 20 28 / 72%);--hero-overlay: rgb(6 8 14 / 52%);--hero-bg: radial-gradient(1100px 520px at 18% 12%, rgb(111 149 255 / 18%), transparent 60%), radial-gradient(900px 480px at 82% 88%, rgb(255 139 160 / 10%), transparent 62%), linear-gradient(135deg, #1b2440 0%, #2a2350 50%, #0b0d16 100%);--badge-bg: rgb(18 20 28 / 66%);--code-bg: #161a26;--md-code-bg: #141824;--md-code-text: #c3cbdc;--md-inline-code: #9db9ff;--md-inline-code-bg: rgb(111 149 255 / 16%);--scrollbar: rgb(230 233 242 / 22%);--shadow-sm: 0 2px 10px rgb(0 0 0 / 34%);--shadow: 0 8px 28px rgb(0 0 0 / 42%);--shadow-lg: 0 16px 48px rgb(0 0 0 / 52%);--font-display: var(--font-body);--surface-pattern: none;--surface-pattern-size: auto;--surface-pattern-opacity: .5;--card-glow: 0 10px 32px rgb(0 0 0 / 48%);--theme-ring: rgb(111 149 255 / 40%);--hero-tint: transparent;--decor-color: #ff8ba0}[data-theme=sakura]{color-scheme:light;--bg: #fdf2f6;--bg-soft: #f7e3ea;--bg-card: #fffafc;--bg-elevated: #fffafc;--text: #4a2b36;--text-soft: #6f4c58;--text-muted: #a98b95;--primary: #e0568c;--primary-strong: #c33e74;--primary-soft: rgb(224 86 140 / 12%);--accent: #f7a8c8;--border: rgb(74 43 54 / 9%);--nav-bg: rgb(253 242 246 / 78%);--hero-overlay: rgb(74 20 40 / 38%);--hero-bg: radial-gradient(1000px 500px at 20% 14%, rgb(255 255 255 / 26%), transparent 60%), radial-gradient(900px 480px at 82% 86%, rgb(247 168 200 / 26%), transparent 62%), linear-gradient(135deg, #f7a1c4 0%, #e0568c 46%, #7b2c4e 100%);--badge-bg: rgb(255 250 252 / 84%);--code-bg: #fbeef4;--md-code-bg: #3a2130;--md-code-text: #f0d5e2;--md-inline-code: #c33e74;--md-inline-code-bg: rgb(224 86 140 / 12%);--scrollbar: rgb(74 43 54 / 22%);--font-display: var(--font-serif);--surface-pattern: radial-gradient(3px 3px at 26% 30%, rgb(224 86 140 / 12%), transparent 60%), radial-gradient(2.2px 2.2px at 72% 70%, rgb(247 168 200 / 16%), transparent 60%);--surface-pattern-size: 46px 46px;--surface-pattern-opacity: .7;--card-glow: 0 10px 30px rgb(224 86 140 / 18%);--theme-ring: rgb(224 86 140 / 34%);--hero-tint: linear-gradient(180deg, rgb(255 214 231 / 18%), transparent 44%);--decor-color: #ffc2d8}[data-theme=matcha]{color-scheme:light;--bg: #f2f6ee;--bg-soft: #e5eedd;--bg-card: #fcfef9;--bg-elevated: #fcfef9;--text: #2b3a29;--text-soft: #4c5f47;--text-muted: #86957f;--primary: #4f8b56;--primary-strong: #3c7145;--primary-soft: rgb(79 139 86 / 12%);--accent: #d8b26a;--border: rgb(43 58 41 / 10%);--nav-bg: rgb(242 246 238 / 78%);--hero-overlay: rgb(20 40 22 / 42%);--hero-bg: radial-gradient(1000px 500px at 18% 14%, rgb(216 178 106 / 22%), transparent 60%), radial-gradient(900px 480px at 82% 86%, rgb(255 255 255 / 14%), transparent 62%), linear-gradient(135deg, #7fb069 0%, #4f8b56 46%, #1f3a26 100%);--badge-bg: rgb(252 254 249 / 84%);--code-bg: #eef4e8;--md-code-bg: #1f2c1e;--md-code-text: #d7e6cd;--md-inline-code: #3c7145;--md-inline-code-bg: rgb(79 139 86 / 12%);--scrollbar: rgb(43 58 41 / 22%);--font-display: var(--font-body);--surface-pattern: repeating-linear-gradient(0deg, rgb(79 139 86 / 5%) 0 1px, transparent 1px 22px);--surface-pattern-size: auto;--surface-pattern-opacity: .55;--card-glow: 0 10px 30px rgb(79 139 86 / 16%);--theme-ring: rgb(79 139 86 / 34%);--hero-tint: linear-gradient(180deg, rgb(216 178 106 / 12%), transparent 42%);--decor-color: #a9d29f}[data-theme=ocean]{color-scheme:dark;--bg: #071a26;--bg-soft: #0c2231;--bg-card: #11293a;--bg-elevated: #11293a;--text: #e2f3fa;--text-soft: #b3d3e2;--text-muted: #739bb0;--primary: #38a6d9;--primary-strong: #6bc8ef;--primary-soft: rgb(56 166 217 / 16%);--accent: #ffa06b;--border: rgb(226 243 250 / 12%);--nav-bg: rgb(7 26 38 / 74%);--hero-overlay: rgb(2 12 20 / 54%);--hero-bg: radial-gradient(1000px 500px at 24% 12%, rgb(107 200 239 / 22%), transparent 60%), radial-gradient(900px 480px at 80% 88%, rgb(255 160 107 / 14%), transparent 62%), linear-gradient(135deg, #1d6f96 0%, #0d4159 48%, #041018 100%);--badge-bg: rgb(7 26 38 / 66%);--code-bg: #0e2432;--md-code-bg: #061622;--md-code-text: #c8e6f2;--md-inline-code: #6bc8ef;--md-inline-code-bg: rgb(56 166 217 / 16%);--scrollbar: rgb(226 243 250 / 22%);--shadow-sm: 0 2px 10px rgb(0 0 0 / 34%);--shadow: 0 8px 28px rgb(0 0 0 / 42%);--shadow-lg: 0 16px 48px rgb(0 0 0 / 52%);--font-display: var(--font-body);--surface-pattern: radial-gradient(2px 2px at 28% 32%, rgb(107 200 239 / 30%), transparent 60%), radial-gradient(1.6px 1.6px at 74% 68%, rgb(255 255 255 / 22%), transparent 60%);--surface-pattern-size: 120px 120px;--surface-pattern-opacity: .4;--card-glow: 0 10px 30px rgb(56 166 217 / 24%);--theme-ring: rgb(56 166 217 / 40%);--hero-tint: linear-gradient(180deg, rgb(29 111 150 / 20%), transparent 44%);--decor-color: #9fe0f5}[data-theme=sunset]{color-scheme:dark;--bg: #1d1220;--bg-soft: #26182a;--bg-card: #2e1d32;--bg-elevated: #2e1d32;--text: #fdeee4;--text-soft: #dcc0b4;--text-muted: #a37f7a;--primary: #ff8a5c;--primary-strong: #ffa97f;--primary-soft: rgb(255 138 92 / 16%);--accent: #ffd166;--border: rgb(253 238 228 / 12%);--nav-bg: rgb(29 18 32 / 74%);--hero-overlay: rgb(24 8 24 / 52%);--hero-bg: radial-gradient(1000px 500px at 78% 16%, rgb(255 209 102 / 24%), transparent 60%), radial-gradient(900px 480px at 18% 86%, rgb(255 94 126 / 20%), transparent 62%), linear-gradient(135deg, #ff8a5c 0%, #d2466f 46%, #2b1330 100%);--badge-bg: rgb(29 18 32 / 66%);--code-bg: #26182a;--md-code-bg: #1c1020;--md-code-text: #f2d9cb;--md-inline-code: #ffa97f;--md-inline-code-bg: rgb(255 138 92 / 16%);--scrollbar: rgb(253 238 228 / 22%);--shadow-sm: 0 2px 10px rgb(0 0 0 / 34%);--shadow: 0 8px 28px rgb(0 0 0 / 42%);--shadow-lg: 0 16px 48px rgb(0 0 0 / 52%);--font-display: var(--font-body);--surface-pattern: repeating-linear-gradient(180deg, rgb(255 138 92 / 5%) 0 2px, transparent 2px 26px);--surface-pattern-size: auto;--surface-pattern-opacity: .45;--card-glow: 0 10px 30px rgb(255 138 92 / 22%);--theme-ring: rgb(255 138 92 / 40%);--hero-tint: linear-gradient(180deg, rgb(210 70 111 / 18%), transparent 44%);--decor-color: #ffd166}[data-theme=ink]{color-scheme:light;--bg: #f3f2ee;--bg-soft: #e8e7e1;--bg-card: #fbfbf8;--bg-elevated: #fbfbf8;--text: #24262a;--text-soft: #4a4e55;--text-muted: #8b9098;--primary: #46596b;--primary-strong: #324250;--primary-soft: rgb(70 89 107 / 12%);--accent: #b03a2e;--border: rgb(36 38 42 / 12%);--nav-bg: rgb(243 242 238 / 80%);--hero-overlay: rgb(20 22 26 / 46%);--hero-bg: radial-gradient(1000px 500px at 22% 16%, rgb(255 255 255 / 30%), transparent 58%), radial-gradient(900px 480px at 80% 86%, rgb(176 58 46 / 12%), transparent 62%), linear-gradient(135deg, #7c8b98 0%, #46596b 46%, #1e242c 100%);--badge-bg: rgb(251 251 248 / 86%);--code-bg: #eeeeea;--md-code-bg: #22262b;--md-code-text: #dfe3e8;--md-inline-code: #324250;--md-inline-code-bg: rgb(70 89 107 / 12%);--scrollbar: rgb(36 38 42 / 24%);--font-display: var(--font-serif);--surface-pattern: repeating-linear-gradient(90deg, rgb(36 38 42 / 3%) 0 1px, transparent 1px 26px);--surface-pattern-size: auto;--surface-pattern-opacity: .6;--card-glow: 0 10px 30px rgb(36 38 42 / 14%);--theme-ring: rgb(70 89 107 / 34%);--hero-tint: linear-gradient(180deg, rgb(36 38 42 / 10%), transparent 48%);--decor-color: #b03a2e}[data-theme=sepia]{color-scheme:light;--bg: #f0e5d3;--bg-soft: #e6d9c2;--bg-card: #f9f2e3;--bg-elevated: #f9f2e3;--text: #453324;--text-soft: #6a5340;--text-muted: #9b8368;--primary: #a4663a;--primary-strong: #85512c;--primary-soft: rgb(164 102 58 / 14%);--accent: #6f8a5f;--border: rgb(69 51 36 / 14%);--nav-bg: rgb(240 229 211 / 82%);--hero-overlay: rgb(50 32 16 / 48%);--hero-bg: radial-gradient(1000px 500px at 20% 14%, rgb(255 240 210 / 26%), transparent 60%), radial-gradient(900px 480px at 82% 86%, rgb(111 138 95 / 18%), transparent 62%), linear-gradient(135deg, #b5793f 0%, #7d4a24 48%, #35200f 100%);--badge-bg: rgb(249 242 227 / 86%);--code-bg: #ece0ca;--md-code-bg: #2b1f14;--md-code-text: #e8d8bd;--md-inline-code: #85512c;--md-inline-code-bg: rgb(164 102 58 / 14%);--scrollbar: rgb(69 51 36 / 26%);--font-display: var(--font-serif);--surface-pattern: repeating-linear-gradient(0deg, rgb(69 51 36 / 5%) 0 1px, transparent 1px 24px);--surface-pattern-size: auto;--surface-pattern-opacity: .5;--card-glow: 0 10px 30px rgb(80 55 25 / 18%);--theme-ring: rgb(164 102 58 / 34%);--hero-tint: linear-gradient(180deg, rgb(123 74 36 / 14%), transparent 44%);--decor-color: #c9a06a}[data-theme=neon]{color-scheme:dark;--bg: #0a0b14;--bg-soft: #101223;--bg-card: #141733;--bg-elevated: #141733;--text: #e9f0ff;--text-soft: #b8c1e8;--text-muted: #7d86b4;--primary: #2fd4ff;--primary-strong: #7ce6ff;--primary-soft: rgb(47 212 255 / 16%);--accent: #ff45c8;--border: rgb(233 240 255 / 12%);--nav-bg: rgb(10 11 20 / 72%);--hero-overlay: rgb(4 5 12 / 56%);--hero-bg: radial-gradient(1000px 500px at 18% 12%, rgb(255 69 200 / 18%), transparent 60%), radial-gradient(900px 480px at 84% 88%, rgb(47 212 255 / 20%), transparent 62%), linear-gradient(135deg, #2fd4ff 0%, #7b3fe4 48%, #0a0b14 100%);--badge-bg: rgb(10 11 20 / 66%);--code-bg: #10122a;--md-code-bg: #0b0d1e;--md-code-text: #cfe2ff;--md-inline-code: #7ce6ff;--md-inline-code-bg: rgb(47 212 255 / 16%);--scrollbar: rgb(233 240 255 / 24%);--shadow-sm: 0 2px 10px rgb(0 0 0 / 34%);--shadow: 0 8px 28px rgb(0 0 0 / 42%);--shadow-lg: 0 16px 48px rgb(0 0 0 / 52%);--font-display: var(--font-body);--surface-pattern: linear-gradient(to right, rgb(47 212 255 / 8%) 1px, transparent 1px), linear-gradient(to bottom, rgb(255 69 200 / 7%) 1px, transparent 1px);--surface-pattern-size: 44px 44px;--surface-pattern-opacity: .55;--card-glow: 0 10px 32px rgb(47 212 255 / 22%);--theme-ring: rgb(47 212 255 / 42%);--hero-tint: linear-gradient(180deg, rgb(123 63 228 / 18%), transparent 44%);--decor-color: #7ce6ff}[data-theme=spring]{color-scheme:light;--bg: #fdf3ec;--bg-soft: #f8e5d6;--bg-card: #fffaf5;--bg-elevated: #fffaf5;--text: #5a2a20;--text-soft: #7c4437;--text-muted: #a97e6f;--primary: #d43a2f;--primary-strong: #b52c22;--primary-soft: rgb(212 58 47 / 12%);--accent: #e8a33d;--border: rgb(90 42 32 / 12%);--nav-bg: rgb(253 243 236 / 78%);--hero-overlay: rgb(120 20 12 / 42%);--hero-bg: radial-gradient(1000px 500px at 20% 14%, rgb(255 214 140 / 26%), transparent 60%), radial-gradient(900px 480px at 80% 86%, rgb(255 138 100 / 18%), transparent 62%), linear-gradient(135deg, #d43a2f 0%, #e8763d 48%, #8c1f16 100%);--badge-bg: rgb(255 250 245 / 84%);--code-bg: #f9ece2;--md-code-bg: #33201a;--md-code-text: #ecd3c4;--md-inline-code: #b52c22;--md-inline-code-bg: rgb(212 58 47 / 10%);--scrollbar: rgb(90 42 32 / 26%);--font-display: var(--font-serif);--surface-pattern: repeating-linear-gradient(45deg, rgb(212 58 47 / 5%) 0 9px, transparent 9px 20px);--surface-pattern-size: auto;--surface-pattern-opacity: .5;--card-glow: 0 10px 30px rgb(212 58 47 / 16%);--theme-ring: rgb(212 58 47 / 34%);--hero-tint: linear-gradient(180deg, rgb(232 163 61 / 14%), transparent 45%);--decor-color: #e8c274}[data-theme=qixi]{color-scheme:dark;--bg: #171226;--bg-soft: #1e1832;--bg-card: #241c3b;--bg-elevated: #241c3b;--text: #efe9fb;--text-soft: #c6bce0;--text-muted: #8f84ad;--primary: #b07cff;--primary-strong: #c79dff;--primary-soft: rgb(176 124 255 / 16%);--accent: #ff7ab8;--border: rgb(239 233 251 / 12%);--nav-bg: rgb(23 18 38 / 74%);--hero-overlay: rgb(14 8 26 / 50%);--hero-bg: radial-gradient(1000px 500px at 22% 16%, rgb(255 122 184 / 20%), transparent 60%), radial-gradient(900px 480px at 78% 84%, rgb(176 124 255 / 22%), transparent 62%), linear-gradient(135deg, #b07cff 0%, #6a4bd8 48%, #171226 100%);--badge-bg: rgb(23 18 38 / 66%);--code-bg: #1d1631;--md-code-bg: #191129;--md-code-text: #cfc4ea;--md-inline-code: #c79dff;--md-inline-code-bg: rgb(176 124 255 / 16%);--scrollbar: rgb(239 233 251 / 22%);--shadow-sm: 0 2px 10px rgb(0 0 0 / 34%);--shadow: 0 8px 28px rgb(0 0 0 / 42%);--shadow-lg: 0 16px 48px rgb(0 0 0 / 52%);--font-display: var(--font-serif);--surface-pattern: radial-gradient(1.6px 1.6px at 22% 28%, rgb(255 255 255 / 55%), transparent 60%), radial-gradient(1.4px 1.4px at 68% 72%, rgb(255 214 240 / 45%), transparent 60%);--surface-pattern-size: 150px 150px;--surface-pattern-opacity: .45;--card-glow: 0 10px 30px rgb(176 124 255 / 22%);--theme-ring: rgb(176 124 255 / 38%);--hero-tint: linear-gradient(180deg, rgb(106 75 216 / 18%), transparent 40%);--decor-color: #ffd9f0}[data-theme=dragonboat]{color-scheme:light;--bg: #f1f7f2;--bg-soft: #e2eee6;--bg-card: #fcfffc;--bg-elevated: #fcfffc;--text: #1e3a2c;--text-soft: #41604f;--text-muted: #77917f;--primary: #1f8a5f;--primary-strong: #166b49;--primary-soft: rgb(31 138 95 / 12%);--accent: #e0a63c;--border: rgb(30 58 44 / 10%);--nav-bg: rgb(241 247 242 / 78%);--hero-overlay: rgb(10 44 30 / 44%);--hero-bg: radial-gradient(1000px 500px at 20% 14%, rgb(224 166 60 / 22%), transparent 60%), radial-gradient(900px 480px at 80% 86%, rgb(31 138 95 / 20%), transparent 62%), linear-gradient(135deg, #1f8a5f 0%, #2f7f8c 48%, #123a2a 100%);--badge-bg: rgb(252 255 252 / 84%);--code-bg: #eaf3ed;--md-code-bg: #16241d;--md-code-text: #cfe6d8;--md-inline-code: #166b49;--md-inline-code-bg: rgb(31 138 95 / 12%);--scrollbar: rgb(30 58 44 / 24%);--font-display: var(--font-serif);--surface-pattern: repeating-linear-gradient(115deg, rgb(31 138 95 / 6%) 0 2px, transparent 2px 16px);--surface-pattern-size: auto;--surface-pattern-opacity: .6;--card-glow: 0 10px 30px rgb(31 138 95 / 16%);--theme-ring: rgb(31 138 95 / 34%);--hero-tint: linear-gradient(180deg, rgb(224 166 60 / 12%), transparent 42%);--decor-color: #7fae8c}[data-theme=midautumn]{color-scheme:dark;--bg: #121a2e;--bg-soft: #18223a;--bg-card: #1d2842;--bg-elevated: #1d2842;--text: #f1ecdf;--text-soft: #cbc6b6;--text-muted: #93907f;--primary: #f0c274;--primary-strong: #ffd79a;--primary-soft: rgb(240 194 116 / 16%);--accent: #8fb8ff;--border: rgb(241 236 223 / 12%);--nav-bg: rgb(18 26 46 / 74%);--hero-overlay: rgb(8 12 26 / 52%);--hero-bg: radial-gradient(760px 420px at 74% 18%, rgb(255 226 160 / 26%), transparent 62%), radial-gradient(900px 480px at 22% 84%, rgb(143 184 255 / 16%), transparent 62%), linear-gradient(135deg, #1b2b52 0%, #2a3a63 46%, #0b1122 100%);--badge-bg: rgb(18 26 46 / 66%);--code-bg: #16203a;--md-code-bg: #101828;--md-code-text: #d8d2c0;--md-inline-code: #ffd79a;--md-inline-code-bg: rgb(240 194 116 / 16%);--scrollbar: rgb(241 236 223 / 22%);--shadow-sm: 0 2px 10px rgb(0 0 0 / 34%);--shadow: 0 8px 28px rgb(0 0 0 / 42%);--shadow-lg: 0 16px 48px rgb(0 0 0 / 52%);--font-display: var(--font-serif);--surface-pattern: radial-gradient(2px 2px at 30% 25%, rgb(246 223 164 / 45%), transparent 60%), radial-gradient(1.5px 1.5px at 72% 68%, rgb(255 255 255 / 35%), transparent 60%);--surface-pattern-size: 180px 180px;--surface-pattern-opacity: .45;--card-glow: 0 10px 30px rgb(240 194 116 / 20%);--theme-ring: rgb(240 194 116 / 38%);--hero-tint: linear-gradient(180deg, rgb(143 184 255 / 12%), transparent 44%);--decor-color: #f6dfa4}[data-theme=national]{color-scheme:light;--bg: #fff6f4;--bg-soft: #ffe9e3;--bg-card: #fffdfc;--bg-elevated: #fffdfc;--text: #4a1a14;--text-soft: #6f3830;--text-muted: #a37b73;--primary: #d92b2b;--primary-strong: #b31f1f;--primary-soft: rgb(217 43 43 / 12%);--accent: #f5b301;--border: rgb(74 26 20 / 10%);--nav-bg: rgb(255 246 244 / 80%);--hero-overlay: rgb(96 10 8 / 44%);--hero-bg: radial-gradient(900px 460px at 18% 16%, rgb(245 179 1 / 26%), transparent 60%), radial-gradient(900px 480px at 82% 84%, rgb(255 96 78 / 22%), transparent 62%), linear-gradient(135deg, #d92b2b 0%, #ef5a3c 46%, #7c1310 100%);--badge-bg: rgb(255 253 252 / 86%);--code-bg: #fbeae5;--md-code-bg: #2c1512;--md-code-text: #f0d6cf;--md-inline-code: #b31f1f;--md-inline-code-bg: rgb(217 43 43 / 10%);--scrollbar: rgb(74 26 20 / 24%);--font-display: var(--font-serif);--surface-pattern: repeating-linear-gradient(135deg, rgb(217 43 43 / 5%) 0 8px, transparent 8px 20px);--surface-pattern-size: auto;--surface-pattern-opacity: .5;--card-glow: 0 10px 30px rgb(217 43 43 / 16%);--theme-ring: rgb(217 43 43 / 34%);--hero-tint: linear-gradient(180deg, rgb(245 179 1 / 14%), transparent 42%);--decor-color: #ffd84d}[data-theme=christmas]{color-scheme:dark;--bg: #0f1a17;--bg-soft: #14211d;--bg-card: #182721;--bg-elevated: #182721;--text: #eaf5ef;--text-soft: #bcd3c7;--text-muted: #82998d;--primary: #37b077;--primary-strong: #55cf95;--primary-soft: rgb(55 176 119 / 16%);--accent: #e0453c;--border: rgb(234 245 239 / 12%);--nav-bg: rgb(15 26 23 / 76%);--hero-overlay: rgb(6 14 12 / 52%);--hero-bg: radial-gradient(900px 460px at 20% 16%, rgb(224 69 60 / 20%), transparent 60%), radial-gradient(900px 480px at 80% 84%, rgb(55 176 119 / 22%), transparent 62%), linear-gradient(135deg, #1c5c40 0%, #17463a 48%, #08120f 100%);--badge-bg: rgb(15 26 23 / 66%);--code-bg: #14211d;--md-code-bg: #101c18;--md-code-text: #c9ded3;--md-inline-code: #55cf95;--md-inline-code-bg: rgb(55 176 119 / 16%);--scrollbar: rgb(234 245 239 / 22%);--shadow-sm: 0 2px 10px rgb(0 0 0 / 34%);--shadow: 0 8px 28px rgb(0 0 0 / 42%);--shadow-lg: 0 16px 48px rgb(0 0 0 / 52%);--font-display: var(--font-body);--surface-pattern: radial-gradient(1.8px 1.8px at 25% 30%, rgb(255 255 255 / 55%), transparent 60%), radial-gradient(1.4px 1.4px at 70% 75%, rgb(214 245 228 / 45%), transparent 60%);--surface-pattern-size: 140px 140px;--surface-pattern-opacity: .4;--card-glow: 0 10px 30px rgb(55 176 119 / 22%);--theme-ring: rgb(55 176 119 / 38%);--hero-tint: linear-gradient(180deg, rgb(224 69 60 / 14%), transparent 40%);--decor-color: #d6f5e4}[data-theme=newyear]{color-scheme:dark;--bg: #0d1424;--bg-soft: #121c31;--bg-card: #17233b;--bg-elevated: #17233b;--text: #eef3ff;--text-soft: #bccbe6;--text-muted: #7f90b3;--primary: #f2c14e;--primary-strong: #ffd97e;--primary-soft: rgb(242 193 78 / 16%);--accent: #ff6b81;--border: rgb(238 243 255 / 12%);--nav-bg: rgb(13 20 36 / 74%);--hero-overlay: rgb(5 9 20 / 54%);--hero-bg: radial-gradient(760px 420px at 26% 14%, rgb(242 193 78 / 24%), transparent 60%), radial-gradient(900px 480px at 82% 86%, rgb(107 158 255 / 20%), transparent 62%), linear-gradient(135deg, #2a4a86 0%, #16294f 48%, #070c18 100%);--badge-bg: rgb(13 20 36 / 66%);--code-bg: #121c31;--md-code-bg: #0a1020;--md-code-text: #d8e3f7;--md-inline-code: #ffd97e;--md-inline-code-bg: rgb(242 193 78 / 16%);--scrollbar: rgb(238 243 255 / 22%);--shadow-sm: 0 2px 10px rgb(0 0 0 / 34%);--shadow: 0 8px 28px rgb(0 0 0 / 42%);--shadow-lg: 0 16px 48px rgb(0 0 0 / 52%);--font-display: var(--font-serif);--surface-pattern: radial-gradient(1.6px 1.6px at 24% 26%, rgb(255 255 255 / 55%), transparent 60%), radial-gradient(1.3px 1.3px at 66% 74%, rgb(242 193 78 / 45%), transparent 60%);--surface-pattern-size: 130px 130px;--surface-pattern-opacity: .5;--card-glow: 0 10px 32px rgb(242 193 78 / 22%);--theme-ring: rgb(242 193 78 / 40%);--hero-tint: linear-gradient(180deg, rgb(42 74 134 / 22%), transparent 46%);--decor-color: #f2c14e}[data-theme=valentine]{color-scheme:light;--bg: #fff1f5;--bg-soft: #fbe2ec;--bg-card: #fffafc;--bg-elevated: #fffafc;--text: #4c2233;--text-soft: #74435a;--text-muted: #a5788c;--primary: #e14d84;--primary-strong: #c33571;--primary-soft: rgb(225 77 132 / 12%);--accent: #a06bd8;--border: rgb(76 34 51 / 10%);--nav-bg: rgb(255 241 245 / 78%);--hero-overlay: rgb(60 12 36 / 40%);--hero-bg: radial-gradient(1000px 500px at 20% 14%, rgb(255 214 231 / 30%), transparent 60%), radial-gradient(900px 480px at 82% 86%, rgb(160 107 216 / 22%), transparent 62%), linear-gradient(135deg, #ff9ec4 0%, #e14d84 46%, #7a3aa8 100%);--badge-bg: rgb(255 250 252 / 84%);--code-bg: #fdeaf1;--md-code-bg: #3a1a2c;--md-code-text: #f4d6e5;--md-inline-code: #c33571;--md-inline-code-bg: rgb(225 77 132 / 12%);--scrollbar: rgb(76 34 51 / 22%);--font-display: var(--font-serif);--surface-pattern: radial-gradient(3px 3px at 25% 30%, rgb(225 77 132 / 12%), transparent 60%), radial-gradient(2.4px 2.4px at 75% 72%, rgb(160 107 216 / 12%), transparent 60%);--surface-pattern-size: 52px 52px;--surface-pattern-opacity: .6;--card-glow: 0 10px 30px rgb(225 77 132 / 18%);--theme-ring: rgb(225 77 132 / 34%);--hero-tint: linear-gradient(180deg, rgb(255 158 196 / 16%), transparent 44%);--decor-color: #ff86ae}[data-theme=qingming]{color-scheme:light;--bg: #eaf0ee;--bg-soft: #dde7e3;--bg-card: #f8fbfa;--bg-elevated: #f8fbfa;--text: #2c3a38;--text-soft: #4d605d;--text-muted: #82958f;--primary: #4a8b7b;--primary-strong: #38705f;--primary-soft: rgb(74 139 123 / 14%);--accent: #a8bfae;--border: rgb(44 58 56 / 11%);--nav-bg: rgb(234 240 238 / 80%);--hero-overlay: rgb(30 46 44 / 46%);--hero-bg: radial-gradient(1000px 500px at 22% 14%, rgb(255 255 255 / 34%), transparent 58%), radial-gradient(900px 480px at 80% 86%, rgb(168 191 174 / 24%), transparent 62%), linear-gradient(135deg, #8fb3ad 0%, #4a8b7b 46%, #22383a 100%);--badge-bg: rgb(248 251 250 / 86%);--code-bg: #e3ece8;--md-code-bg: #1e2b2a;--md-code-text: #d5e3de;--md-inline-code: #38705f;--md-inline-code-bg: rgb(74 139 123 / 14%);--scrollbar: rgb(44 58 56 / 24%);--font-display: var(--font-serif);--surface-pattern: repeating-linear-gradient(105deg, rgb(44 58 56 / 5%) 0 1px, transparent 1px 14px);--surface-pattern-size: auto;--surface-pattern-opacity: .55;--card-glow: 0 10px 30px rgb(44 58 56 / 14%);--theme-ring: rgb(74 139 123 / 34%);--hero-tint: linear-gradient(180deg, rgb(143 179 173 / 16%), transparent 46%);--decor-color: #cfe3dd}[data-theme=children]{color-scheme:light;--bg: #fffaf0;--bg-soft: #ffeeda;--bg-card: #ffffff;--bg-elevated: #ffffff;--text: #3c3a56;--text-soft: #5e5b7d;--text-muted: #918dae;--primary: #ff7b54;--primary-strong: #e85f39;--primary-soft: rgb(255 123 84 / 14%);--accent: #4dc3e8;--border: rgb(60 58 86 / 10%);--nav-bg: rgb(255 250 240 / 80%);--hero-overlay: rgb(40 24 60 / 38%);--hero-bg: radial-gradient(1000px 500px at 18% 12%, rgb(255 255 255 / 34%), transparent 58%), radial-gradient(760px 420px at 84% 24%, rgb(77 195 232 / 24%), transparent 60%), linear-gradient(135deg, #ffd166 0%, #ff7b54 34%, #e85aa8 66%, #6a5cff 100%);--badge-bg: rgb(255 255 255 / 86%);--code-bg: #fff2e2;--md-code-bg: #2c2745;--md-code-text: #f0e6d6;--md-inline-code: #e85f39;--md-inline-code-bg: rgb(255 123 84 / 14%);--scrollbar: rgb(60 58 86 / 22%);--font-display: var(--font-body);--surface-pattern: radial-gradient(4px 4px at 22% 28%, rgb(255 123 84 / 14%), transparent 60%), radial-gradient(3.4px 3.4px at 58% 66%, rgb(77 195 232 / 14%), transparent 60%), radial-gradient(3px 3px at 84% 32%, rgb(255 209 102 / 18%), transparent 60%);--surface-pattern-size: 72px 72px;--surface-pattern-opacity: .6;--card-glow: 0 10px 30px rgb(255 123 84 / 18%);--theme-ring: rgb(255 123 84 / 36%);--hero-tint: linear-gradient(180deg, rgb(255 209 102 / 16%), transparent 44%);--decor-color: #ffb45e}[data-theme=halloween]{color-scheme:dark;--bg: #150f1e;--bg-soft: #1d1528;--bg-card: #241a32;--bg-elevated: #241a32;--text: #f6e9dc;--text-soft: #d3bfa9;--text-muted: #9a83a8;--primary: #ff8a2b;--primary-strong: #ffa651;--primary-soft: rgb(255 138 43 / 16%);--accent: #8b5cf6;--border: rgb(246 233 220 / 12%);--nav-bg: rgb(21 15 30 / 76%);--hero-overlay: rgb(10 6 18 / 56%);--hero-bg: radial-gradient(700px 400px at 78% 14%, rgb(255 214 160 / 20%), transparent 60%), radial-gradient(900px 480px at 20% 86%, rgb(139 92 246 / 22%), transparent 62%), linear-gradient(135deg, #b3541e 0%, #4b2a6b 48%, #120a1a 100%);--badge-bg: rgb(21 15 30 / 66%);--code-bg: #1d1528;--md-code-bg: #150e20;--md-code-text: #e6d2b8;--md-inline-code: #ffa651;--md-inline-code-bg: rgb(255 138 43 / 16%);--scrollbar: rgb(246 233 220 / 22%);--shadow-sm: 0 2px 10px rgb(0 0 0 / 34%);--shadow: 0 8px 28px rgb(0 0 0 / 42%);--shadow-lg: 0 16px 48px rgb(0 0 0 / 52%);--font-display: var(--font-serif);--surface-pattern: repeating-linear-gradient(45deg, rgb(139 92 246 / 6%) 0 8px, transparent 8px 20px);--surface-pattern-size: auto;--surface-pattern-opacity: .5;--card-glow: 0 10px 32px rgb(255 138 43 / 22%);--theme-ring: rgb(255 138 43 / 40%);--hero-tint: linear-gradient(180deg, rgb(75 42 107 / 22%), transparent 46%);--decor-color: #ffb45e}[data-theme=dongzhi]{color-scheme:light;--bg: #eef2f8;--bg-soft: #e1e9f3;--bg-card: #fbfdff;--bg-elevated: #fbfdff;--text: #22303f;--text-soft: #455667;--text-muted: #7f90a3;--primary: #3f6fb5;--primary-strong: #2f5894;--primary-soft: rgb(63 111 181 / 12%);--accent: #e8a33d;--border: rgb(34 48 63 / 10%);--nav-bg: rgb(238 242 248 / 80%);--hero-overlay: rgb(14 26 40 / 46%);--hero-bg: radial-gradient(1000px 500px at 20% 14%, rgb(255 255 255 / 34%), transparent 58%), radial-gradient(900px 480px at 82% 86%, rgb(232 163 61 / 18%), transparent 62%), linear-gradient(135deg, #6fa8dc 0%, #3f6fb5 46%, #16283f 100%);--badge-bg: rgb(251 253 255 / 86%);--code-bg: #e5ecf6;--md-code-bg: #182437;--md-code-text: #d7e2f0;--md-inline-code: #2f5894;--md-inline-code-bg: rgb(63 111 181 / 12%);--scrollbar: rgb(34 48 63 / 24%);--font-display: var(--font-body);--surface-pattern: radial-gradient(2px 2px at 26% 30%, rgb(255 255 255 / 90%), transparent 60%), radial-gradient(1.6px 1.6px at 72% 70%, rgb(215 231 248 / 90%), transparent 60%);--surface-pattern-size: 64px 64px;--surface-pattern-opacity: .5;--card-glow: 0 10px 30px rgb(63 111 181 / 16%);--theme-ring: rgb(63 111 181 / 34%);--hero-tint: linear-gradient(180deg, rgb(111 168 220 / 14%), transparent 46%);--decor-color: #cfe0f5}.festival-decor{position:fixed;inset:0;z-index:var(--z-decor, 55);overflow:hidden;pointer-events:none}.fall-layer span{position:absolute;top:-10vh;font-size:15px;line-height:1;opacity:0;color:var(--fall-color, currentColor);animation:festival-fall linear infinite;will-change:transform}@keyframes festival-fall{0%{transform:translate3d(0,-10vh,0) rotate(0);opacity:0}10%{opacity:var(--fall-opacity, .75)}88%{opacity:var(--fall-opacity, .75)}to{transform:translate3d(var(--fall-drift, 6vw),110vh,0) rotate(var(--fall-spin, 320deg));opacity:0}}.rise-layer>*{position:absolute;bottom:-14vh;opacity:0;animation-name:festival-rise;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--rise-dur, 22s);animation-delay:var(--rise-delay, 0s);will-change:transform}@keyframes festival-rise{0%{transform:translateZ(0) scale(.86);opacity:0}12%{opacity:var(--rise-opacity, .8)}82%{opacity:calc(var(--rise-opacity, .8) * .72)}to{transform:translate3d(var(--rise-drift, 3vw),-118vh,0) scale(1.06);opacity:0}}@keyframes rise-sway{0%{translate:-8px 0}to{translate:8px 0}}.rise-bubble{border-radius:50%;border:1px solid rgb(255 255 255 / 48%);background:radial-gradient(circle at 32% 28%,rgb(255 255 255 / 70%),rgb(255 255 255 / 8%) 44%,transparent 70%);animation-name:festival-rise,rise-sway;animation-duration:var(--rise-dur, 22s),3.6s;animation-timing-function:linear,ease-in-out;animation-direction:normal,alternate}.rise-glyph{font-size:16px;line-height:1;color:var(--rise-color, var(--accent));text-shadow:0 0 12px var(--rise-color, currentColor)}.rise-balloon{width:22px;height:27px;border-radius:50% 50% 46% 46%/56% 56% 44% 44%;background:radial-gradient(circle at 32% 26%,rgb(255 255 255 / 72%),var(--balloon, #ff7b54) 60%);box-shadow:0 4px 14px #0000001f;animation-name:festival-rise,rise-sway;animation-duration:var(--rise-dur, 22s),4.2s;animation-timing-function:linear,ease-in-out;animation-direction:normal,alternate}.rise-balloon:after{content:"";position:absolute;left:50%;top:100%;width:1px;height:26px;background:linear-gradient(180deg,rgb(128 128 128 / 55%),transparent);transform:translate(-50%)}.sky-lantern{width:20px;height:26px;border-radius:50% 50% 46% 46%/60% 60% 40% 40%;background:radial-gradient(circle at 50% 78%,#fff3c4,#f5b942 62%,#d98f22);box-shadow:0 0 18px #ffc45c8c}.sky-lantern:after{content:"";position:absolute;left:50%;bottom:-5px;width:6px;height:5px;border-radius:2px;background:#ff8a3cd9;transform:translate(-50%)}.rain-layer i{position:absolute;top:-20vh;width:1px;height:42px;opacity:0;border-radius:1px;background:linear-gradient(180deg,transparent,var(--rain-color, rgb(160 190 200 / 70%)));animation:festival-rain linear infinite;will-change:transform}@keyframes festival-rain{0%{transform:translate3d(0,-20vh,0);opacity:0}14%{opacity:.7}92%{opacity:.35}to{transform:translate3d(var(--rain-slant, -6vw),122vh,0);opacity:0}}.lantern{position:absolute;top:0;width:44px;transform-origin:top center;animation:lantern-swing 4.8s ease-in-out infinite alternate}.lantern.left{left:4vw}.lantern.right{right:4vw;animation-delay:-1.8s}.lantern .cord{display:block;width:2px;height:30px;margin:0 auto;background:linear-gradient(180deg,transparent,#c8a24a)}.lantern .body{position:relative;display:block;height:50px;border-radius:50%/42%;background:radial-gradient(circle at 34% 28%,#ff9070,#d92b2b 56%,#9d1a15);box-shadow:0 0 24px #ff7a546b,inset 0 -6px 12px #0000003d}.lantern .body:before,.lantern .body:after{content:"";position:absolute;left:50%;width:22px;height:6px;border-radius:3px;background:#e8c274;transform:translate(-50%)}.lantern .body:before{top:-3px}.lantern .body:after{bottom:-3px}.lantern .glyph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:16px;font-weight:700;color:#ffe6a8;text-shadow:0 1px 2px rgb(90 20 10 / 60%)}.lantern .tassel{display:block;width:2px;height:18px;margin:0 auto;background:linear-gradient(180deg,#e8c274,transparent)}@keyframes lantern-swing{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}.zongzi{position:absolute;top:0;width:40px;transform-origin:top center;animation:lantern-swing 5.6s ease-in-out infinite alternate}.zongzi.left{left:5vw}.zongzi.right{right:5vw;animation-delay:-2.2s}.zongzi .cord{display:block;width:2px;height:42px;margin:0 auto;background:linear-gradient(180deg,transparent,#7fae8c)}.zongzi .leaf{position:relative;display:block;width:38px;height:34px;margin:0 auto;background:linear-gradient(150deg,#4f9a63,#2c6b41 62%,#1f5231);clip-path:polygon(50% 0%,100% 100%,0% 100%);filter:drop-shadow(0 4px 8px rgb(20 60 38 / 32%))}.zongzi .leaf:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgb(255 255 255 / 12%) 0 2px,transparent 2px 9px);clip-path:polygon(50% 0%,100% 100%,0% 100%)}.zongzi .knot{display:block;width:8px;height:8px;margin:-4px auto 0;border-radius:50%;background:#e0a63c;box-shadow:0 0 10px #e0a63c99}.milky-way{position:absolute;top:-14vh;left:-10vw;right:-10vw;height:46vh;transform:rotate(-11deg);background:linear-gradient(100deg,transparent 12%,rgb(176 124 255 / 12%) 38%,rgb(255 255 255 / 16%) 50%,rgb(255 122 184 / 12%) 62%,transparent 88%);filter:blur(18px);animation:milky-flow 18s ease-in-out infinite alternate}@keyframes milky-flow{0%{opacity:.5;transform:rotate(-11deg) translate(-2vw)}to{opacity:.95;transform:rotate(-9deg) translate(2vw)}}.crescent{position:absolute;top:92px;right:7vw;width:64px;height:64px;border-radius:50%;background:transparent;box-shadow:-16px 10px 0 2px #fff0c8e0,-16px 10px 26px 6px #e2a0ff42;animation:crescent-glow 6s ease-in-out infinite alternate}@keyframes crescent-glow{0%{opacity:.72}to{opacity:1}}.moon{position:absolute;top:84px;right:7vw;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 36% 32%,#fff9e6,#f7e0aa 56%,#e3c583);box-shadow:0 0 48px #ffe2a075,0 0 130px #ffe2a038;animation:moon-breathe 7.5s ease-in-out infinite alternate}.moon .spot{position:absolute;border-radius:50%;background:#ceaa6c61}.moon .spot.s1{width:22px;height:22px;top:26px;left:20px}.moon .spot.s2{width:13px;height:13px;top:54px;left:52px}.moon .spot.s3{width:9px;height:9px;top:22px;left:60px}.moon .rabbit{position:absolute;right:16px;bottom:14px;width:26px;height:19px;border-radius:50% 50% 44% 44%;background:#b28d588c}.moon .rabbit:before,.moon .rabbit:after{content:"";position:absolute;top:-13px;width:6px;height:15px;border-radius:4px;background:#b28d588c}.moon .rabbit:before{left:5px;transform:rotate(-12deg)}.moon .rabbit:after{left:14px;transform:rotate(10deg)}@keyframes moon-breathe{0%{transform:scale(.98);opacity:.9}to{transform:scale(1.03);opacity:1}}.bunting{position:absolute;top:0;left:0;right:0;height:46px;display:flex;justify-content:center;gap:16px}.bunting span{position:relative;width:26px;height:34px;background:linear-gradient(160deg,var(--flag-1, #ef4136),var(--flag-2, #c81f1a));clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top center;box-shadow:0 3px 8px #9614103d;animation:flag-wave 3.2s ease-in-out infinite alternate}.bunting span:after{content:"★";position:absolute;top:4px;left:50%;font-size:10px;color:var(--flag-star, #ffd84d);transform:translate(-50%)}@keyframes flag-wave{0%{transform:rotate(-4deg) skew(-2deg)}to{transform:rotate(4deg) skew(2deg)}}.firework{position:absolute;width:4px;height:4px;color:var(--spark-color, #ffd84d)}.firework i{position:absolute;top:0;left:50%;width:2px;height:22px;margin-left:-1px;border-radius:2px;background:currentColor;transform-origin:50% 0;opacity:0;animation:spark-burst 2.6s ease-out infinite;animation-delay:var(--fw-delay, 0s);box-shadow:0 0 8px currentColor}@keyframes spark-burst{0%{opacity:0;transform:rotate(calc(var(--i) * 30deg)) translateY(0) scaleY(.2)}12%{opacity:1}70%{opacity:.5}to{opacity:0;transform:rotate(calc(var(--i) * 30deg)) translateY(74px) scaleY(.35)}}.garland{position:absolute;top:0;left:0;right:0;height:40px}.garland:before{content:"";position:absolute;inset:0 0 auto;height:16px;background:radial-gradient(circle at 12px 10px,var(--garland-band, #1f6b45) 8px,transparent 9px) repeat-x,linear-gradient(180deg,rgb(0 0 0 / 22%),transparent);background-size:26px 16px,100% 100%}.garland span{position:absolute;top:14px;width:7px;height:10px;border-radius:50% 50% 46% 46%;background:var(--bulb, #e0453c);box-shadow:0 0 10px var(--bulb, #e0453c);animation:bulb-blink 2.2s ease-in-out infinite alternate}@keyframes bulb-blink{0%{opacity:.35}to{opacity:1}}.icicles{position:absolute;top:0;left:0;right:0;height:34px;display:flex;justify-content:space-between;padding:0 2vw}.icicles i{width:9px;height:var(--ice-h, 26px);background:linear-gradient(180deg,#ffffffeb,#c4def58c);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top center;animation:ice-drip 5.4s ease-in-out infinite alternate}@keyframes ice-drip{0%{transform:scaleY(.92)}to{transform:scaleY(1.06)}}.willow{position:absolute;top:0;display:flex;gap:7px;transform-origin:top center;animation:willow-sway 6.4s ease-in-out infinite alternate}.willow.left{left:3vw}.willow.right{right:3vw;animation-delay:-2.6s}.willow i{width:3px;height:var(--branch-h, 120px);border-radius:0 0 6px 6px;background:radial-gradient(circle at 50% 12px,var(--leaf-color, #7ba86f) 2.6px,transparent 3px) repeat-y,linear-gradient(180deg,#86a06a,transparent);background-size:6px 22px,100% 100%;opacity:.85}@keyframes willow-sway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}.pumpkin{position:absolute;right:4px;bottom:38vh;width:74px;height:62px;transform-origin:right center;scale:.52;border-radius:48% 48% 44% 44%;background:radial-gradient(circle at 30% 34%,rgb(255 255 255 / 26%),transparent 46%),linear-gradient(180deg,#ff9b3d,#e06a12 62%,#a94b06);box-shadow:0 0 34px #ff8a2b66,inset -9px 0 16px #0003,inset 9px 0 16px #0000001f;animation:pumpkin-breathe 4.6s ease-in-out infinite alternate}.pumpkin:before{content:"";position:absolute;top:-12px;left:50%;width:10px;height:14px;margin-left:-5px;border-radius:4px;background:linear-gradient(180deg,#6f9a4f,#3f6b34)}.pumpkin .eye{position:absolute;top:18px;width:14px;height:11px;background:#ffe8a0eb;clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 0 6px rgb(255 214 120 / 80%))}.pumpkin .eye.left{left:13px}.pumpkin .eye.right{right:13px}.pumpkin .mouth{position:absolute;bottom:12px;left:50%;width:42px;height:12px;margin-left:-21px;background:#ffe8a0eb;clip-path:polygon(0 0,18% 60%,36% 0,54% 60%,72% 0,90% 60%,100% 0,100% 100%,0 100%);filter:drop-shadow(0 0 8px rgb(255 214 120 / 70%))}@keyframes pumpkin-breathe{0%{transform:scale(.98)}to{transform:scale(1.03)}}.bat{position:absolute;top:var(--bat-top, 22vh);left:0;display:flex;color:#1d1322;animation:bat-fly linear infinite;animation-delay:var(--bat-delay, 0s);will-change:transform}.bat i{display:block;width:15px;height:9px}.bat i:last-child{transform:scaleX(-1)}.bat b{display:block;width:15px;height:9px;background:currentColor;clip-path:polygon(0 0,100% 42%,62% 100%,38% 42%);transform-origin:right center;animation:bat-flap .42s ease-in-out infinite alternate}.bat i:last-child b{animation-duration:.36s}@keyframes bat-flap{0%{transform:rotate(-16deg) scaleY(1)}to{transform:rotate(12deg) scaleY(.42)}}@keyframes bat-fly{0%{transform:translate3d(108vw,0,0) scale(var(--bat-scale, 1));opacity:0}8%{opacity:.9}50%{transform:translate3d(52vw,var(--bat-lift, -9vh),0) scale(var(--bat-scale, 1))}92%{opacity:.9}to{transform:translate3d(-16vw,0,0) scale(var(--bat-scale, 1));opacity:0}}@media(max-width:1024px){.pumpkin{display:none}}@media(max-width:720px){.moon{top:108px;right:5vw;transform-origin:top right;scale:.68}.lantern,.zongzi,.willow{scale:.82}}@media(prefers-reduced-motion:reduce){.fall-layer span,.rise-layer>*,.rain-layer i,.lantern,.zongzi,.milky-way,.crescent,.moon,.bunting span,.firework i,.garland span,.icicles i,.willow,.willow i,.pumpkin,.bat,.bat b{animation:none}.fall-layer span,.rise-layer>*,.rain-layer i,.bat{opacity:0}}.bg-fx{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.bg-fx canvas{display:block;width:100%;height:100%}.bg-fx.aurora:before,.bg-fx.aurora:after{content:"";position:absolute;width:62vmax;height:62vmax;border-radius:50%;filter:blur(72px);opacity:.26;will-change:transform}.bg-fx.aurora:before{top:-18vmax;left:-14vmax;background:radial-gradient(circle at 50% 50%,var(--primary),transparent 66%);animation:aurora-a 26s ease-in-out infinite alternate}.bg-fx.aurora:after{right:-18vmax;bottom:-22vmax;background:radial-gradient(circle at 50% 50%,var(--accent),transparent 66%);animation:aurora-b 32s ease-in-out infinite alternate}@keyframes aurora-a{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(14vmax,10vmax,0) scale(1.18)}}@keyframes aurora-b{0%{transform:translateZ(0) scale(1.1)}to{transform:translate3d(-12vmax,-14vmax,0) scale(.94)}}.bg-fx.grid{background-image:linear-gradient(to right,var(--border) 1px,transparent 1px),linear-gradient(to bottom,var(--border) 1px,transparent 1px);background-size:46px 46px;opacity:.6}.bg-fx.grid:after{content:"";position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 42%,var(--primary-soft) 50%,transparent 58%);animation:grid-sweep 14s linear infinite}@keyframes grid-sweep{0%{transform:translate3d(-24%,-12%,0)}to{transform:translate3d(24%,12%,0)}}@media(prefers-reduced-motion:reduce){.bg-fx.aurora:before,.bg-fx.aurora:after,.bg-fx.grid:after{animation:none}}html[data-mp-skin=minimal]{--mp-fill: var(--bg-card);--mp-radius: 12px}html[data-mp-skin=minimal] .mp-glass{background:var(--bg-card);border:1px solid var(--border);box-shadow:0 1px 3px #0000000d;backdrop-filter:none;-webkit-backdrop-filter:none}html[data-mp-skin=minimal] .mp-glass:before,html[data-mp-skin=minimal] .mp-glass:after{display:none}html[data-mp-skin=minimal] .mp-panel,html[data-mp-skin=minimal] .mp-card,html[data-mp-skin=minimal] .mp-pill,html[data-mp-skin=minimal] .mp-caption-in{border-radius:var(--mp-radius)}html[data-mp-skin=minimal] .mp-disc{border-radius:9px;background:var(--bg-soft);box-shadow:none}html[data-mp-skin=minimal] .mp-disc:after{display:none}html[data-mp-skin=minimal] .mp-disc.is-spin img{animation:none}html[data-mp-skin=minimal] .mp-tabs{padding:0;background:transparent;box-shadow:none;border-bottom:1px solid var(--border);border-radius:0}html[data-mp-skin=minimal] .mp-tabs button{border-radius:0;box-shadow:none}html[data-mp-skin=minimal] .mp-tabs button.on{background:transparent;color:var(--primary);box-shadow:inset 0 -2px 0 var(--primary)}html[data-mp-skin=minimal] .mp-count{background:transparent;box-shadow:inset 0 0 0 1px var(--border)}html[data-mp-skin=minimal] .mp-cover{border-radius:6px;box-shadow:none}html[data-mp-skin=minimal] .mp-row:hover .mp-cover{transform:none}html[data-mp-skin=minimal] .mp-row.on{background:transparent;box-shadow:inset 2px 0 0 var(--primary)}html[data-mp-skin=minimal] .mp-lyric{background:none;border-radius:0}html[data-mp-skin=minimal] .mp-lyric p.on{background:transparent;box-shadow:inset 0 0 0 1px var(--primary)}html[data-mp-skin=minimal] .mp-bar,html[data-mp-skin=minimal] .mp-vbar{height:2px;background:var(--border)}html[data-mp-skin=minimal] .mp-bar i{background:var(--primary)}html[data-mp-skin=minimal] .mp-bar b{width:8px;height:8px;margin:-4px 0 0 -4px;border-width:1.5px}html[data-mp-skin=minimal] .mp-c,html[data-mp-skin=minimal] .mp-ib{border-radius:6px}html[data-mp-skin=minimal] .mp-c.is-play{background:transparent;color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}html[data-mp-skin=minimal] .mp-c.is-play:hover{background:var(--primary-soft);color:var(--primary)}html[data-mp-skin=minimal] .mp-tag{border-radius:4px;background:transparent;color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}html[data-mp-skin=minimal] .mp-vol{border-top-color:var(--border)}html[data-mp-skin=vinyl]{--mp-card-h: 248px;--mp-fill: color-mix(in srgb, var(--bg-card) 90%, transparent);--mp-panel-h: clamp(208px, 34vh, 312px)}html[data-mp-skin=vinyl] .mp-card{padding:14px}html[data-mp-skin=vinyl] .mp-top{position:relative;gap:14px}html[data-mp-skin=vinyl] .mp-disc{width:88px;height:88px;background:repeating-radial-gradient(circle at 50% 50%,rgb(255 255 255 / 5%) 0 1px,transparent 1px 4px),radial-gradient(circle at 32% 26%,rgb(255 255 255 / 14%),transparent 46%),radial-gradient(circle at 50% 50%,#3a3f4b 0 34%,#1d2027 35% 100%);box-shadow:0 10px 24px #00000047,inset 0 0 0 1px #ffffff1a}html[data-mp-skin=vinyl] .mp-disc img{width:46%;height:46%;border-radius:50%;box-shadow:0 0 0 2px #00000038}html[data-mp-skin=vinyl] .mp-disc:after{background:var(--bg-card);box-shadow:0 0 0 2px #0000004d}html[data-mp-skin=vinyl] .mp-top:after{content:"";position:absolute;left:72px;top:-4px;width:3px;height:58px;border-radius:2px;background:linear-gradient(180deg,var(--text-soft),var(--text-muted));box-shadow:0 -3px 0 -1px var(--text-soft);transform-origin:50% 6px;transform:rotate(8deg);opacity:.5;pointer-events:none;transition:transform var(--transition),opacity var(--transition)}html[data-mp-skin=vinyl] .mp-card:has(.mp-disc.is-spin) .mp-top:after{transform:rotate(26deg);opacity:.8}html[data-mp-skin=vinyl] .mp-name{font-family:var(--font-display);font-size:14px}html[data-mp-skin=vinyl] .mp-c{width:34px;height:34px}html[data-mp-skin=vinyl] .mp-c.is-play{width:44px;height:44px}html[data-mp-skin=vinyl] .mp-bar i{background:linear-gradient(90deg,var(--accent),var(--primary))}html[data-mp-skin=vinyl] .mp-vol{border-top-style:solid;border-top-color:var(--glass-line)}html[data-mp-skin=cassette]{--mp-card-h: 216px;--mp-radius: 10px;--mp-panel-h: clamp(216px, 38vh, 344px)}html[data-mp-skin=cassette] .mp-panel,html[data-mp-skin=cassette] .mp-card,html[data-mp-skin=cassette] .mp-pill,html[data-mp-skin=cassette] .mp-caption-in{border-radius:var(--mp-radius)}html[data-mp-skin=cassette] .mp-card{padding:12px 12px 14px}html[data-mp-skin=cassette] .mp-top{position:relative;padding:8px 10px;border-radius:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 18%,transparent),color-mix(in srgb,var(--accent) 9%,transparent));box-shadow:inset 0 0 0 1px var(--glass-line)}html[data-mp-skin=cassette] .mp-top:after{content:"a面";position:absolute;right:10px;top:-7px;padding:0 5px;border-radius:3px;background:var(--bg-card);color:var(--text-muted);font-size:9px;letter-spacing:1px;line-height:1.5}html[data-mp-skin=cassette] .mp-disc{width:82px;height:34px;border-radius:6px;background:linear-gradient(180deg,#00000042,#0000001f),repeating-linear-gradient(90deg,rgb(255 255 255 / 6%) 0 2px,transparent 2px 5px);box-shadow:inset 0 0 0 1px #ffffff1f,0 1px 2px #0000002e}html[data-mp-skin=cassette] .mp-disc img,html[data-mp-skin=cassette] .mp-disc>span{display:none}html[data-mp-skin=cassette] .mp-disc:before,html[data-mp-skin=cassette] .mp-disc:after{content:"";position:absolute;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:conic-gradient(from 0deg,rgb(255 255 255 / 42%) 0 12deg,transparent 12deg 90deg,rgb(255 255 255 / 42%) 90deg 102deg,transparent 102deg 180deg,rgb(255 255 255 / 42%) 180deg 192deg,transparent 192deg 270deg,rgb(255 255 255 / 42%) 270deg 282deg,transparent 282deg 360deg),radial-gradient(circle,var(--bg-card) 0 22%,#6b7280 23% 100%);animation:mp-spin 2.6s linear infinite;animation-play-state:paused}html[data-mp-skin=cassette] .mp-disc:before{left:6px}html[data-mp-skin=cassette] .mp-disc:after{left:auto;right:6px;width:22px;height:22px;margin:-11px 0 0;background:conic-gradient(from 0deg,rgb(255 255 255 / 42%) 0 12deg,transparent 12deg 90deg,rgb(255 255 255 / 42%) 90deg 102deg,transparent 102deg 180deg,rgb(255 255 255 / 42%) 180deg 192deg,transparent 192deg 270deg,rgb(255 255 255 / 42%) 270deg 282deg,transparent 282deg 360deg),radial-gradient(circle,var(--bg-card) 0 22%,#6b7280 23% 100%);box-shadow:none}html[data-mp-skin=cassette] .mp-disc.is-spin:before,html[data-mp-skin=cassette] .mp-disc.is-spin:after{animation-play-state:running}html[data-mp-skin=cassette] .mp-disc.is-spin:after{animation-direction:reverse}html[data-mp-skin=cassette] .mp-lyric,html[data-mp-skin=cassette] .mp-list{scrollbar-color:var(--text-muted) transparent}html[data-mp-skin=cassette] .mp-bar,html[data-mp-skin=cassette] .mp-vbar{height:6px;border-radius:3px}html[data-mp-skin=cassette] .mp-bar i{background:repeating-linear-gradient(90deg,var(--primary) 0 6px,var(--accent) 6px 10px)}html[data-mp-skin=cassette] .mp-c{border-radius:6px}html[data-mp-skin=cassette] .mp-c.is-play{border-radius:8px;box-shadow:0 3px color-mix(in srgb,var(--primary-strong) 70%,transparent)}html[data-mp-skin=cassette] .mp-c.is-play:active{transform:translateY(2px) scale(.98);box-shadow:none}html[data-mp-skin=cassette] .mp-tag{border-radius:4px}html[data-mp-skin=bar]{--mp-card-h: 64px;--mp-pill-h: 56px;--mp-panel-h: min(56vh, 420px)}html[data-mp-skin=bar] .mp-dock{left:0;right:0;bottom:0;width:auto;gap:0}html[data-mp-skin=bar] body:has(.mp-dock.is-open){--mp-dock-space: var(--mp-card-h)}html[data-mp-skin=bar] .app-footer{padding-bottom:calc(38px + var(--mp-card-h) + 18px + env(safe-area-inset-bottom))}html[data-mp-skin=bar] body:has(.mp-caption) .app-footer{padding-bottom:calc(38px + var(--mp-card-h) + var(--mp-cap-space) + 18px + env(safe-area-inset-bottom))}@media(min-width:1024px){html[data-mp-skin=bar] body:has(.mp-dock.is-open):has(.toc) .toc{max-height:max(120px,calc(100vh - var(--nav-height) - 60px - var(--mp-card-h) - var(--mp-panel-h) - var(--mp-gap) - var(--mp-cap-space) - 24px - env(safe-area-inset-bottom)))}}html[data-mp-skin=bar] .mp-panel{position:absolute;right:16px;bottom:calc(var(--mp-card-h) + var(--mp-cap-space) + 8px);width:min(340px,calc(100vw - 32px))}html[data-mp-skin=bar] .mp-card{position:relative;display:grid;grid-template-columns:minmax(140px,260px) auto minmax(120px,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:14px;height:var(--mp-card-h);padding:0 16px;border-bottom:none;border-radius:0}html[data-mp-skin=bar] .mp-top{grid-area:1 / 1 / 3 / 2}html[data-mp-skin=bar] .mp-ctrls{grid-area:1 / 2 / 3 / 3;gap:2px;margin-top:0}html[data-mp-skin=bar] .mp-time{grid-area:1 / 3 / 2 / 4;margin-top:0}html[data-mp-skin=bar] .mp-bar{grid-area:2 / 3 / 3 / 4;margin-top:3px}html[data-mp-skin=bar] .mp-vol{grid-area:1 / 4 / 3 / 5;margin-top:0;padding-top:0;border-top:none}html[data-mp-skin=bar] .mp-disc{width:38px;height:38px;border-radius:8px;background:var(--bg-soft);box-shadow:none}html[data-mp-skin=bar] .mp-disc:after{display:none}html[data-mp-skin=bar] .mp-disc img{border-radius:8px}html[data-mp-skin=bar] .mp-pill{height:var(--mp-pill-h);padding:0 16px;border-bottom:none;border-radius:0}html[data-mp-skin=bar] .mp-caption{right:20px;bottom:calc(var(--mp-card-h) + 12px + env(safe-area-inset-bottom));left:20px}html[data-mp-skin=bar] body:has(.mp-dock) .back-top{right:20px;bottom:calc(var(--mp-card-h) + 16px + var(--mp-cap-space) + env(safe-area-inset-bottom))}@media(max-width:720px){html[data-mp-skin=bar] .mp-card{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:none;padding:0 10px}html[data-mp-skin=bar] .mp-caption{right:10px;left:10px}html[data-mp-skin=bar] .mp-vol{display:none}html[data-mp-skin=bar] .mp-top{grid-area:1 / 1 / 2 / 2}html[data-mp-skin=bar] .mp-ctrls{grid-area:1 / 2 / 2 / 3}html[data-mp-skin=bar] .mp-time{display:none}html[data-mp-skin=bar] .mp-bar{position:absolute;left:0;right:0;top:0;width:auto;height:3px;margin:0;border-radius:0}html[data-mp-skin=bar] .mp-bar:before{inset:0 0 -8px}html[data-mp-skin=bar] .mp-panel{right:10px;left:10px;width:auto}}@media(prefers-reduced-motion:reduce){html[data-mp-skin=cassette] .mp-disc:before,html[data-mp-skin=cassette] .mp-disc:after,html[data-mp-skin=vinyl] .mp-top:after{animation:none;transition:none}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background var(--transition),color var(--transition)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}::selection{background:var(--primary);color:#fff}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:8px}::-webkit-scrollbar-track{background:transparent}.layout{min-height:100vh;display:flex;flex-direction:column}.container{width:min(var(--layout-width),calc(100% - var(--gutter) * 2));margin:0 auto}.container-narrow{width:min(var(--layout-narrow),calc(100% - var(--gutter) * 2));margin:0 auto}.theme-surface{position:fixed;inset:0;z-index:var(--z-bg);pointer-events:none;background-image:var(--surface-pattern);background-size:var(--surface-pattern-size);opacity:var(--surface-pattern-opacity)}.page-body{flex:1;position:relative;z-index:var(--z-page);padding:calc(var(--nav-height) + var(--gap-lg)) 0 64px}.page-title{margin:0 0 8px;font-family:var(--font-display);font-size:clamp(26px,3.4vw,32px);font-weight:700;letter-spacing:.5px}.page-subtitle{margin:0 0 var(--gap-lg);color:var(--text-muted);font-size:14px}.app-header{position:fixed;inset:0 0 auto;z-index:var(--z-header);height:var(--nav-height);display:flex;align-items:center;background:transparent;transition:background var(--transition),box-shadow var(--transition),backdrop-filter var(--transition)}.app-header:before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;background:linear-gradient(180deg,rgb(0 0 0 / 42%),rgb(0 0 0 / 8%) 65%,transparent);transition:opacity var(--transition)}.app-header:not(.is-solid):before{opacity:1}.app-header.is-solid{background:var(--nav-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--border)}.header-progress{position:absolute;left:0;bottom:0;height:2px;width:var(--progress, 0%);border-radius:0 2px 2px 0;background:linear-gradient(90deg,var(--primary),var(--accent));box-shadow:0 0 8px var(--primary-soft);transition:width .12s linear}.app-header .container{display:flex;align-items:center;gap:20px}.app-logo{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;letter-spacing:1px;color:var(--header-text, var(--text))}@media(min-width:861px){.app-header:not(.is-solid) .app-logo,.app-header:not(.is-solid) .app-nav a{text-shadow:0 1px 8px rgb(0 0 0 / 55%)}}.app-header.is-solid .app-logo{color:var(--text)}.app-logo img{width:30px;height:30px;border-radius:8px}.app-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.app-nav a{padding:7px 13px;border-radius:999px;font-size:14px;color:var(--header-text, var(--text-soft));transition:background var(--transition-fast),color var(--transition-fast)}.app-header.is-solid .app-nav a{color:var(--text-soft)}.app-nav a:hover,.app-nav a.router-link-active{background:var(--primary-soft);color:var(--primary)}.app-nav a.router-link-active{font-weight:600}.app-header-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:var(--header-text, var(--text-soft));font-size:17px;transition:background var(--transition-fast),color var(--transition-fast)}.icon-btn svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app-header.is-solid .icon-btn{color:var(--text-soft)}.icon-btn:hover{background:var(--primary-soft);color:var(--primary)}.nav-more{position:relative;display:inline-flex}.nav-more-trigger{padding:7px 13px;border:none;border-radius:999px;background:transparent;color:var(--header-text, var(--text-soft));font-size:14px;transition:background var(--transition-fast),color var(--transition-fast)}.app-header.is-solid .nav-more-trigger{color:var(--text-soft)}.nav-more-trigger:hover,.nav-more-trigger.is-open{background:var(--primary-soft);color:var(--primary)}.nav-more-panel{position:absolute;top:40px;right:0;z-index:90;display:flex;flex-direction:column;gap:2px;min-width:132px;padding:8px}.nav-more-panel a{padding:8px 12px;border-radius:8px;font-size:14px;color:var(--text-soft)}.nav-more-panel a:hover,.nav-more-panel a.router-link-active{background:var(--primary-soft);color:var(--primary)}.mobile-menu-btn{display:none}@media(max-width:860px){.app-nav{position:fixed;top:var(--nav-height);right:0;left:0;flex-direction:column;align-items:stretch;padding:10px 20px 18px;background:var(--bg-card);box-shadow:var(--shadow);transform:translateY(-12px);opacity:0;pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast)}.app-nav.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.app-nav a{color:var(--text-soft);padding:10px 14px}.mobile-menu-btn{display:inline-flex}}.hero{position:relative;height:100vh;height:100svh;background:var(--hero-bg);min-height:560px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff}.hero:before{content:"";position:absolute;inset:0;z-index:1;background:var(--hero-tint);pointer-events:none}.hero-cover{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.04);animation:hero-zoom 14s ease-in-out infinite alternate}@keyframes hero-zoom{0%{transform:scale(1.04)}to{transform:scale(1.14)}}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--hero-overlay),transparent 42%,var(--hero-overlay))}.hero-inner{position:relative;z-index:2;text-align:center;padding:0 24px;max-width:900px}.hero-greeting{margin:0;font-family:var(--font-display);font-size:clamp(38px,7vw,76px);font-weight:900;letter-spacing:2px;text-shadow:0 4px 24px rgb(0 0 0 / 45%)}.hero-subtitle{margin:14px 0 0;font-size:15px;letter-spacing:3px;opacity:.86}.hero-notice{margin:18px auto 0;display:flex;width:fit-content;max-width:min(560px,90vw);align-items:center;gap:8px;padding:7px 16px;border:1px solid rgb(255 255 255 / 22%);border-radius:999px;background:#00000042;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:13px}.hero-notice .notice-icon{flex:none;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.hero-motto{margin:18px auto 0;display:flex;width:fit-content;max-width:100%;align-items:center;gap:10px;padding:10px 22px;border-radius:999px;background:#00000057;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:15px;letter-spacing:1px}.hero-motto .quote{font-size:20px;opacity:.85}.hero-motto-text{display:inline-flex;align-items:center;min-height:1.4em;white-space:normal}.hero-motto-caret{width:2px;height:1.05em;margin-left:3px;border-radius:1px;background:currentColor;animation:motto-caret 1s steps(1) infinite}@keyframes motto-caret{0%,55%{opacity:1}56%,to{opacity:0}}.hero-social{margin-top:26px;display:flex;justify-content:center;gap:14px}.hero-social a{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff29;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:17px;transition:transform var(--transition-fast),background var(--transition-fast)}.hero-social a:hover{transform:translateY(-3px) scale(1.06);background:var(--primary)}.hero-arrow{position:absolute;bottom:104px;z-index:3;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgb(255 255 255 / 26%);border-radius:50%;background:#ffffff1f;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 20px #0000002e;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.hero-arrow svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hero-arrow:hover{background:var(--primary);border-color:transparent}.hero-arrow:active{transform:scale(.93)}.hero-arrow:focus-visible{outline:2px solid rgb(255 255 255 / 72%);outline-offset:3px}.hero-arrow.prev{left:28px}.hero-arrow.prev:hover{transform:translate(-3px)}.hero-arrow.next{right:28px}.hero-arrow.next:hover{transform:translate(3px)}.hero-dots{position:absolute;bottom:118px;left:50%;transform:translate(-50%);z-index:3;display:flex;gap:8px}.hero-dot{width:8px;height:8px;padding:0;border:none;border-radius:999px;background:#ffffff73;cursor:pointer;transition:width var(--transition-fast),background var(--transition-fast)}.hero-dot.active{width:22px;background:#fff}@media(max-width:860px){.hero-dots{bottom:104px}.hero-arrow{bottom:96px;width:38px;height:38px}.hero-arrow.prev{left:14px}.hero-arrow.next{right:14px}}.hero-scroll{position:absolute;bottom:22px;left:50%;transform:translate(-50%);z-index:3;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:50%;background:transparent;color:#fff;cursor:pointer;animation:hero-bounce 1.8s ease-in-out infinite}.hero-scroll svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}@keyframes hero-bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,10px)}}.hero-wave{position:absolute;bottom:-1px;left:0;right:0;z-index:2;height:84px;line-height:0;overflow:hidden;pointer-events:none}.hero-wave-layer{position:absolute;bottom:0;left:0;width:200%;height:100%;display:block;will-change:transform;animation:hero-wave-drift linear infinite}.hero-wave-layer path{fill:var(--bg)}.hero-wave-layer.back{animation-duration:26s;opacity:.2}.hero-wave-layer.back path{fill:var(--primary)}.hero-wave-layer.mid{animation-duration:18s;animation-direction:reverse;opacity:.55}.hero-wave-layer.front{animation-duration:12s}@keyframes hero-wave-drift{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@media(max-width:860px){.hero-wave{height:56px}}@media(prefers-reduced-motion:reduce){.hero-wave-layer,.hero-cover{animation:none}}.danmaku-layer{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.danmaku-item{position:absolute;white-space:nowrap;padding:6px 16px;border-radius:999px;background:#00000042;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ffffffeb;font-size:14px;letter-spacing:1px;animation:danmaku-run linear forwards;will-change:transform}@keyframes danmaku-run{0%{transform:translate(0)}to{transform:translate(calc(-100vw - 100%))}}.article-card{position:relative;--card-media: 300px;display:grid;grid-template-columns:var(--card-media) minmax(0,1fr);gap:0;min-height:224px;margin-bottom:26px;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card);box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition)}.article-card:hover{transform:translateY(-4px);box-shadow:var(--card-glow)}.article-card-cover{position:relative;height:100%;min-height:210px;background-color:var(--bg-soft);transition:transform .6s var(--ease-out);background-image:radial-gradient(460px 240px at 18% 22%,var(--primary-soft),transparent 65%),radial-gradient(420px 220px at 82% 78%,rgb(255 122 144 / 14%),transparent 62%);background-size:cover;background-position:center}.article-card-cover.no-cover{display:flex;align-items:center;justify-content:center;background-image:radial-gradient(460px 240px at 18% 22%,var(--primary-soft),transparent 65%),radial-gradient(420px 220px at 82% 78%,rgb(255 122 144 / 18%),transparent 62%),linear-gradient(135deg,var(--bg-soft),var(--bg-card))}.article-card-cover.no-cover:before{content:"✎";font-size:40px;opacity:.24}.article-card-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,var(--bg-card))}.article-card:hover .article-card-cover{transform:scale(1.04)}.article-card--reverse{grid-template-columns:minmax(0,1fr) var(--card-media)}.article-card--reverse .article-card-cover{order:2}.article-card--reverse .article-card-cover:after{background:linear-gradient(270deg,transparent 55%,var(--bg-card))}.article-card-body{padding:26px 30px;display:flex;flex-direction:column;gap:12px;justify-content:center}.article-card-title{margin:0;overflow-wrap:anywhere;font-size:21px;font-weight:700;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--transition-fast)}.article-card:hover .article-card-title{color:var(--primary)}.article-card-summary{margin:0;color:var(--text-soft);font-size:14px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card-meta{display:flex;flex-wrap:wrap;gap:8px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 11px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:12px;line-height:1.6}.badge svg,.recommend-meta svg{width:13px;height:13px}.badge.plain{background:var(--bg-soft);color:var(--text-muted)}.badge.rec{background:var(--accent);color:#fff}@media(max-width:860px){.article-card,.article-card--reverse{grid-template-columns:minmax(0,1fr);min-height:0}.article-card-cover,.article-card--reverse .article-card-cover{min-height:170px;order:-1}.article-card-cover:after{background:linear-gradient(180deg,transparent 60%,var(--bg-card))}.article-card-body{padding:18px 20px 22px}}.recommend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:20px}.recommend-card{display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card);box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition)}.recommend-card:hover{transform:translateY(-4px);box-shadow:var(--card-glow)}.recommend-cover{position:relative;height:165px;background-color:var(--bg-soft);background-image:radial-gradient(320px 170px at 20% 24%,var(--primary-soft),transparent 65%),radial-gradient(300px 160px at 80% 76%,rgb(255 122 144 / 14%),transparent 62%);background-size:cover;background-position:center}.recommend-cover.no-cover{display:flex;align-items:center;justify-content:center;background-image:radial-gradient(320px 170px at 20% 24%,var(--primary-soft),transparent 65%),radial-gradient(300px 160px at 80% 76%,rgb(255 122 144 / 18%),transparent 62%),linear-gradient(135deg,var(--bg-soft),var(--bg-card))}.recommend-cover.no-cover:before{content:"✎";font-size:30px;opacity:.24}.recommend-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgb(0 0 0 / 38%))}.recommend-flag.rec{left:auto;right:10px;background:var(--primary)}.recommend-flag{position:absolute;top:10px;left:10px;z-index:1;padding:2px 11px;border-radius:999px;background:var(--accent);color:#fff;font-size:12px;letter-spacing:1px}.recommend-cat{position:absolute;right:10px;bottom:10px;z-index:1;padding:2px 11px;border-radius:999px;background:#0000006b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:12px}.recommend-body{display:flex;flex-direction:column;gap:8px;padding:15px 18px 17px}.recommend-title{margin:0;font-size:16px;font-weight:700;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--transition-fast)}.recommend-card:hover .recommend-title{color:var(--primary)}.recommend-summary{margin:0;color:var(--text-soft);font-size:13px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recommend-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--text-muted);font-size:12px}.card--hover{transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.card--hover:hover{transform:translateY(-3px);box-shadow:var(--card-glow);border-color:var(--primary)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:22px 24px}.section-title{display:flex;align-items:center;gap:10px;margin:0 0 20px;font-family:var(--font-display);font-size:20px;font-weight:700}.section-title:before{content:"";width:5px;height:20px;border-radius:4px;background:linear-gradient(180deg,var(--primary),var(--accent))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 26px;border:none;border-radius:999px;background:var(--primary);color:#fff;font-size:14px;letter-spacing:1px;box-shadow:0 6px 16px var(--primary-soft);transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.btn svg{width:15px;height:15px}.btn:hover{background:var(--primary-strong);transform:translateY(-1px);box-shadow:0 10px 22px var(--primary-soft)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.ghost{background:var(--bg-soft);color:var(--text-soft);box-shadow:none;border:1px solid var(--border)}.btn.ghost:hover{background:var(--primary-soft);color:var(--primary)}.btn.small{padding:6px 16px;font-size:13px}.load-more{display:flex;justify-content:center;padding:8px 0 4px}.input,.textarea,.select{width:100%;padding:9px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text);font-family:inherit;font-size:14px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus,.textarea:focus,.select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--theme-ring)}.textarea{resize:vertical;min-height:110px;line-height:1.7}.field{margin-bottom:14px}.field-label{display:block;margin-bottom:6px;color:var(--text-soft);font-size:13px}.app-footer{position:relative;z-index:var(--z-page);padding:34px 0 38px;transition:padding-bottom var(--transition);text-align:center;color:var(--text-muted);font-size:13px;background:var(--bg-soft);border-top:1px solid var(--border)}.app-footer:before{content:"";position:absolute;top:-1px;left:22%;right:22%;height:2px;background:linear-gradient(90deg,transparent,var(--primary),var(--accent),transparent);opacity:.45}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 20px;margin-bottom:16px;font-size:13px}.app-footer a{color:var(--text-muted);transition:color var(--transition-fast)}.app-footer a:hover{color:var(--primary)}.app-footer .line+.line{margin-top:8px}.masonry{column-gap:16px;column-width:240px}.masonry-item{break-inside:avoid;margin-bottom:16px;border-radius:var(--radius);overflow:hidden;background:var(--bg-card);box-shadow:var(--shadow-sm);cursor:zoom-in;transition:transform var(--transition),box-shadow var(--transition)}.masonry-item:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.lightbox{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;background:#000000d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lightbox img{max-width:92vw;max-height:88vh;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg)}.lightbox-close{position:absolute;top:22px;right:26px;border:none;width:42px;height:42px;border-radius:50%;background:#ffffff24;color:#fff;font-size:20px}.empty{padding:60px 0;text-align:center;color:var(--text-muted)}.empty .icon{font-size:42px;margin-bottom:10px}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,var(--bg-soft) 25%,var(--bg-card) 50%,var(--bg-soft) 75%);background-size:200% 100%;animation:skeleton 1.4s ease infinite}.skeleton-card{height:210px;margin-bottom:26px;border-radius:var(--radius-lg)}@media(max-width:860px){.skeleton-card{height:260px}}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.back-top{position:fixed;right:26px;bottom:36px;z-index:var(--z-float);width:var(--fab-size);height:var(--fab-size);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:50%;background:var(--bg-card);color:var(--primary);box-shadow:var(--shadow);transition:opacity var(--transition-fast),transform var(--transition-fast),background var(--transition-fast),color var(--transition-fast),right var(--transition),bottom var(--transition)}.back-top svg{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.back-top:hover{transform:translateY(-3px);background:var(--primary);color:#fff;border-color:transparent}.back-top:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.md-preview-wrap{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:30px 34px}@media(max-width:860px){.md-preview-wrap{padding:20px 18px}.md-preview-wrap .md-editor-preview table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.md-preview-wrap .md-editor-preview table th,.md-preview-wrap .md-editor-preview table td{white-space:nowrap}}.md-preview-wrap .md-editor{background:transparent}.md-preview-wrap .md-editor-preview.md-editor-preview{--md-theme-color: var(--text);--md-theme-color-reverse: var(--bg-card);--md-theme-color-hover: var(--primary);--md-theme-color-hover-inset: var(--border);--md-theme-link-color: var(--primary);--md-theme-link-hover-color: var(--primary-strong);--md-theme-border-color: var(--border);--md-theme-border-color-reverse: var(--text-muted);--md-theme-border-color-inset: var(--border);--md-theme-bg-color: var(--bg-card);--md-theme-bg-color-inset: var(--bg-soft);--md-theme-code-inline-color: var(--md-inline-code);--md-theme-code-inline-bg-color: var(--md-inline-code-bg);--md-theme-code-block-color: var(--md-code-text);--md-theme-code-block-bg-color: var(--md-code-bg);--md-theme-code-before-bg-color: var(--md-code-bg);--md-theme-radius-s: 5px;--md-theme-radius-m: 10px;color:var(--text);font-size:15px;line-height:1.9;font-family:var(--font-body)}.md-preview-wrap .md-editor-preview.md-editor-preview h1,.md-preview-wrap .md-editor-preview.md-editor-preview h2,.md-preview-wrap .md-editor-preview.md-editor-preview h3,.md-preview-wrap .md-editor-preview.md-editor-preview h4,.md-preview-wrap .md-editor-preview.md-editor-preview h5,.md-preview-wrap .md-editor-preview.md-editor-preview h6{color:var(--text);font-family:var(--font-display);font-weight:700;letter-spacing:.3px}.md-preview-wrap .md-editor-preview.md-editor-preview h2{position:relative;padding-left:13px}.md-preview-wrap .md-editor-preview.md-editor-preview h2:before{content:"";position:absolute;left:0;top:.3em;bottom:.3em;width:5px;border-radius:4px;background:linear-gradient(180deg,var(--primary),var(--accent))}.md-preview-wrap .md-editor-preview.md-editor-preview blockquote{margin:18px 0;padding:12px 18px;border-left:4px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--bg-soft);color:var(--text-soft)}.md-preview-wrap .md-editor-preview.md-editor-preview blockquote p{margin:0}.md-preview-wrap .md-editor-preview.md-editor-preview table th{background:var(--bg-soft);color:var(--text)}.md-preview-wrap .md-editor-preview.md-editor-preview table th,.md-preview-wrap .md-editor-preview.md-editor-preview table td,.md-preview-wrap .md-editor-preview.md-editor-preview a,.md-preview-wrap .md-editor-preview.md-editor-preview code{overflow-wrap:anywhere}.md-preview-wrap .md-editor-preview.md-editor-preview img{margin:8px auto;border-radius:var(--radius);box-shadow:var(--shadow-sm)}.md-preview-wrap .md-editor-preview.md-editor-preview hr{border-color:var(--border)}.md-preview-wrap .md-editor-preview.md-editor-preview code,.md-preview-wrap .md-editor-preview.md-editor-preview pre{font-family:var(--font-mono)}.md-preview-wrap .md-editor-preview.md-editor-preview .md-editor-code{margin:18px 0;border-radius:var(--radius);overflow:clip;box-shadow:var(--shadow-sm)}.md-preview-wrap .md-editor-preview.md-editor-preview .md-editor-code-head{top:var(--nav-height);z-index:55}.md-preview-wrap .md-editor-preview.md-editor-preview .md-editor-code pre code{border-radius:0}:root{--mp-dock-width: 300px;--mp-card-h: 196px;--mp-pill-h: 46px;--mp-panel-h: clamp(232px, 42vh, 392px);--mp-gap: 10px;--mp-cap-space: 0px;--mp-dock-space: 0px;--glass-blur: 20px;--glass-fill: color-mix(in srgb, var(--bg-card) 72%, transparent);--mp-fill: color-mix(in srgb, var(--bg-card) 84%, transparent);--glass-line: color-mix(in srgb, var(--text) 10%, transparent);--glass-hl: rgb(255 255 255 / 26%);--glass-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}body:has(.mp-caption){--mp-cap-space: 74px}body:has(.mp-dock){--mp-dock-space: var(--mp-card-h)}body:has(.mp-dock.is-pill){--mp-dock-space: var(--mp-pill-h)}body:has(.mp-dock.is-open){--mp-dock-space: calc(var(--mp-card-h) + var(--mp-panel-h) + var(--mp-gap))}body:has(.mp-dock),body:has(.mp-caption){padding-bottom:env(safe-area-inset-bottom)}body:has(.mp-caption) .app-footer{padding-bottom:calc(38px + var(--mp-cap-space))}.mp-glass{position:relative;background:linear-gradient(var(--glass-fill),var(--glass-fill)) padding-box,linear-gradient(155deg,var(--glass-hl),transparent 42%,var(--glass-line)) border-box;border:1px solid transparent;box-shadow:var(--shadow),inset 0 -1px #0000000d;backdrop-filter:blur(var(--glass-blur)) saturate(180%) brightness(104%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%) brightness(104%)}.mp-glass:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background-image:var(--glass-grain);background-size:140px 140px;opacity:.055;mix-blend-mode:overlay;pointer-events:none}.mp-glass:after{content:"";position:absolute;left:10%;right:10%;top:0;height:1px;border-radius:2px;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 55%),transparent);pointer-events:none}.mp-dock{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:80;width:var(--mp-dock-width);display:flex;flex-direction:column;gap:var(--mp-gap)}.mp-panel,.mp-card,.mp-pill{--glass-fill: var(--mp-fill)}.mp-panel{display:flex;flex-direction:column;height:var(--mp-panel-h);overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:mp-pop .24s var(--ease-out)}@keyframes mp-pop{0%{opacity:0;transform:translateY(10px) scale(.98)}}.mp-panel-head{display:flex;align-items:center;gap:8px;flex:none;padding:10px 12px;border-bottom:1px solid var(--glass-line)}.mp-panel-head h4{margin:0;font-size:13px;letter-spacing:.4px}.mp-count{min-width:22px;padding:1px 7px;border-radius:999px;background:color-mix(in srgb,var(--text) 7%,transparent);color:var(--text-muted);font-size:11px;text-align:center;font-variant-numeric:tabular-nums}.mp-spacer{flex:1}.mp-tabs{display:inline-flex;padding:2px;border-radius:999px;background:color-mix(in srgb,var(--text) 6%,transparent);box-shadow:inset 0 0 0 1px var(--glass-line)}.mp-tabs button{padding:3px 11px;border:none;border-radius:999px;background:transparent;color:var(--text-muted);font-size:12px;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.mp-tabs button:hover{color:var(--text-soft)}.mp-tabs button.on{background:var(--bg-card);color:var(--primary);box-shadow:var(--shadow-sm)}.mp-list,.mp-lyric{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent}.mp-list{padding:6px}.mp-lyric{margin:6px;padding:10px 12px 22px;border-radius:var(--radius);background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 9%,transparent),color-mix(in srgb,var(--accent) 5%,transparent));scroll-behavior:smooth;mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}.mp-row{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:5px 8px;border:none;border-radius:var(--radius-sm);background:transparent;text-align:left;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.mp-row+.mp-row{margin-top:1px}.mp-row:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}.mp-row:active{transform:scale(.994)}.mp-row.on{background:var(--primary-soft)}.mp-idx{flex:none;width:16px;display:flex;justify-content:center;font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}.mp-row.on .mp-idx-num{display:none}.mp-eq{display:none;gap:2px;align-items:flex-end;height:12px}.mp-row.on .mp-eq{display:flex}.mp-eq i{width:2px;border-radius:1px;background:var(--primary);transform-origin:bottom;animation:mp-eq .95s ease-in-out infinite}.mp-eq i:nth-child(1){height:65%}.mp-eq i:nth-child(2){height:100%;animation-delay:.2s}.mp-eq i:nth-child(3){height:45%;animation-delay:.4s}@keyframes mp-eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.mp-cover{flex:none;width:40px;height:40px;border-radius:9px;object-fit:cover;background:var(--bg-soft);box-shadow:0 0 0 1px var(--glass-line),var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.mp-row:hover .mp-cover{transform:scale(1.05)}.mp-row.on .mp-cover{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 45%,transparent),var(--shadow-sm)}.mp-cover.is-blank,.mp-mini.is-blank{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:15px}.mp-txt{min-width:0;flex:1}.mp-t,.mp-a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mp-t{font-size:13px;color:var(--text-soft);transition:color var(--transition-fast)}.mp-row:hover .mp-t{color:var(--text)}.mp-row.on .mp-t{color:var(--primary);font-weight:600}.mp-a{margin-top:3px;font-size:11px;color:var(--text-muted)}.mp-lyric p{margin:0;padding:6px 8px;border-radius:8px;text-align:center;font-size:13px;line-height:1.6;color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.mp-lyric p:hover{color:var(--text-soft)}.mp-lyric p.on{background:var(--primary-soft);color:var(--primary);font-weight:600}.mp-empty{margin:0;padding:18px 8px;text-align:center;font-size:12px;line-height:1.7;color:var(--text-muted)}.mp-lyric p.mp-empty{cursor:default}.mp-link{padding:0 2px;border:none;background:none;color:var(--primary);font-size:12px;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.mp-skeleton{display:flex;flex-direction:column;gap:6px;padding:2px}.mp-skeleton i{position:relative;height:48px;overflow:hidden;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--text) 6%,transparent)}.mp-skeleton i:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--bg-card) 65%,transparent),transparent);animation:mp-shimmer 1.2s ease-in-out infinite}.mp-skeleton i:nth-child(2):after{animation-delay:.1s}.mp-skeleton i:nth-child(3):after{animation-delay:.2s}.mp-skeleton i:nth-child(4):after{animation-delay:.3s}.mp-skeleton i:nth-child(5):after{animation-delay:.4s}@keyframes mp-shimmer{to{transform:translate(100%)}}.mp-card{padding:11px 12px 12px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.mp-top{display:flex;align-items:center;gap:10px}.mp-disc{position:relative;flex:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:color-mix(in srgb,var(--text) 7%,transparent);color:var(--text-muted);font-size:16px;box-shadow:0 0 0 3px color-mix(in srgb,var(--text) 6%,transparent),var(--shadow-sm)}.mp-disc img{width:100%;height:100%;object-fit:cover}.mp-disc.is-spin img{animation:mp-spin 14s linear infinite}.mp-disc:after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:var(--bg-card);box-shadow:0 0 0 2px #0000000f}@keyframes mp-spin{to{transform:rotate(360deg)}}.mp-meta{min-width:0;flex:1}.mp-name,.mp-artist{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mp-name{font-size:13px;font-weight:600}.mp-artist{margin-top:3px;font-size:11px;color:var(--text-muted)}.mp-mini-btns{flex:none;display:flex;gap:2px}.mp-ib{position:relative;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.mp-ib:hover{background:var(--primary-soft);color:var(--primary)}.mp-ib:active{transform:scale(.92)}.mp-ib.on{color:var(--primary)}.mp-ib svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mp-ib.is-word{font-size:12px;font-weight:700}.mp-slash{display:none;position:absolute;left:50%;top:50%;width:17px;height:1.6px;margin:-.8px 0 0 -8.5px;border-radius:2px;background:currentColor;transform:rotate(-45deg)}.mp-ib.is-word:not(.on) .mp-slash{display:block}.mp-time{display:flex;align-items:center;justify-content:space-between;margin-top:9px;font-size:10px;color:var(--text-muted);font-variant-numeric:tabular-nums}.mp-bar,.mp-vbar{position:relative;height:4px;border-radius:999px;background:color-mix(in srgb,var(--text) 10%,transparent);cursor:pointer;touch-action:none}.mp-bar{margin-top:4px}.mp-bar:before,.mp-vbar:before{content:"";position:absolute;inset:-9px 0}.mp-bar i,.mp-vbar i{position:absolute;inset:0 auto 0 0;width:0;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--accent))}.mp-vbar i{background:var(--primary);transition:width var(--transition-fast)}.mp-bar b,.mp-vbar b{position:absolute;left:0;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--bg-card);border:2px solid var(--primary);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),opacity var(--transition-fast)}.mp-bar b{transform:scale(.82)}.mp-bar:hover b,.mp-bar:focus-visible b{transform:scale(1)}.mp-vbar b{opacity:0}.mp-vbar:hover b,.mp-vbar:focus-visible b,.mp-vol:hover .mp-vbar b{opacity:1}.mp-ctrls{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:7px}.mp-c{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:var(--text-soft);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.mp-c:hover{background:var(--primary-soft);color:var(--primary)}.mp-c:active{transform:scale(.92)}.mp-c.on{color:var(--primary)}.mp-c svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mp-glyph{fill:currentColor;stroke:none;font-size:8px;font-weight:700;text-anchor:middle}.mp-c.is-play{width:40px;height:40px;margin:0 4px;background:var(--primary);color:#fff;box-shadow:0 5px 16px var(--primary-soft)}.mp-c.is-play:hover{background:var(--primary-strong);color:#fff;transform:translateY(-1px)}.mp-c.is-play:active{transform:translateY(0) scale(.95)}.mp-c.is-play svg{width:18px;height:18px;fill:currentColor;stroke:none}.mp-vol{display:flex;align-items:center;gap:8px;margin-top:7px;padding-top:8px;border-top:1px dashed var(--glass-line)}.mp-vol-val{width:34px;text-align:right;font-size:10px;color:var(--text-muted);font-variant-numeric:tabular-nums}.mp-pill{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;box-shadow:var(--shadow-lg);transition:transform var(--transition-fast)}.mp-pill:hover{transform:translateY(-1px)}.mp-mini{flex:none;width:30px;height:30px;border-radius:50%;object-fit:cover;background:color-mix(in srgb,var(--text) 7%,transparent);box-shadow:0 0 0 1px var(--glass-line)}.mp-mini.is-blank{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px}.mp-pill-name{min-width:0;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600}.mp-ring{--mp-ring: 0deg;position:relative;flex:none;width:26px;height:26px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:conic-gradient(var(--primary) var(--mp-ring),color-mix(in srgb,var(--text) 12%,transparent) 0);cursor:pointer;transition:transform var(--transition-fast)}.mp-ring:hover{transform:scale(1.08)}.mp-ring span{width:19px;height:19px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-card)}.mp-ring svg{width:10px;height:10px;fill:var(--primary);stroke:none}.mp-caption{position:fixed;right:calc(20px + var(--mp-dock-width) + var(--mp-gap));bottom:calc(14px + env(safe-area-inset-bottom));left:20px;z-index:78}.mp-caption-in{position:relative;display:flex;align-items:center;gap:10px;width:min(660px,100%);margin-inline:auto;padding:8px 10px 9px 12px;overflow:hidden;border-radius:999px}.mp-cap-bar{position:absolute;left:0;bottom:0;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--accent));opacity:.8;transition:width .24s linear}.mp-tag{flex:none;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:var(--primary);color:#fff;font-size:11px;font-weight:700}.mp-cap-main{min-width:0;flex:1;padding:0;border:none;background:transparent;text-align:center;color:inherit;cursor:pointer}.mp-cap-now{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;line-height:1.45;color:var(--text);text-shadow:0 1px 10px color-mix(in srgb,var(--bg-card) 85%,transparent);transition:color var(--transition-fast)}.mp-cap-main:hover .mp-cap-now{color:var(--primary)}.mp-cap-next{display:block;margin-top:1px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.4;color:var(--text-soft);opacity:.9;text-shadow:0 1px 8px color-mix(in srgb,var(--bg-card) 92%,transparent)}.mp-cap-ib{flex:none;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.mp-cap-ib:hover{background:var(--primary-soft);color:var(--primary)}.mp-cap-ib svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}.mp-rise-enter-active,.mp-rise-leave-active{transition:opacity var(--transition),transform var(--transition)}.mp-rise-enter-from,.mp-rise-leave-to{opacity:0;transform:translateY(14px)}.mp-dock :focus-visible,.mp-caption :focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(min-width:721px){body:has(.mp-dock) .back-top{right:calc(20px + var(--mp-dock-width) + var(--mp-gap));bottom:calc(20px + env(safe-area-inset-bottom) + (var(--mp-card-h) - var(--fab-size)) / 2)}body:has(.mp-dock.is-pill) .back-top{bottom:calc(20px + env(safe-area-inset-bottom) + (var(--mp-pill-h) - var(--fab-size)) / 2)}}@media(min-width:1024px){body:has(.mp-dock) .toc{max-height:max(160px,calc(100vh - var(--nav-height) - 60px - var(--mp-dock-space) - env(safe-area-inset-bottom)));transition:max-height var(--transition)}body:has(.mp-dock.is-open) .toc{max-height:max(120px,calc(100vh - var(--nav-height) - 60px - var(--mp-dock-space) - env(safe-area-inset-bottom)))}body:has(.mp-dock.is-open):has(.toc) .mp-panel{max-height:max(180px,calc(100vh - var(--nav-height) - 148px - var(--mp-card-h) - var(--mp-gap) - 20px - env(safe-area-inset-bottom)))}}@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))){.mp-glass{background:var(--bg-card);border-color:var(--border);backdrop-filter:none;-webkit-backdrop-filter:none}.mp-glass:before,.mp-glass:after{display:none}}@supports not (color: color-mix(in srgb,red,blue)){:root{--glass-fill: var(--nav-bg);--mp-fill: var(--nav-bg);--glass-line: var(--border)}}@media(max-width:720px){:root{--glass-blur: 12px;--mp-panel-h: min(46vh, 340px)}.mp-dock{right:10px;left:10px;bottom:calc(10px + env(safe-area-inset-bottom));width:auto}.mp-list{padding:4px}.mp-row{min-height:52px}.mp-card{border-radius:16px}.mp-caption{right:10px;bottom:calc(10px + var(--mp-dock-space) + var(--mp-gap) + env(safe-area-inset-bottom));left:10px}body:has(.mp-dock) .app-footer{padding-bottom:calc(38px + var(--mp-card-h) + var(--mp-cap-space) + 12px + env(safe-area-inset-bottom))}body:has(.mp-dock) .back-top{right:16px;bottom:calc(10px + var(--mp-dock-space) + 12px + var(--mp-cap-space) + env(safe-area-inset-bottom))}body:has(.mp-dock.is-open) .back-top{opacity:0;pointer-events:none}}@media(prefers-reduced-motion:reduce){.mp-panel{animation:none}.mp-disc.is-spin img,.mp-eq i,.mp-skeleton i:after{animation:none}.mp-lyric{scroll-behavior:auto}.mp-pill:hover,.mp-ring:hover,.mp-row:hover .mp-cover,.mp-row:active,.mp-c:active,.mp-ib:active{transform:none}}@media(prefers-reduced-transparency:reduce){.mp-glass{background:var(--bg-card);border-color:var(--border);backdrop-filter:none;-webkit-backdrop-filter:none}.mp-glass:before,.mp-glass:after{display:none}}@media(max-width:640px){.btn.small{padding:10px 16px}.badge{padding:6px 12px}.footer-nav a{padding:6px 4px}}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.gap-8{gap:8px}.gap-12{gap:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.mt-32{margin-top:var(--gap-lg)}