.page-enter-active,.page-leave-active{transition:all .35s ease}.page-enter-from{opacity:0;transform:translateY(16px)}.page-leave-to{opacity:0;transform:translateY(-16px)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #00d49a;--primary-light: rgba(0, 212, 154, .1);--primary-dark: #00a57a;--success: #34d399;--success-light: rgba(52, 211, 153, .1);--danger: #f87171;--danger-light: rgba(248, 113, 113, .1);--warning: #fbbf24;--warning-light: rgba(251, 191, 36, .1);--text: #e4ecf4;--text-secondary: #7c8fa8;--bg: #080c14;--surface: #0e1420;--card: rgba(14, 20, 32, .75);--border: rgba(228, 236, 244, .08);--shadow: 0 8px 32px rgba(0, 0, 0, .35);--radius: 16px;--radius-sm: 10px;--transition: .3s cubic-bezier(.4, 0, .2, 1)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6}#app{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#e4ecf41f;border-radius:3px}.fade-enter-active,.fade-leave-active{transition:opacity .35s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-right-enter-active,.slide-right-leave-active,.slide-left-enter-active,.slide-left-leave-active{transition:all .4s cubic-bezier(.4,0,.2,1)}.slide-right-enter-from{opacity:0;transform:translate(-40px)}.slide-right-leave-to,.slide-left-enter-from{opacity:0;transform:translate(40px)}.slide-left-leave-to{opacity:0;transform:translate(-40px)}.pop-enter-active{animation:pop-in .4s cubic-bezier(.34,1.56,.64,1)}.pop-leave-active{animation:pop-in .25s ease reverse}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.shake{animation:shake .5s ease}@keyframes pulse-success{0%{box-shadow:0 0 #34d39966}70%{box-shadow:0 0 0 12px #34d39900}to{box-shadow:0 0 #34d39900}}.pulse-success{animation:pulse-success .6s ease}@media (max-width: 640px){html{font-size:14px}}@media (hover: none) and (pointer: coarse){.option-item:hover:not(.option--disabled){border-color:#e4ecf40f;background:#e4ecf408;transform:none;box-shadow:none}.btn-logout:hover,.btn-admin:hover{border-color:#e4ecf41a;color:var(--text-secondary);background:#e4ecf40a}.btn--ghost:hover:not(:disabled){background:#e4ecf40a;border-color:#e4ecf41a;color:var(--text);transform:none}.dot:hover{transform:none;background:#e4ecf41a}}.camera-float{touch-action:none}.app-main{-webkit-overflow-scrolling:touch}