#app{width:100%;min-height:100vh;min-height:100dvh;overflow-x:hidden}.page-enter-active,.page-leave-active{transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-10px)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;min-height:100%;min-height:100dvh}body{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji",PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;background:var(--bg-base);background-image:var(--bg-pattern, radial-gradient(ellipse at 10% 10%, rgba(188, 168, 142, .08) 0px, transparent 40%), radial-gradient(ellipse at 90% 90%, rgba(138, 154, 134, .08) 0px, transparent 40%), radial-gradient(ellipse at 50% 50%, rgba(201, 168, 106, .05) 0px, transparent 50%), linear-gradient(rgba(44, 41, 38, .02) 1px, transparent 1px), linear-gradient(90deg, rgba(44, 41, 38, .02) 1px, transparent 1px));background-size:100% 100%,100% 100%,100% 100%,30px 30px,30px 30px;background-attachment:fixed;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:none;touch-action:pan-y;min-height:100%;min-height:100dvh;color:var(--text-primary);line-height:1.6;-webkit-tap-highlight-color:transparent}:root{--primary-color: #BCA88E;--primary-light: #D1C0AA;--primary-dark: #A38F75;--primary-gradient: linear-gradient(135deg, #D1C0AA 0%, #BCA88E 100%);--tech-blue: #869BBF;--tech-blue-glow: rgba(134, 155, 191, .6);--eco-teal: #8A9A86;--eco-teal-glow: rgba(138, 154, 134, .6);--egg-gold: #C9A86A;--egg-gold-glow: rgba(201, 168, 106, .7);--secondary-color: #A38F75;--accent-color: #8A9A86;--bg-base: #F7F5F0;--bg-surface: rgba(255, 255, 255, .85);--bg-surface-hover: rgba(245, 243, 238, .85);--bg-surface-active: rgba(235, 232, 226, .85);--text-primary: #2C2926;--text-secondary: #5C5651;--text-tertiary: #8C847C;--border-light: rgba(44, 41, 38, .08);--border-medium: rgba(44, 41, 38, .15);--border-tech: 1px solid rgba(188, 168, 142, .4);--card-bg: rgba(255, 255, 255, .95);--card-border: rgba(44, 41, 38, .08);--card-shadow: 0 4px 16px rgba(0, 0, 0, .04), 0 1px 4px rgba(0, 0, 0, .02);--hover-bg: rgba(245, 243, 238, .6);--brand-accent: #BCA88E;--brand-accent-dark: #A38F75;--brand-gold: #C9A86A;--brand-wheat: #F7F5F0;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .4);--glass-blur: blur(12px);--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 24px}[data-theme=midnight],[data-theme=mocha],[data-theme=obsidian],[data-theme=sakura]{--bg-pattern: none}[data-theme=frost]{--bg-pattern: radial-gradient(ellipse at 15% 15%, rgba(115, 129, 148, .05) 0px, transparent 45%), radial-gradient(ellipse at 85% 85%, rgba(134, 155, 191, .05) 0px, transparent 45%), linear-gradient(rgba(42, 47, 53, .02) 1px, transparent 1px), linear-gradient(90deg, rgba(42, 47, 53, .02) 1px, transparent 1px)}[data-theme=midnight]{--primary-color: #869BBF;--primary-light: #A3B5D6;--primary-dark: #6B82A6;--primary-gradient: linear-gradient(135deg, #A3B5D6 0%, #869BBF 50%, #6B82A6 100%);--tech-blue: #869BBF;--tech-blue-glow: rgba(134, 155, 191, .5);--eco-teal: #8A9A86;--eco-teal-glow: rgba(138, 154, 134, .5);--egg-gold: #C9A86A;--egg-gold-glow: rgba(201, 168, 106, .5);--secondary-color: #A3B5D6;--accent-color: #6B82A6;--bg-base: #0B111A;--bg-surface: rgba(17, 24, 35, .85);--bg-surface-hover: rgba(26, 36, 51, .85);--bg-surface-active: rgba(35, 47, 66, .85);--text-primary: #E1E6F0;--text-secondary: #A0ABC0;--text-tertiary: #677691;--border-light: rgba(134, 155, 191, .15);--border-medium: rgba(134, 155, 191, .25);--border-tech: 1px solid rgba(134, 155, 191, .3);--card-bg: rgba(17, 24, 35, .9);--card-border: rgba(134, 155, 191, .15);--card-shadow: 0 8px 24px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .2);--hover-bg: rgba(26, 36, 51, .6);--brand-accent: #869BBF;--brand-accent-dark: #6B82A6;--brand-gold: #C9A86A;--brand-wheat: rgba(134, 155, 191, .1);--glass-bg: rgba(17, 24, 35, .75);--glass-border: rgba(134, 155, 191, .15)}[data-theme=mocha]{--primary-color: #8A9A86;--primary-light: #A7B5A3;--primary-dark: #6F806B;--primary-gradient: linear-gradient(135deg, #A7B5A3 0%, #8A9A86 50%, #6F806B 100%);--tech-blue: #869BBF;--tech-blue-glow: rgba(134, 155, 191, .5);--eco-teal: #8A9A86;--eco-teal-glow: rgba(138, 154, 134, .5);--egg-gold: #C9A86A;--egg-gold-glow: rgba(201, 168, 106, .5);--secondary-color: #A7B5A3;--accent-color: #6F806B;--bg-base: #121613;--bg-surface: rgba(24, 29, 25, .85);--bg-surface-hover: rgba(35, 42, 37, .85);--bg-surface-active: rgba(46, 54, 48, .85);--text-primary: #E0E5DF;--text-secondary: #A3AFA1;--text-tertiary: #6E7A6C;--border-light: rgba(138, 154, 134, .15);--border-medium: rgba(138, 154, 134, .25);--border-tech: 1px solid rgba(138, 154, 134, .3);--card-bg: rgba(24, 29, 25, .9);--card-border: rgba(138, 154, 134, .15);--card-shadow: 0 8px 24px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .2);--hover-bg: rgba(35, 42, 37, .6);--brand-accent: #8A9A86;--brand-accent-dark: #6F806B;--brand-gold: #C9A86A;--brand-wheat: rgba(138, 154, 134, .1);--glass-bg: rgba(24, 29, 25, .75);--glass-border: rgba(138, 154, 134, .15)}[data-theme=obsidian]{--primary-color: #C9A86A;--primary-light: #E0C48F;--primary-dark: #A6864A;--primary-gradient: linear-gradient(135deg, #E0C48F 0%, #C9A86A 50%, #A6864A 100%);--tech-blue: #869BBF;--tech-blue-glow: rgba(134, 155, 191, .5);--eco-teal: #8A9A86;--eco-teal-glow: rgba(138, 154, 134, .5);--egg-gold: #C9A86A;--egg-gold-glow: rgba(201, 168, 106, .5);--secondary-color: #E0C48F;--accent-color: #A6864A;--bg-base: #0A0A0A;--bg-surface: rgba(22, 22, 22, .85);--bg-surface-hover: rgba(36, 36, 36, .85);--bg-surface-active: rgba(48, 48, 48, .85);--text-primary: #F0F0F0;--text-secondary: #B0B0B0;--text-tertiary: #707070;--border-light: rgba(201, 168, 106, .15);--border-medium: rgba(201, 168, 106, .25);--border-tech: 1px solid rgba(201, 168, 106, .3);--card-bg: rgba(22, 22, 22, .9);--card-border: rgba(201, 168, 106, .15);--card-shadow: 0 8px 24px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .3);--hover-bg: rgba(36, 36, 36, .6);--brand-accent: #C9A86A;--brand-accent-dark: #A6864A;--brand-gold: #C9A86A;--brand-wheat: rgba(201, 168, 106, .1);--glass-bg: rgba(22, 22, 22, .75);--glass-border: rgba(201, 168, 106, .15)}[data-theme=frost]{--primary-color: #738194;--primary-light: #94A1B3;--primary-dark: #556275;--primary-gradient: linear-gradient(135deg, #94A1B3 0%, #738194 50%, #556275 100%);--tech-blue: #869BBF;--tech-blue-glow: rgba(134, 155, 191, .5);--eco-teal: #8A9A86;--eco-teal-glow: rgba(138, 154, 134, .5);--egg-gold: #C9A86A;--egg-gold-glow: rgba(201, 168, 106, .5);--secondary-color: #94A1B3;--accent-color: #556275;--bg-base: #F0F2F5;--bg-surface: rgba(255, 255, 255, .85);--bg-surface-hover: rgba(235, 238, 242, .85);--bg-surface-active: rgba(220, 224, 230, .85);--text-primary: #2A2F35;--text-secondary: #636D78;--text-tertiary: #9AA4B0;--border-light: rgba(115, 129, 148, .15);--border-medium: rgba(115, 129, 148, .25);--border-tech: 1px solid rgba(115, 129, 148, .3);--card-bg: rgba(255, 255, 255, .9);--card-border: rgba(115, 129, 148, .15);--card-shadow: 0 4px 16px rgba(0, 0, 0, .04), 0 1px 4px rgba(0, 0, 0, .02);--hover-bg: rgba(235, 238, 242, .6);--brand-accent: #738194;--brand-accent-dark: #556275;--brand-gold: #C9A86A;--brand-wheat: rgba(115, 129, 148, .08);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .4)}[data-theme=sakura]{--primary-color: #B48484;--primary-light: #D4A6A6;--primary-dark: #936565;--primary-gradient: linear-gradient(135deg, #D4A6A6 0%, #B48484 50%, #936565 100%);--tech-blue: #869BBF;--tech-blue-glow: rgba(134, 155, 191, .5);--eco-teal: #8A9A86;--eco-teal-glow: rgba(138, 154, 134, .5);--egg-gold: #C9A86A;--egg-gold-glow: rgba(201, 168, 106, .5);--secondary-color: #D4A6A6;--accent-color: #936565;--bg-base: #1C1617;--bg-surface: rgba(38, 30, 32, .85);--bg-surface-hover: rgba(54, 44, 46, .85);--bg-surface-active: rgba(70, 56, 60, .85);--text-primary: #E8E2E3;--text-secondary: #BFAFAF;--text-tertiary: #8C7B7B;--border-light: rgba(180, 132, 132, .15);--border-medium: rgba(180, 132, 132, .25);--border-tech: 1px solid rgba(180, 132, 132, .3);--card-bg: rgba(38, 30, 32, .9);--card-border: rgba(180, 132, 132, .15);--card-shadow: 0 8px 24px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .2);--hover-bg: rgba(54, 44, 46, .6);--brand-accent: #B48484;--brand-accent-dark: #936565;--brand-gold: #C9A86A;--brand-wheat: rgba(180, 132, 132, .1);--glass-bg: rgba(38, 30, 32, .75);--glass-border: rgba(180, 132, 132, .15)}#app{width:100%;min-height:100vh;min-height:100dvh}.brand-name,.title,.upload-title,.upload-hint,.dashboard-header h1,.login-header h1{text-rendering:geometricPrecision}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface-hover);border-radius:3px}::-webkit-scrollbar-thumb{background:#8d6e6333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8d6e6359}@media (max-width: 768px){::-webkit-scrollbar{width:4px;height:4px}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select{font-size:max(16px,1rem)}}@media (max-width: 480px){html{font-size:14px}}@media (min-width: 481px) and (max-width: 768px){html{font-size:15px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}html.platform-android body{overscroll-behavior-y:auto;text-rendering:optimizeSpeed}@media (max-width: 768px){html.platform-android #app{-webkit-tap-highlight-color:transparent}}