.music-toggle-wrapper[data-v-d7ca6c4c]{position:fixed;bottom:80px;right:24px;z-index:100}.music-toggle[data-v-d7ca6c4c]{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-medium);transition:all .25s ease;font-family:var(--font-body);font-size:13px;font-weight:500;position:relative;z-index:2}.music-toggle[data-v-d7ca6c4c]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.music-toggle[data-v-d7ca6c4c]:active{transform:translateY(0)}.music-toggle.is-muted[data-v-d7ca6c4c]{background:var(--color-muted);opacity:.7}.music-toggle.is-muted[data-v-d7ca6c4c]:hover{opacity:.9}.toggle-icon[data-v-d7ca6c4c]{width:18px;height:18px;flex-shrink:0}.toggle-label[data-v-d7ca6c4c]{white-space:nowrap}.music-menu[data-v-d7ca6c4c]{position:absolute;bottom:calc(100% + 10px);right:0;background:#fff;border-radius:14px;box-shadow:0 8px 32px #00000029;padding:6px;min-width:190px;z-index:1}.menu-item[data-v-d7ca6c4c]{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px;cursor:pointer;transition:background .15s}.menu-item[data-v-d7ca6c4c]:hover{background:#f5f5f5}.menu-item-left[data-v-d7ca6c4c]{display:flex;align-items:center;gap:10px}.menu-icon[data-v-d7ca6c4c]{width:18px;height:18px;color:#666;flex-shrink:0}.menu-label[data-v-d7ca6c4c]{font-size:14px;color:#333;font-weight:500;white-space:nowrap}.menu-divider[data-v-d7ca6c4c]{height:1px;background:#eee;margin:2px 8px}.toggle-switch[data-v-d7ca6c4c]{width:42px;height:26px;border-radius:13px;background:#d1d1d6;position:relative;transition:background .2s;flex-shrink:0}.toggle-switch.active[data-v-d7ca6c4c]{background:var(--color-primary)}.toggle-switch .toggle-knob[data-v-d7ca6c4c]{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}.toggle-switch.active .toggle-knob[data-v-d7ca6c4c]{transform:translate(16px)}.menu-enter-active[data-v-d7ca6c4c],.menu-leave-active[data-v-d7ca6c4c]{transition:all .2s ease}.menu-enter-from[data-v-d7ca6c4c],.menu-leave-to[data-v-d7ca6c4c]{opacity:0;transform:translateY(6px) scale(.95)}.menu-mask[data-v-d7ca6c4c]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}#app{width:100%;min-height:100vh}:root{--color-primary: #2d2d44;--color-primary-rgb: 45, 45, 68;--color-primary-dark: #1a1a2e;--color-primary-dark-rgb: 26, 26, 46;--color-primary-medium: #4a4a6a;--color-primary-medium-rgb: 74, 74, 106;--color-primary-pale: #d0d0e0;--color-accent: #e63946;--color-accent-rgb: 230, 57, 70;--color-accent-light: #ff6b6b;--color-accent-light-rgb: 255, 107, 107;--color-accent-dark: #c1121f;--color-accent-dark-rgb: 193, 18, 31;--color-success: #2a9d8f;--color-success-rgb: 42, 157, 143;--color-success-light: #40b8a8;--color-success-light-rgb: 64, 184, 168;--color-success-dark: #1f7a6f;--color-success-dark-rgb: 31, 122, 111;--color-gold: #d4a853;--color-gold-light: #e8c97a;--bg-paper: #faf8f5;--bg-paper-rgb: 250, 248, 245;--bg-cream: #f5f0e8;--bg-warm: #ede4d8;--text-primary: #2d2d44;--text-primary-rgb: 45, 45, 68;--text-secondary: #6b6b8a;--text-secondary-rgb: 107, 107, 138;--text-light: #6b6b8a;--border-color: rgba(45, 45, 68, .12);--border-ink: rgba(45, 45, 68, .12);--border-light: rgba(45, 45, 68, .06);--input-border: rgba(45, 45, 68, .15);--color-muted: #9ca3af;--color-warning: #f4a261;--gradient-primary: linear-gradient(135deg, #1a1a2e 0%, #2d2d44 100%);--gradient-accent: linear-gradient(135deg, #e63946 0%, #ff6b6b 100%);--gradient-success: linear-gradient(135deg, #2a9d8f 0%, #40b8a8 100%);--gradient-success-dark: linear-gradient(135deg, #2a9d8f 0%, #1f7a6f 100%);--gradient-success-hover: linear-gradient(135deg, #1f7a6f 0%, #1a6b60 100%);--gradient-paper: linear-gradient(180deg, #faf8f5 0%, #f5f0e8 100%);--gradient-porcelain: linear-gradient(180deg, #eef3f9 0%, #faf8f5 40%, #f5f0e8 100%);--gradient-gold: linear-gradient(135deg, #d4a853 0%, #e8c97a 100%);--shadow-sm: 0 2px 8px rgba(45, 45, 68, .06);--shadow-soft: 0 4px 24px rgba(45, 45, 68, .08);--shadow-medium: 0 8px 32px rgba(45, 45, 68, .12);--shadow-lg: 0 12px 40px rgba(45, 45, 68, .15);--shadow-lifted: 0 12px 48px rgba(45, 45, 68, .16);--shadow-accent: 0 4px 20px rgba(230, 57, 70, .3);--shadow-success: 0 4px 20px rgba(42, 157, 143, .3);--font-display: "ZCOOL XiaoWei", "Ma Shan Zheng", "Noto Serif SC", serif;--font-body: "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--theme-color: #2d2d44}[data-theme=porcelain]{--color-primary: #0B3D92;--color-primary-rgb: 11, 61, 146;--color-primary-dark: #0a2a6e;--color-primary-dark-rgb: 10, 42, 110;--color-primary-medium: #2A8BBE;--color-primary-medium-rgb: 42, 139, 190;--color-primary-pale: #d0dff0;--color-accent: #c9453b;--color-accent-rgb: 201, 69, 59;--color-accent-light: #e06b5d;--color-accent-light-rgb: 224, 107, 93;--color-accent-dark: #9b2b20;--color-accent-dark-rgb: 155, 43, 32;--color-success: #5a8a7a;--color-success-rgb: 90, 138, 122;--color-success-light: #78a898;--color-success-light-rgb: 120, 168, 152;--color-success-dark: #3d6b5c;--color-success-dark-rgb: 61, 107, 92;--color-gold: #c9a96e;--color-gold-light: #dcc89e;--bg-paper: #fafaf7;--bg-paper-rgb: 250, 250, 247;--bg-cream: #f5f0e8;--bg-warm: #f2efe8;--text-primary: #1a2a44;--text-primary-rgb: 26, 42, 68;--text-secondary: #5a6d8a;--text-secondary-rgb: 90, 109, 138;--text-light: #8a9ab5;--border-color: rgba(11, 61, 146, .1);--border-ink: rgba(11, 61, 146, .1);--border-light: rgba(11, 61, 146, .05);--input-border: rgba(11, 61, 146, .18);--color-muted: #a0b4c8;--color-warning: #d4a853;--gradient-primary: linear-gradient(135deg, #0a2a6e 0%, #0B3D92 100%);--gradient-accent: linear-gradient(135deg, #c9453b 0%, #e06b5d 100%);--gradient-success: linear-gradient(135deg, #5a8a7a 0%, #78a898 100%);--gradient-success-dark: linear-gradient(135deg, #5a8a7a 0%, #3d6b5c 100%);--gradient-success-hover: linear-gradient(135deg, #3d6b5c 0%, #2d5a4a 100%);--gradient-paper: linear-gradient(180deg, #fafaf7 0%, #f5f0e8 100%);--gradient-porcelain: linear-gradient(180deg, #eef3f9 0%, #fafaf7 40%, #f5f0e8 100%);--gradient-gold: linear-gradient(135deg, #c9a96e 0%, #dcc89e 100%);--shadow-sm: 0 2px 8px rgba(11, 61, 146, .05);--shadow-soft: 0 4px 24px rgba(11, 61, 146, .07);--shadow-medium: 0 8px 32px rgba(11, 61, 146, .1);--shadow-lg: 0 12px 40px rgba(11, 61, 146, .12);--shadow-lifted: 0 16px 48px rgba(11, 61, 146, .14);--shadow-accent: 0 4px 20px rgba(201, 69, 59, .2);--shadow-success: 0 4px 20px rgba(90, 138, 122, .2);--font-display: "Noto Serif SC", "STSong", "SimSun", serif;--font-body: "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--theme-color: #0B3D92}[data-theme=porcelain] body{background-image:url(/patterns/crackle-glaze.svg),url(/patterns/lotus-scroll.svg);background-repeat:repeat,repeat;background-size:200px 200px,350px 350px}[data-theme=porcelain] .paper-texture{background-image:url(/patterns/crackle-glaze.svg),url(/patterns/lotus-scroll.svg);background-repeat:repeat,repeat;background-size:200px 200px,350px 350px}[data-theme=porcelain] .paper-crackle{background-image:url(/patterns/crackle-glaze.svg);background-repeat:repeat;background-size:200px 200px}[data-theme=porcelain] .paper-lotus{background-image:url(/patterns/lotus-scroll.svg);background-repeat:repeat;background-size:400px 400px}[data-theme=porcelain] .paper-clouds{background-image:url(/patterns/cloud-wave.svg);background-repeat:repeat;background-size:300px 250px}[data-theme=porcelain] .meander-border{background-image:url(/patterns/meander-border.svg)}[data-theme=porcelain] .scroll-divider{background-image:url(/patterns/cloud-wave.svg)}.skip-to-content{position:absolute;top:-100%;left:16px;z-index:9999;padding:8px 16px;background:#e63946;color:#fff;font-size:14px;font-weight:500;border-radius:0 0 12px 12px;text-decoration:none;transition:top .2s ease}.skip-to-content:focus{top:0}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;background:#faf8f5;color:#2d2d44;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}.paper-texture{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px}@keyframes ink-spread{0%{opacity:0;transform:scale(.8);filter:blur(10px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #e6394666}50%{box-shadow:0 0 0 12px #e6394600}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-ink{animation:ink-spread .6s cubic-bezier(.22,1,.36,1) forwards}.animate-fade-up{animation:fade-up .5s cubic-bezier(.22,1,.36,1) forwards}.animate-float{animation:float 3s ease-in-out infinite}.container{max-width:750px;margin:0 auto;padding:0 20px}.card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #2d2d4414;border:1px solid rgba(45,45,68,.06)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:500;border:none;border-radius:9999px;cursor:pointer;transition:all .25s cubic-bezier(.22,1,.36,1)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn.btn-primary{background:linear-gradient(135deg,#e63946,#ff6b6b);color:#fff;box-shadow:0 4px 20px #e639464d}.btn.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #e6394666}.btn.btn-primary:active:not(:disabled){transform:translateY(0)}.btn.btn-jade{background:linear-gradient(135deg,#2a9d8f,#40b8a8);color:#fff;box-shadow:0 4px 20px #2a9d8f4d}.btn.btn-jade:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #2a9d8f66}.btn.btn-outline{background:transparent;color:#2d2d44;border:2px solid rgba(45,45,68,.12)}.btn.btn-outline:hover:not(:disabled){border-color:#4a4a6a;background:#2d2d4408}.btn.btn-ghost{background:transparent;color:#6b6b8a}.btn.btn-ghost:hover:not(:disabled){color:#2d2d44;background:#2d2d440d}.input{width:100%;padding:14px 18px;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;color:#2d2d44;background:#fff;border:2px solid rgba(45,45,68,.12);border-radius:12px;transition:all .2s ease}.input::placeholder{color:#6b6b8a}.input:focus{outline:none;border-color:#e63946;box-shadow:0 0 0 4px #e639461a}.tag{display:inline-flex;align-items:center;padding:4px 12px;font-size:12px;font-weight:500;border-radius:9999px;background:#e639461a;color:#e63946}.tag.tag-jade{background:#2a9d8f1a;color:#2a9d8f}.tag.tag-ink{background:#2d2d4414;color:#4a4a6a}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}.h-full{height:100%}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.p-4{padding:16px}.p-6{padding:24px}.px-4{padding-left:16px;padding-right:16px}.py-4{padding-top:16px;padding-bottom:16px}.rounded-lg{border-radius:16px}.rounded-full{border-radius:9999px}.shadow-soft{box-shadow:0 4px 24px #2d2d4414}.shadow-medium{box-shadow:0 8px 32px #2d2d441f}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}