:root{--color-primary: #ff4757;--color-primary-light: #ff6b7a;--color-primary-dark: #e63946;--color-secondary: #ff7f50;--color-accent: #ffc107;--color-background: #f8f8f8;--color-surface: #ffffff;--color-text-primary: #1a1a1a;--color-text-secondary: #666666;--color-text-muted: #999999;--color-border: #f0f0f0;--color-success: #52c41a;--color-warning: #faad14;--color-error: #ff4d4f;--color-info: #1890ff;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 24px;--font-size-3xl: 32px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .12);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-header: 100;--z-overlay: 200;--z-modal: 300;--z-toast: 400}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;width:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#0003}*{-webkit-tap-highlight-color:transparent}.img-area,.cat-list,.main-area,body{overscroll-behavior:contain}.img-area,.cat-list,.main-area{-webkit-overflow-scrolling:touch}.el-button,.cat-item{min-height:44px}.fab-upload{padding-bottom:env(safe-area-inset-bottom);bottom:calc(20px + env(safe-area-inset-bottom))}.preview-dialog{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.img-thumb-wrap{background-color:#f5f5f5;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24' fill='none' stroke='%23ddd' stroke-width='1.5'><rect x='3' y='3' width='18' height='18' rx='2'/><circle cx='8.5' cy='8.5' r='1.5'/><path d='M21 15l-5-5L5 21'/></svg>");background-repeat:no-repeat;background-position:center;background-size:40px 40px}