.svg-icon[data-v-5ab3f15e]{display:inline-block;vertical-align:middle;flex-shrink:0}.top-nav[data-v-ffb9bd07]{position:fixed;top:0;left:0;right:0;height:60px;background:var(--nav-gradient);display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 2px 10px #0003;z-index:1000;transition:background .3s ease,backdrop-filter .3s ease}.top-nav.album-system[data-v-ffb9bd07]{background:#ffffff59;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-bottom:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #0000001a}.nav-left[data-v-ffb9bd07]{cursor:pointer;display:flex;align-items:center}.logo[data-v-ffb9bd07]{display:flex;align-items:center}.logo-text[data-v-ffb9bd07]{color:var(--nav-text);font-size:18px;font-weight:700;transition:color .3s ease}.top-nav.album-system .logo-text[data-v-ffb9bd07]{color:#333}.nav-right[data-v-ffb9bd07]{position:relative;display:flex;align-items:center;gap:8px}.theme-toggle[data-v-ffb9bd07]{background:#ffffff26;border:none;border-radius:8px;padding:6px 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.theme-toggle[data-v-ffb9bd07]:hover{background:#ffffff40}.top-nav.album-system .theme-toggle[data-v-ffb9bd07]{background:#0000000d}.top-nav.album-system .theme-toggle[data-v-ffb9bd07]:hover{background:#0000001a}.top-nav.album-system .theme-toggle[data-v-ffb9bd07] svg{color:#666!important}.user-info[data-v-ffb9bd07]{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background-color .3s}.user-info[data-v-ffb9bd07]:hover{background-color:#ffffff1a}.top-nav.album-system .user-info[data-v-ffb9bd07]:hover{background-color:#0000000d}.avatar[data-v-ffb9bd07]{width:36px;height:36px;border-radius:50%;background-color:var(--nav-avatar-bg);color:var(--nav-avatar-text);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;transition:all .3s ease}.top-nav.album-system .avatar[data-v-ffb9bd07]{background:#fffc;color:#666;border:1px solid rgba(255,255,255,.3)}.username[data-v-ffb9bd07]{color:var(--nav-text);font-size:14px;transition:color .3s ease}.top-nav.album-system .username[data-v-ffb9bd07]{color:#333}.arrow[data-v-ffb9bd07]{color:var(--nav-text);font-size:12px;transition:color .3s ease}.top-nav.album-system .arrow[data-v-ffb9bd07]{color:#666}.dropdown-menu[data-v-ffb9bd07]{position:absolute;top:100%;right:0;margin-top:8px;background-color:var(--nav-dropdown-bg);border-radius:10px;box-shadow:var(--shadow-dropdown);min-width:180px;overflow:hidden;animation:fadeIn-ffb9bd07 .2s ease;transition:background .3s ease,backdrop-filter .3s ease}.top-nav.album-system .dropdown-menu[data-v-ffb9bd07]{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3)}@keyframes fadeIn-ffb9bd07{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item[data-v-ffb9bd07]{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;transition:background-color .3s;color:var(--nav-dropdown-text)}.menu-item[data-v-ffb9bd07]:hover{background-color:var(--nav-dropdown-hover)}.top-nav.album-system .menu-item[data-v-ffb9bd07]:hover{background-color:#0000000d}.menu-icon[data-v-ffb9bd07]{font-size:18px}@media(max-width:480px){.top-nav[data-v-ffb9bd07]{padding:0 15px}.logo-text[data-v-ffb9bd07]{font-size:16px}.username[data-v-ffb9bd07]{display:none}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-page: #f0f0f0;--bg-card: #ffffff;--bg-section: #f5f5f5;--bg-input: #ffffff;--bg-hover: #f5f5f5;--text-primary: #333333;--text-secondary: #666666;--text-tertiary: #999999;--text-muted: #bbbbbb;--text-quaternary: #cccccc;--border-color: #dddddd;--border-light: #eeeeee;--shadow-card: 0 2px 10px rgba(0, 0, 0, .06);--shadow-card-hover: 0 6px 20px rgba(0, 0, 0, .12);--shadow-dropdown: 0 4px 20px rgba(0, 0, 0, .15);--btn-secondary-bg: #666666;--btn-secondary-hover: #555555;--btn-secondary-bg-hover: #555555;--btn-disabled-bg: #cccccc;--btn-draft-bg: #e0e0e0;--btn-draft-bg-hover: #d0d0d0;--link-color: #2196F3;--link-color-hover: #1976D2;--accent-green: #4CAF50;--accent-green-hover: #45a049;--accent-blue: #2196F3;--accent-blue-hover: #1976D2;--accent-red: #e53935;--accent-orange: #e65100;--accent-orange-light: #ff8f00;--status-active: #e65100;--status-completed: #43a047;--status-paused: #bbbbbb;--badge-green-bg: #e8f5e9;--badge-green-text: #2e7d32;--badge-orange-bg: #fff3e0;--badge-orange-text: #e65100;--badge-red-bg: #ffebee;--badge-red-text: #c62828;--badge-red-bg-hover: #ffcdd2;--badge-blue-bg: #e3f2fd;--badge-blue-text: #1976d2;--badge-gray-bg: #f5f5f5;--badge-gray-text: #999999;--badge-yellow-bg: #fff8f0;--badge-yellow-text: #e65100;--nav-gradient: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--nav-text: white;--nav-avatar-bg: white;--nav-avatar-text: #11998e;--nav-dropdown-bg: white;--nav-dropdown-text: #333333;--nav-dropdown-hover: #f5f5f5;--md-editor-theme: light}html.dark{--bg-page: #121212;--bg-card: #1e1e1e;--bg-section: #2a2a2a;--bg-input: #2a2a2a;--bg-hover: #333333;--text-primary: #e0e0e0;--text-secondary: #aaaaaa;--text-tertiary: #777777;--text-muted: #555555;--text-quaternary: #666666;--border-color: #444444;--border-light: #333333;--shadow-card: 0 2px 10px rgba(0, 0, 0, .3);--shadow-card-hover: 0 6px 20px rgba(0, 0, 0, .5);--shadow-dropdown: 0 4px 20px rgba(0, 0, 0, .4);--btn-secondary-bg: #555555;--btn-secondary-hover: #666666;--btn-secondary-bg-hover: #666666;--btn-disabled-bg: #444444;--btn-draft-bg: #333333;--btn-draft-bg-hover: #444444;--link-color: #64b5f6;--link-color-hover: #90caf9;--accent-green: #66bb6a;--accent-green-hover: #81c784;--accent-blue: #64b5f6;--accent-blue-hover: #90caf9;--accent-red: #ef5350;--accent-orange: #ff8f00;--accent-orange-light: #ffb74d;--status-active: #ff8f00;--status-completed: #66bb6a;--status-paused: #666666;--badge-green-bg: rgba(46, 125, 50, .2);--badge-green-text: #66bb6a;--badge-orange-bg: rgba(230, 81, 0, .2);--badge-orange-text: #ff8f00;--badge-red-bg: rgba(198, 40, 40, .2);--badge-red-text: #ef5350;--badge-red-bg-hover: rgba(198, 40, 40, .3);--badge-blue-bg: rgba(25, 118, 210, .2);--badge-blue-text: #64b5f6;--badge-gray-bg: rgba(100, 100, 100, .2);--badge-gray-text: #999999;--badge-yellow-bg: rgba(230, 81, 0, .2);--badge-yellow-text: #ff8f00;--nav-gradient: linear-gradient(135deg, #0d5f56 0%, #1a7a3e 100%);--nav-text: #e0e0e0;--nav-avatar-bg: #333333;--nav-avatar-text: #38ef7d;--nav-dropdown-bg: #2a2a2a;--nav-dropdown-text: #e0e0e0;--nav-dropdown-hover: #333333;--md-editor-theme: dark}body{font-family:Arial,sans-serif;background-color:var(--bg-page);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}#app{min-height:100vh}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}