.header[data-v-e112e304]{position:relative;padding:2rem 0;overflow:hidden;color:var(--header-text);background:var(--header-bg);box-shadow:0 4px 6px #0000001a}.bg-animation[data-v-e112e304]{position:absolute;inset:0;overflow:hidden;pointer-events:none}.bg-shape[data-v-e112e304]{position:absolute;background:var(--header-shape-bg);border-radius:50%;opacity:.6;animation:float-e112e304 20s infinite}.shape-1[data-v-e112e304]{top:-75px;left:-75px;width:150px;height:150px;animation-delay:0s}.shape-2[data-v-e112e304]{top:30%;right:-60px;width:120px;height:120px;animation-delay:5s}.shape-3[data-v-e112e304]{bottom:-50px;left:20%;width:100px;height:100px;animation-delay:10s}@keyframes float-e112e304{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(20px,20px) rotate(90deg)}50%{transform:translateY(40px) rotate(180deg)}75%{transform:translate(-20px,20px) rotate(270deg)}}.header-content[data-v-e112e304]{position:relative;z-index:1;max-width:1200px;padding:0;margin:0 auto;text-align:center}.logo[data-v-e112e304]{margin-bottom:.5rem;font-size:2.5rem;font-weight:700;letter-spacing:-.5px}.tagline[data-v-e112e304]{font-size:1.1rem;font-weight:300;opacity:.95}.logo-link[data-v-e112e304]{color:inherit;text-decoration:none}.theme-toggle[data-v-e112e304]{position:absolute;top:1rem;right:1rem;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;cursor:pointer;background:var(--header-theme-toggle-bg);border:1px solid var(--header-theme-toggle-border);border-radius:8px;transition:all .3s ease}.theme-toggle[data-v-e112e304]:hover{background:var(--header-theme-toggle-hover-bg);transform:scale(1.1)}.theme-toggle .theme-icon[data-v-e112e304]{color:var(--header-text)}.nav[data-v-e112e304]{display:flex;gap:2rem;justify-content:center;margin-top:1rem}.nav .nav-link[data-v-e112e304]{padding:.5rem 1rem;font-size:1rem;color:var(--header-text);text-decoration:none;border-radius:4px;opacity:.9;transition:opacity .2s}.nav .nav-link[data-v-e112e304]:hover,.nav .nav-link.router-link-active[data-v-e112e304]{background:var(--header-nav-hover-bg);opacity:1}@media (width <= 768px){.logo[data-v-e112e304]{font-size:2rem}.tagline[data-v-e112e304]{font-size:1rem}.theme-toggle[data-v-e112e304]{width:36px;height:36px}}.footer[data-v-b2b1e89a]{padding:2rem 0;margin-top:auto;color:var(--footer-text);background:var(--footer-bg)}.footer .footer-content[data-v-b2b1e89a]{max-width:1200px;padding:0 20px;margin:0 auto;text-align:center}.footer .footer-text[data-v-b2b1e89a]{margin-bottom:.5rem;font-size:.95rem;opacity:.9}.footer .footer-subtitle[data-v-b2b1e89a]{font-size:.875rem;opacity:.7}.footer .footer-emails[data-v-b2b1e89a]{display:flex;justify-content:center;margin-top:1rem}.footer .footer-email[data-v-b2b1e89a]{display:flex;gap:.5rem;align-items:center;font-size:.875rem;color:var(--footer-text);text-decoration:none;border-bottom:1px dashed transparent;opacity:.8;transition:all .3s ease}.footer .footer-email[data-v-b2b1e89a]:hover{border-bottom-color:var(--footer-text);opacity:1}@media (width <= 768px){.footer[data-v-b2b1e89a]{padding:1.5rem 0}.footer .footer-text[data-v-b2b1e89a]{font-size:.875rem}.footer .footer-subtitle[data-v-b2b1e89a]{font-size:.8rem}}:root{--text-primary: #1a1a1a;--text-secondary: #666;--text-tertiary: #999;--bg-primary: #fff;--bg-secondary: #f9f9f9;--bg-tertiary: #f5f5f5;--border-color: #e5e5e5;--border-hover: #d0d0d0;--primary-color: #667eea;--primary-hover: #5568d3;--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--link-visited: #8b5cf6;--card-bg: #fff;--card-border: #e5e5e5;--card-shadow: 0 4px 12px rgba(102, 126, 234, .1);--card-shadow-hover: 0 8px 20px rgba(102, 126, 234, .15);--footer-bg: #2d3748;--footer-text: #fff;--tag-bg: #f0f4ff;--tag-text: #667eea;--featured-bg: #fff8e6;--featured-text: #f5a623;--skeleton-shimmer: linear-gradient(90deg, transparent, rgba(0, 0, 0, .1), transparent);--header-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--header-text: #fff;--header-shape-bg: rgba(255, 255, 255, .1);--header-theme-toggle-bg: rgba(255, 255, 255, .1);--header-theme-toggle-border: rgba(255, 255, 255, .2);--header-theme-toggle-hover-bg: rgba(255, 255, 255, .2);--header-nav-hover-bg: rgba(255, 255, 255, .1);--music-page-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--music-content-bg: rgba(255, 255, 255, .85);--music-content-text: #1a1a1a;--music-nav-bg: rgba(0, 0, 0, .2);--music-nav-text: #fff;--music-back-link-bg: rgba(255, 255, 255, .1);--music-back-link-hover-bg: rgba(255, 255, 255, .2);--music-card-bg: #fff;--music-card-shadow: 0 10px 30px rgba(0, 0, 0, .2);--music-card-shadow-hover: 0 20px 40px rgba(0, 0, 0, .3);--music-card-overlay-bg: rgba(0, 0, 0, .5);--music-card-info-bg: linear-gradient(to top, rgba(0, 0, 0, .8), transparent);--music-card-info-hover-bg: linear-gradient(to top, rgba(0, 0, 0, .9), transparent);--music-play-button-bg: rgba(255, 255, 255, .9);--music-play-button-icon: #667eea;--music-scrollbar-track: rgba(255, 255, 255, .1);--music-scrollbar-thumb: rgba(255, 255, 255, .3);--music-scrollbar-thumb-hover: rgba(255, 255, 255, .5);--music-modal-bg: rgba(0, 0, 0, .95);--music-modal-content-bg: #fff;--music-modal-close-bg: rgba(0, 0, 0, .6);--music-modal-close-hover-bg: rgba(0, 0, 0, .8);--music-modal-scrollbar-track: #f5f5f5;--music-modal-scrollbar-thumb: #d1d5db;--music-modal-scrollbar-thumb-hover: #9ca3af;--music-video-info-title: #1a1a1a;--music-video-info-text: #666}[data-theme=dark]{--text-primary: #e5e7eb;--text-secondary: #9ca3af;--text-tertiary: #6b7280;--bg-primary: #1f2937;--bg-secondary: #111827;--bg-tertiary: #374151;--border-color: #374151;--border-hover: #4b5563;--primary-color: #667eea;--primary-hover: #7c8ff0;--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--link-visited: #a78bfa;--card-bg: #374151;--card-border: #4b5563;--card-shadow: 0 4px 12px rgba(0, 0, 0, .3);--card-shadow-hover: 0 8px 20px rgba(0, 0, 0, .4);--footer-bg: #111827;--footer-text: #e5e7eb;--tag-bg: rgba(99, 102, 241, .15);--tag-text: #a5b4fc;--featured-bg: #422006;--featured-text: #fbbf24;--skeleton-shimmer: linear-gradient(90deg, transparent, rgba(255, 255, 255, .05), transparent);--header-bg: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--header-text: #e5e7eb;--header-shape-bg: rgba(255, 255, 255, .05);--header-theme-toggle-bg: rgba(255, 255, 255, .05);--header-theme-toggle-border: rgba(255, 255, 255, .1);--header-theme-toggle-hover-bg: rgba(255, 255, 255, .1);--header-nav-hover-bg: rgba(255, 255, 255, .05);--music-page-bg: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--music-content-bg: rgba(30, 41, 59, .85);--music-content-text: #d1d5db;--music-nav-bg: rgba(0, 0, 0, .4);--music-nav-text: #d1d5db;--music-back-link-bg: rgba(255, 255, 255, .05);--music-back-link-hover-bg: rgba(255, 255, 255, .1);--music-card-bg: #27272a;--music-card-shadow: 0 10px 30px rgba(0, 0, 0, .4);--music-card-shadow-hover: 0 20px 40px rgba(0, 0, 0, .6);--music-card-overlay-bg: rgba(0, 0, 0, .6);--music-card-info-bg: linear-gradient(to top, rgba(0, 0, 0, .85), transparent);--music-card-info-hover-bg: linear-gradient(to top, rgba(0, 0, 0, .95), transparent);--music-play-button-bg: rgba(39, 39, 42, .95);--music-play-button-icon: #818cf8;--music-scrollbar-track: rgba(255, 255, 255, .05);--music-scrollbar-thumb: rgba(255, 255, 255, .15);--music-scrollbar-thumb-hover: rgba(255, 255, 255, .25);--music-modal-bg: rgba(0, 0, 0, .97);--music-modal-content-bg: #18181b;--music-modal-close-bg: rgba(255, 255, 255, .1);--music-modal-close-hover-bg: rgba(255, 255, 255, .2);--music-modal-scrollbar-track: #27272a;--music-modal-scrollbar-thumb: #3f3f46;--music-modal-scrollbar-thumb-hover: #52525b;--music-video-info-title: #f3f4f6;--music-video-info-text: #9ca3af}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}*:where([class*=transform],[class*=translate],[class*=scale],[class*=rotate]){transition:none}:root{--admin-text-primary: #1f2937;--admin-text-secondary: #374151;--admin-text-tertiary: #6b7280;--admin-text-placeholder: #9ca3af;--admin-bg-primary: #fff;--admin-bg-secondary: #f3f4f6;--admin-bg-tertiary: #f9fafb;--admin-bg-hover: #f5f5f5;--admin-border-color: #e5e7eb;--admin-border-hover: #d1d5db;--admin-primary-color: #18a058;--admin-primary-hover: #36ad6a;--admin-primary-pressed: #0c7a43;--admin-card-bg: #fff;--admin-card-border: #e5e7eb;--admin-card-shadow: 0 1px 3px rgba(0, 0, 0, .05);--admin-card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .08);--admin-sidebar-bg: #fff;--admin-sidebar-border: #e5e7eb;--admin-content-bg: #f3f4f6;--admin-tag-success-bg: #e7f8e9;--admin-tag-success-text: #18a058;--admin-tag-warning-bg: #fff7e6;--admin-tag-warning-text: #f0a020;--admin-tag-default-bg: #f3f4f6;--admin-tag-default-text: #6b7280;--admin-star-color: #f5a623;--admin-login-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--admin-login-card-bg: rgba(255, 255, 255, .95);--admin-login-shape-bg: rgba(255, 255, 255, .1);--admin-login-logo-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--admin-login-logo-shadow: 0 10px 30px rgba(102, 126, 234, .4);--admin-login-button-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--admin-login-button-text-color: #fff;--admin-login-button-shadow: 0 8px 20px rgba(102, 126, 234, .4);--admin-login-input-shadow: 0 2px 8px rgba(0, 0, 0, .04);--admin-login-input-shadow-hover: 0 4px 12px rgba(102, 126, 234, .2);--admin-login-copyright-color: rgba(255, 255, 255, .8)}[data-theme=dark]{--admin-text-primary: #f3f4f6;--admin-text-secondary: #d1d5db;--admin-text-tertiary: #9ca3af;--admin-text-placeholder: #6b7280;--admin-bg-primary: #18181b;--admin-bg-secondary: #101012;--admin-bg-tertiary: #27272a;--admin-bg-hover: #3f3f46;--admin-border-color: #27272a;--admin-border-hover: #3f3f46;--admin-primary-color: #18a058;--admin-primary-hover: #36ad6a;--admin-primary-pressed: #0c7a43;--admin-card-bg: #18181b;--admin-card-border: #27272a;--admin-card-shadow: 0 1px 3px rgba(0, 0, 0, .2);--admin-card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .3);--admin-sidebar-bg: #18181b;--admin-sidebar-border: #27272a;--admin-content-bg: #101012;--admin-tag-success-bg: #14532d;--admin-tag-success-text: #4ade80;--admin-tag-warning-bg: #422006;--admin-tag-warning-text: #fbbf24;--admin-tag-default-bg: #27272a;--admin-tag-default-text: #9ca3af;--admin-star-color: #fbbf24;--admin-login-bg: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--admin-login-card-bg: rgba(24, 24, 27, .95);--admin-login-shape-bg: rgba(255, 255, 255, .05);--admin-login-logo-gradient: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--admin-login-logo-shadow: 0 10px 30px rgba(79, 70, 229, .3);--admin-login-button-gradient: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--admin-login-button-text-color: #f3f4f6;--admin-login-button-shadow: 0 8px 20px rgba(79, 70, 229, .3);--admin-login-input-shadow: 0 2px 8px rgba(0, 0, 0, .2);--admin-login-input-shadow-hover: 0 4px 12px rgba(79, 70, 229, .2);--admin-login-copyright-color: rgba(156, 163, 175, .8)}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-module-icon{position:relative;width:3rem;height:3rem;margin-bottom:1rem;overflow:hidden;background:var(--bg-secondary);border-radius:50%}.skeleton-module-icon:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:var(--skeleton-shimmer);animation:skeleton-shimmer 1.5s infinite;animation-delay:0s}.skeleton-module-title{position:relative;width:60%;height:1.5rem;margin-bottom:.75rem;overflow:hidden;background:var(--bg-secondary);border-radius:4px}.skeleton-module-title:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:var(--skeleton-shimmer);animation:skeleton-shimmer 1.5s infinite;animation-delay:.1s}.skeleton-module-description{position:relative;width:80%;height:.95rem;margin-bottom:0;overflow:hidden;background:var(--bg-secondary);border-radius:4px}.skeleton-module-description:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:var(--skeleton-shimmer);animation:skeleton-shimmer 1.5s infinite;animation-delay:.2s}.skeleton-post-cover{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--bg-secondary)}.skeleton-post-cover:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:var(--skeleton-shimmer);animation:skeleton-shimmer 1.5s infinite}.skeleton-post-meta{position:relative;width:80px;height:24px;margin-bottom:12px;overflow:hidden;background:var(--bg-secondary);border-radius:12px}.skeleton-post-meta:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:var(--skeleton-shimmer);animation:skeleton-shimmer 1.5s infinite;animation-delay:.1s}.skeleton-post-title{position:relative;width:80%;height:20px;margin-bottom:12px;overflow:hidden;background:var(--bg-secondary);border-radius:4px}.skeleton-post-title:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:var(--skeleton-shimmer);animation:skeleton-shimmer 1.5s infinite;animation-delay:.2s}.skeleton-post-excerpt{position:relative;width:100%;height:14px;margin-bottom:16px;overflow:hidden;background:var(--bg-secondary);border-radius:4px}.skeleton-post-excerpt:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:var(--skeleton-shimmer);animation:skeleton-shimmer 1.5s infinite;animation-delay:.3s}.skeleton-post-footer{position:relative;width:60%;height:13px;margin-bottom:0;overflow:hidden;background:var(--bg-secondary);border-radius:4px}.skeleton-post-footer:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:var(--skeleton-shimmer);animation:skeleton-shimmer 1.5s infinite;animation-delay:.4s}.skeleton-blog-back{position:relative;width:100px;height:36px;margin-bottom:0;overflow:hidden;background:var(--bg-secondary);border-radius:8px}.skeleton-blog-back:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:var(--skeleton-shimmer);animation:skeleton-shimmer 1.5s infinite;animation-delay:0s}.skeleton-blog-category{position:relative;width:80px;height:36px;margin-bottom:0;overflow:hidden;background:var(--bg-secondary);border-radius:16px}.skeleton-blog-category:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:var(--skeleton-shimmer);animation:skeleton-shimmer 1.5s infinite;animation-delay:.1s}.skeleton-blog-title{position:relative;width:80%;height:54px;margin-bottom:20px;overflow:hidden;background:var(--bg-secondary);border-radius:8px}.skeleton-blog-title:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:var(--skeleton-shimmer);animation:skeleton-shimmer 1.5s infinite;animation-delay:.2s}.skeleton-blog-footer{position:relative;width:60%;height:13px;margin-bottom:24px;overflow:hidden;background:var(--bg-secondary);border-radius:4px}.skeleton-blog-footer:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:var(--skeleton-shimmer);animation:skeleton-shimmer 1.5s infinite;animation-delay:.3s}.skeleton-content-line{position:relative;width:100%;height:16px;margin-bottom:16px;overflow:hidden;background:var(--bg-secondary);border-radius:4px}.skeleton-content-line:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:var(--skeleton-shimmer);animation:skeleton-shimmer 1.5s infinite;animation-delay:.4s}.skeleton-content-line:nth-child(6){width:90%}.skeleton-content-line:nth-child(6):after{animation-delay:.5s}.skeleton-content-line:nth-child(7){width:85%}.skeleton-content-line:nth-child(7):after{animation-delay:.6s}.skeleton-bento-cover{position:relative;width:100%;height:100%;overflow:hidden;background:var(--music-card-bg)}.skeleton-bento-cover:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:var(--skeleton-shimmer);animation:skeleton-shimmer 1.5s infinite}.skeleton-bento-title{position:relative;width:70%;height:18px;margin-bottom:8px;overflow:hidden;background:var(--bg-secondary);border-radius:4px}.skeleton-bento-title:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:var(--skeleton-shimmer);animation:skeleton-shimmer 1.5s infinite;animation-delay:.1s}.skeleton-bento-description{position:relative;width:90%;height:14px;margin-bottom:0;overflow:hidden;background:var(--bg-secondary);border-radius:4px}.skeleton-bento-description:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:var(--skeleton-shimmer);animation:skeleton-shimmer 1.5s infinite;animation-delay:.2s}.skeleton{pointer-events:none}*{box-sizing:border-box;padding:0;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-primary)}.app .main-content{flex:1;width:100%}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease,transform .3s ease}.fade-enter-from{opacity:0;transform:translateY(20px)}.fade-leave-to{opacity:0;transform:translateY(-20px)}.slide-left-enter-active,.slide-left-leave-active{transition:all .4s cubic-bezier(.4,0,.2,1)}.slide-left-enter-from{opacity:0;transform:translate(30px)}.slide-left-leave-to{opacity:0;transform:translate(-30px)}.slide-right-enter-active,.slide-right-leave-active{transition:all .4s cubic-bezier(.4,0,.2,1)}.slide-right-enter-from{opacity:0;transform:translate(-30px)}.slide-right-leave-to{opacity:0;transform:translate(30px)}