@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght,SOFT@0,9..144,300..900,0..100;1,9..144,300..900,0..100&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500&display=swap";:root{--bg: #ffffff;--surface: #ffffff;--sidebar-bg: #f9fafb;--border: #d1d5db;--text: #111827;--text-muted: #6b7280;--text-soft: #374151;--grid: #e5e7eb;--tick: #666666;--title: #555555;--legend: #444444;--error: #dc2626;--toggle-bg: #f3f4f6;--toggle-border: #d1d5db;--nav-hover: #f3f4f6;--nav-active: #e5e7eb}:root[data-theme=dark]{--bg: #0f172a;--surface: #1e293b;--sidebar-bg: #0b1220;--border: #334155;--text: #f1f5f9;--text-muted: #94a3b8;--text-soft: #cbd5e1;--grid: #334155;--tick: #94a3b8;--title: #e2e8f0;--legend: #cbd5e1;--error: #f87171;--toggle-bg: #1e293b;--toggle-border: #334155;--nav-hover: #1e293b;--nav-active: #334155}body{font-family:Noto Sans TC,-apple-system,sans-serif;background:var(--bg);color:var(--text);margin:0;padding:0;transition:background .2s ease,color .2s ease;scrollbar-width:none}body::-webkit-scrollbar{display:none}.app{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:var(--sidebar-bg);border-right:1px solid var(--border);padding:20px 12px;display:flex;flex-direction:column;gap:20px;position:fixed;left:0;top:0;height:100vh;overflow-y:auto;z-index:20;transition:background .2s ease,border-color .2s ease;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.brand{font-size:18px;font-weight:700;color:var(--text);padding:4px 8px}.sidebar-toggle,.sidebar-open{width:32px;height:32px;border-radius:6px;border:1px solid var(--border);background:var(--toggle-bg);color:var(--text-soft);cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease,border-color .15s ease}.sidebar-toggle:hover,.sidebar-open:hover{color:var(--text);border-color:var(--text-muted)}.sidebar-open{position:fixed;top:16px;left:16px;z-index:10}.nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;font-size:15px;color:var(--text-soft);text-align:left;font-family:inherit;transition:background .15s ease,color .15s ease}.nav-item:hover{background:var(--nav-hover);color:var(--text)}.nav-item.active{background:var(--nav-active);color:var(--text);font-weight:600}.nav-icon{font-size:16px}.nav-label{flex:1}.content{flex:1;padding:24px;position:relative;min-width:0;margin-left:220px}.app.sidebar-collapsed .content{margin-left:0}.sidebar-foot{margin-top:auto;padding-top:12px;padding-bottom:20px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.sidebar-foot .nav-item{width:100%}.clock{padding:8px 12px 12px;color:var(--text-soft);font-variant-numeric:tabular-nums;text-align:center}.clock-date{font-size:12px;color:var(--text-muted);margin-bottom:2px}.clock-time{font-size:32px;font-weight:600;color:var(--text);letter-spacing:.5px;transform:translate(-5px)}.sidebar-backdrop{display:none}@media(max-width:640px){.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:50;box-shadow:4px 0 24px #00000059}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:40}.content{padding:12px;margin-left:0}}.fade-enter-active,.fade-leave-active{transition:opacity .15s ease}.fade-enter-from,.fade-leave-to{opacity:0}.auth-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.auth-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--text-muted);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-loading--editorial{position:relative;flex-direction:column;gap:26px;background:#06090f;overflow:hidden;user-select:none;-webkit-user-select:none}.auth-grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:220px 220px;mix-blend-mode:overlay}.auth-word{font-family:Fraunces,Cormorant Garamond,Georgia,serif;font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 80;font-size:30px;font-weight:300;color:#cddde2;letter-spacing:.01em;opacity:0;animation:auth-word-fade 1.2s cubic-bezier(.22,1,.36,1) forwards}.auth-word em{font-style:italic;color:#6aaab8}.auth-dot{width:6px;height:6px;border-radius:50%;background:#8fd4e4;box-shadow:0 0 14px #8fd4e48c;animation:auth-dot-pulse 1.6s cubic-bezier(.65,.05,.36,1) infinite}@keyframes auth-word-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-dot-pulse{0%,to{opacity:.25;transform:scale(.8);box-shadow:0 0 6px #8fd4e440}50%{opacity:1;transform:scale(1.15);box-shadow:0 0 18px #8fd4e4b3}}@media(prefers-reduced-motion:reduce){.auth-word{animation:none;opacity:1;transform:none}.auth-dot{animation:none;opacity:.7}}.loader-preview{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);justify-items:center;align-items:end;gap:56px 40px;padding:48px 32px;max-width:880px}@media(max-width:768px){.loader-preview{grid-template-columns:repeat(3,1fr);gap:44px 24px}}.loader-cell{display:flex;flex-direction:column;align-items:center;gap:22px;min-width:88px}.loader{width:56px;height:56px;display:flex;align-items:center;justify-content:center;position:relative}.loader-label{font-family:DM Sans,system-ui,sans-serif;font-size:10px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:#3a5a67}.pulse-dot span{width:9px;height:9px;border-radius:50%;background:#8fd4e4;box-shadow:0 0 14px #8fd4e48c;animation:ld-pulse 1.6s cubic-bezier(.65,.05,.36,1) infinite}@keyframes ld-pulse{0%,to{opacity:.25;transform:scale(.7);box-shadow:0 0 6px #8fd4e433}50%{opacity:1;transform:scale(1.2);box-shadow:0 0 22px #8fd4e4bf}}.orbit-dot{width:48px;height:48px;border-radius:50%;border:1px solid #1a2c3e;animation:ld-spin 1.8s linear infinite}.orbit-dot:after{content:"";position:absolute;top:-3px;left:50%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#8fd4e4;box-shadow:0 0 12px #8fd4e499}@keyframes ld-spin{to{transform:rotate(360deg)}}.scanline{width:88px;height:1px;background:linear-gradient(90deg,transparent,#1a2c3e 25%,#1a2c3e 75%,transparent);overflow:visible}.scanline span{position:absolute;top:50%;left:0;width:26px;height:1px;background:linear-gradient(90deg,transparent,#8fd4e4,transparent);box-shadow:0 0 10px #8fd4e48c;transform:translateY(-50%);animation:ld-scan 1.8s cubic-bezier(.65,.05,.36,1) infinite}@keyframes ld-scan{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:calc(100% - 26px);opacity:0}}.arc svg{width:56px;height:56px;filter:drop-shadow(0 0 6px rgba(143,212,228,.4))}.arc svg circle:last-child{transform-origin:50% 50%;animation:ld-spin 1.3s cubic-bezier(.65,.05,.36,1) infinite}.ellipsis{display:inline-flex;align-items:baseline;gap:10px;font-family:Fraunces,Georgia,serif;font-size:34px;line-height:1;font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 80;color:#6aaab8}.ellipsis em{font-style:italic;opacity:.25;animation:ld-ellipsis 1.4s ease-in-out infinite}.ellipsis em:nth-child(2){animation-delay:.18s}.ellipsis em:nth-child(3){animation-delay:.36s}@keyframes ld-ellipsis{0%,60%,to{opacity:.25;text-shadow:0 0 0 transparent}30%{opacity:1;text-shadow:0 0 14px rgba(143,212,228,.5)}}.ripple{position:relative}.ripple:before,.ripple:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:12px;height:12px;border-radius:50%;border:1px solid #8fd4e4;opacity:0;animation:ld-ripple 1.8s cubic-bezier(.22,1,.36,1) infinite}.ripple:after{animation-delay:.9s}@keyframes ld-ripple{0%{transform:scale(.4);opacity:0}20%{opacity:.85}to{transform:scale(3.2);opacity:0}}.bounce span{width:8px;height:8px;border-radius:50%;background:#8fd4e4;box-shadow:0 0 12px #8fd4e480;animation:ld-bounce 1.2s cubic-bezier(.5,0,.5,1) infinite}@keyframes ld-bounce{0%,to{transform:translateY(-12px);opacity:.6}50%{transform:translateY(12px);opacity:1}}.trio{display:inline-flex;gap:8px;align-items:center}.trio span{width:6px;height:6px;border-radius:50%;background:#8fd4e4;opacity:.25;animation:ld-trio 1.2s ease-in-out infinite}.trio span:nth-child(2){animation-delay:.18s}.trio span:nth-child(3){animation-delay:.36s}@keyframes ld-trio{0%,70%,to{opacity:.25;box-shadow:0 0 0 transparent}35%{opacity:1;box-shadow:0 0 10px #8fd4e499}}.sweep{width:56px;height:56px;border-radius:50%;border:1px solid #1a2c3e;overflow:hidden;position:relative}.sweep:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 270deg,rgba(143,212,228,.7) 360deg);animation:ld-spin 1.6s linear infinite}.dash{width:48px;height:48px;border-radius:50%;border:1.4px dashed #8fd4e4;animation:ld-spin 2.4s linear infinite;filter:drop-shadow(0 0 6px rgba(143,212,228,.35))}.comma{font-family:Fraunces,Georgia,serif;font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 80;font-size:42px;line-height:1;color:#8fd4e4;text-shadow:0 0 12px rgba(143,212,228,.4);animation:ld-spin 2.4s cubic-bezier(.65,0,.35,1) infinite}.slash{width:56px;height:32px;overflow:hidden;position:relative}.slash span{position:absolute;top:50%;left:0;transform:translateY(-50%);font-family:Fraunces,Georgia,serif;font-style:italic;font-size:28px;color:#8fd4e4;text-shadow:0 0 10px rgba(143,212,228,.4);animation:ld-slash 1.4s cubic-bezier(.65,.05,.36,1) infinite}@keyframes ld-slash{0%{transform:translate(-30px,-50%);opacity:0}30%{opacity:1}70%{opacity:1}to{transform:translate(30px,-50%);opacity:0}}.asterisk{font-family:Fraunces,Georgia,serif;font-size:44px;line-height:1;color:#8fd4e4;text-shadow:0 0 14px rgba(143,212,228,.45);animation:ld-asterisk 1.8s cubic-bezier(.5,0,.5,1) infinite}@keyframes ld-asterisk{0%,to{transform:rotate(0) scale(.85);opacity:.55}50%{transform:rotate(180deg) scale(1.1);opacity:1}}.brackets{width:36px;height:36px;position:relative}.brackets span{position:absolute;width:10px;height:10px;border:1px solid #8fd4e4;filter:drop-shadow(0 0 4px rgba(143,212,228,.4));animation:ld-brackets 1.6s ease-in-out infinite}.brackets span:nth-child(1){top:0;left:0;border-right:0;border-bottom:0}.brackets span:nth-child(2){top:0;right:0;border-left:0;border-bottom:0}.brackets span:nth-child(3){bottom:0;left:0;border-right:0;border-top:0}.brackets span:nth-child(4){bottom:0;right:0;border-left:0;border-top:0}@keyframes ld-brackets{0%,to{transform:scale(.6);opacity:.4}50%{transform:scale(1.2);opacity:1}}.cross{width:28px;height:28px;position:relative;animation:ld-spin 2s cubic-bezier(.65,0,.35,1) infinite}.cross:before,.cross:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background:#8fd4e4;box-shadow:0 0 8px #8fd4e480}.cross:before{width:100%;height:1.5px}.cross:after{width:1.5px;height:100%}.wave{display:inline-flex;gap:4px;align-items:center;height:32px}.wave span{width:2px;background:#8fd4e4;box-shadow:0 0 6px #8fd4e473;animation:ld-wave 1s ease-in-out infinite}.wave span:nth-child(1){animation-delay:0s}.wave span:nth-child(2){animation-delay:.12s}.wave span:nth-child(3){animation-delay:.24s}.wave span:nth-child(4){animation-delay:.36s}.wave span:nth-child(5){animation-delay:.48s}@keyframes ld-wave{0%,to{height:6px}50%{height:28px}}.eye{width:36px;height:36px;border:1px solid #1a2c3e;border-radius:50%;position:relative}.eye:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:8px;height:8px;border-radius:50%;background:#8fd4e4;box-shadow:0 0 10px #8fd4e48c;animation:ld-pulse 1.6s cubic-bezier(.65,.05,.36,1) infinite}.hairline{width:56px;height:1px;background:#1a2c3e;position:relative;overflow:hidden}.hairline:after{content:"";position:absolute;top:0;left:-30%;width:30%;height:100%;background:#8fd4e4;box-shadow:0 0 8px #8fd4e480;animation:ld-hairline 1.6s cubic-bezier(.65,.05,.36,1) infinite}@keyframes ld-hairline{0%{left:-30%}to{left:100%}}.cipher{position:relative;width:40px;height:44px;font-family:Fraunces,Georgia,serif;font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 80;font-size:36px;line-height:1;color:#8fd4e4;text-shadow:0 0 12px rgba(143,212,228,.4)}.cipher em{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-style:italic;opacity:0;animation:ld-cipher 2.4s steps(1,end) infinite}.cipher em:nth-child(1){animation-delay:0s}.cipher em:nth-child(2){animation-delay:.4s}.cipher em:nth-child(3){animation-delay:.8s}.cipher em:nth-child(4){animation-delay:1.2s}.cipher em:nth-child(5){animation-delay:1.6s}.cipher em:nth-child(6){animation-delay:2s}@keyframes ld-cipher{0%,16%{opacity:1}16.01%,to{opacity:0}}.diamond{width:26px;height:26px;border:1px solid #8fd4e4;filter:drop-shadow(0 0 6px rgba(143,212,228,.4));animation:ld-diamond 2s cubic-bezier(.65,0,.35,1) infinite}@keyframes ld-diamond{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.pulse-dot span,.orbit-dot,.scanline span,.arc svg circle:last-child,.ellipsis em,.ripple:before,.ripple:after,.bounce span,.trio span,.sweep:after,.dash,.comma,.slash span,.asterisk,.brackets span,.cross,.wave span,.eye:after,.hairline:after,.cipher em,.diamond{animation:none}}