.navbar[data-v-826860c6]{background:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-md) 0;position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s ease}.nav-container[data-v-826860c6]{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.logo[data-v-826860c6]{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:700;color:var(--text-white);cursor:pointer;text-decoration:none}.logo-icon[data-v-826860c6]{width:40px;height:40px;border-radius:50%}.nav-menu[data-v-826860c6]{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-link[data-v-826860c6]{color:var(--text-white);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-small);transition:all .3s ease;text-decoration:none;background:none;border:none;cursor:pointer;font-size:var(--font-size-md);font-family:inherit}.nav-link[data-v-826860c6]:hover{background:#6a4c9333;color:var(--luxury-gold)}.nav-link.router-link-active[data-v-826860c6]{color:var(--luxury-gold);background:#6a4c9333}.logout-btn[data-v-826860c6]{background:#d4af371a;border:1px solid var(--luxury-gold)}.logout-btn[data-v-826860c6]:hover{background:var(--luxury-gold);color:var(--text-primary)}.audio-toggle[data-v-826860c6]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);min-width:40px;display:flex;align-items:center;justify-content:center}.audio-toggle[data-v-826860c6]:hover{background:#fff3}@media (max-width: 768px){.nav-container[data-v-826860c6]{padding:0 var(--spacing-md)}.nav-menu[data-v-826860c6]{gap:var(--spacing-md)}.nav-link[data-v-826860c6]{padding:var(--spacing-xs);font-size:var(--font-size-sm)}.logo[data-v-826860c6]{font-size:var(--font-size-md)}.logo-icon[data-v-826860c6]{width:32px;height:32px}}@media (max-width: 480px){.nav-container[data-v-826860c6]{padding:0 var(--spacing-sm)}.nav-menu[data-v-826860c6]{gap:var(--spacing-sm)}.logo span[data-v-826860c6]{display:none}}.footer[data-v-e802ab65]{background:#1a1a1ae6;color:var(--text-white);padding:var(--spacing-lg) 0;margin-top:0}.footer-container[data-v-e802ab65]{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.footer-content[data-v-e802ab65]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);text-align:center}.footer-icon[data-v-e802ab65]{font-size:var(--font-size-lg)}@media (max-width: 768px){.footer-container[data-v-e802ab65]{padding:0 var(--spacing-md)}.footer-content[data-v-e802ab65]{font-size:var(--font-size-xs)}}@font-face{font-family:MaokenAssortedSans-TC;src:url(/fonts/MaokenAssortedSans-TC.ttf) format("truetype"),url(/fonts/MaokenAssortedSans-TC.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:MaokenAssortedSans-TC;src:url(/fonts/MaokenAssortedSans-TC.ttf) format("truetype"),url(/fonts/MaokenAssortedSans-TC.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{--primary-color: #1A1A1A;--accent-color: #F5F5F5;--bg-card: #FFFFFF;--mystic-purple: #6A4C93;--mystic-purple-light: #8E7CC3;--mystic-purple-dark: #4A2C5A;--mystic-gradient: linear-gradient(135deg, #6A4C93 0%, #4A2C5A 100%);--luxury-gold: #D4AF37;--luxury-gold-light: #F7DC6F;--luxury-gold-dark: #B7950B;--gold-gradient: linear-gradient(135deg, #F7DC6F 0%, #D4AF37 50%, #B7950B 100%);--gold-shadow: 0 4px 15px rgba(212, 175, 55, .4);--text-primary: #1A1A1A;--text-secondary: #4A4A4A;--text-muted: #888888;--text-light: #CCCCCC;--text-white: #FFFFFF;--border-color: #E0E0E0;--shadow-medium: 0 4px 16px rgba(26, 26, 26, .15);--shadow-hover: 0 8px 32px rgba(106, 76, 147, .3);--shadow-gold: 0 6px 24px rgba(212, 175, 55, .35);--radius-small: 8px;--radius-medium: 12px;--radius-large: 20px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-family: "MaokenAssortedSans-TC", "ZCOOL KuaiLe", "Comic Neue", "Noto Sans TC", sans-serif;--font-size-xs: 15px;--font-size-sm: 17px;--font-size-md: 19px;--font-size-lg: 21px;--font-size-xl: 23px;--font-size-2xl: 27px;--font-size-3xl: 35px;--font-size-4xl: 43px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:1.6;color:var(--text-primary);background:var(--mystic-gradient);min-height:100vh;overflow-x:hidden;-webkit-font-feature-settings:"liga";font-feature-settings:"liga"}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.page-container{min-height:100vh;display:flex;flex-direction:column}.page-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-white);text-align:center;margin-bottom:var(--spacing-xl);text-shadow:2px 2px 4px rgba(0,0,0,.5)}.section-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.card{background:var(--bg-card);border-radius:var(--radius-medium);padding:var(--spacing-lg);box-shadow:var(--shadow-medium);transition:all .3s ease}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-md);font-weight:600;border-radius:var(--radius-medium);transition:all .3s ease;cursor:pointer;text-decoration:none;border:none;outline:none;position:relative;overflow:hidden}.btn-primary{background:var(--gold-gradient);color:var(--text-primary);box-shadow:var(--gold-shadow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #d4af3780}.btn-secondary{background:var(--mystic-gradient);color:var(--text-white);box-shadow:var(--shadow-medium)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.form-input{width:100%;padding:var(--spacing-sm);border:2px solid var(--border-color);border-radius:var(--radius-small);font-size:var(--font-size-md);transition:all .3s ease}.form-input:focus{border-color:var(--mystic-purple);box-shadow:0 0 0 3px #6a4c931a}.navbar{background:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-md) 0;position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s ease}.nav-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:700;color:var(--text-white);cursor:pointer}.logo-icon{width:40px;height:40px;border-radius:50%}.nav-menu{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-link{color:var(--text-white);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-small);transition:all .3s ease}.nav-link:hover{background:#6a4c9333;color:var(--luxury-gold)}@media (max-width: 768px){.container{padding:0 var(--spacing-md)}.page-title{font-size:var(--font-size-2xl)}.section-title{font-size:var(--font-size-xl)}.nav-container{padding:0 var(--spacing-md)}.nav-menu{gap:var(--spacing-md)}}@media (max-width: 480px){html{font-size:14px}.container,.nav-container{padding:0 var(--spacing-sm)}.logo{font-size:var(--font-size-md)}.nav-menu{gap:var(--spacing-sm)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in-left{animation:slideInFromLeft .6s ease-out}.slide-in-right{animation:slideInFromRight .6s ease-out}#app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.main-content.with-navbar{padding-top:80px}.router-link-active{color:var(--luxury-gold)!important}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}