: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-strong: #333333;--color-text-body: #555555;--color-text-secondary: #666666;--color-text-tertiary: #888888;--color-text-muted: #999999;--color-text-placeholder: #bbbbbb;--color-border: #f0f0f0;--color-border-light: #eeeeee;--color-border-medium: #dddddd;--color-border-strong: #cccccc;--color-skeleton: #e0e0e0;--color-surface-muted: #f5f5f5;--color-surface-hover: #f9f9f9;--color-primary-tint: #fff0f0;--color-primary-tint-light: #ffe0e0;--color-overlay-bg: #000000;--color-on-overlay: #ffffff;--color-on-overlay-muted: rgba(255, 255, 255, .6);--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-10: 10px;--font-size-11: 11px;--font-size-12: 12px;--font-size-13: 13px;--font-size-14: 14px;--font-size-15: 15px;--font-size-16: 16px;--font-size-18: 18px;--font-size-20: 20px;--font-size-22: 22px;--font-size-24: 24px;--font-size-26: 26px;--font-size-28: 28px;--font-size-32: 32px;--font-size-36: 36px;--spacing-2: 2px;--spacing-4: 4px;--spacing-6: 6px;--spacing-8: 8px;--spacing-10: 10px;--spacing-12: 12px;--spacing-14: 14px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-32: 32px;--spacing-40: 40px;--spacing-48: 48px;--spacing-60: 60px;--spacing-80: 80px;--radius-4: 4px;--radius-6: 6px;--radius-8: 8px;--radius-10: 10px;--radius-12: 12px;--radius-16: 16px;--radius-20: 20px;--radius-24: 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-14);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:var(--color-surface-muted);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}@media (min-width: 1281px){.home-root,.admin-root,.share-root,.all-root{max-width:1440px;margin-left:auto;margin-right:auto}}