*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--color-bg-page);color:var(--color-text-primary);line-height:var(--line-height-base)}#app{min-height:100vh}:root{--color-brand-primary: #ff6b35;--color-brand-primary-hover: #ff8c5a;--color-brand-primary-light: #fff3ed;--color-brand-gradient-start: #ff8c5a;--color-brand-gradient-end: #e65c00;--color-primary: #1890ff;--color-primary-hover: #40a9ff;--color-primary-active: #096dd9;--color-primary-disabled: #d9d9d9;--color-success: #52c41a;--color-success-bg: #f6ffed;--color-success-border: #b7eb8f;--color-warning: #faad14;--color-warning-bg: #fffbe6;--color-warning-border: #ffe58f;--color-danger: #ff4d4f;--color-danger-bg: #fff1f0;--color-danger-border: #ffa39e;--color-info: #1890ff;--color-info-bg: #e6f7ff;--color-info-border: #91d5ff;--color-like: #ff4d4f;--color-like-bg: #fff1f0;--color-favorite: #faad14;--color-favorite-bg: #fffbe6;--color-text-primary: #1a1a1a;--color-text-regular: #333333;--color-text-secondary: #666666;--color-text-placeholder: #999999;--color-text-disabled: #cccccc;--color-border-base: #e5e5e5;--color-border-light: #ebebeb;--color-border-lighter: #f0f0f0;--color-bg-white: #ffffff;--color-bg-page: #f7f8fa;--color-bg-card: #ffffff;--color-bg-overlay: rgba(0, 0, 0, .45);--color-category-office: #e6f7ff;--color-category-office-text: #1890ff;--color-category-finance: #fff7e6;--color-category-finance-text: #fa8c16;--color-category-game: #f6ffed;--color-category-game-text: #52c41a;--color-category-social: #fff1f0;--color-category-social-text: #ff4d4f;--color-category-education: #f9f0ff;--color-category-education-text: #722ed1;--color-category-life: #fff3eb;--color-category-life-text: #ff6b35;--color-category-tool: #f0f5ff;--color-category-tool-text: #2f54eb;--color-category-other: #f5f5f5;--color-category-other-text: #666666;--font-family: "Inter", "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;--font-size-extra-small: 12px;--font-size-small: 13px;--font-size-base: 14px;--font-size-medium: 16px;--font-size-large: 20px;--font-size-extra-large: 24px;--font-size-title: 32px;--font-size-hero: 40px;--line-height-tight: 1.2;--line-height-snug: 1.3;--line-height-base: 1.5;--line-height-relaxed: 1.7;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-xxl: 24px;--spacing-xxxl: 32px;--spacing-card-padding: 16px;--spacing-card-gap: 24px;--spacing-card-header: 12px;--spacing-card-body: 16px;--spacing-card-footer: 16px;--spacing-category-gap: 8px;--spacing-interaction-gap: 16px;--animation-duration-fast: .1s;--animation-duration-base: .3s;--animation-duration-slow: .5s;--easing-linear: linear;--easing-base: ease;--easing-in: ease-in;--easing-out: ease-out;--easing-in-out: ease-in-out}