/* 组件根节点:锁定浅色变量 + box-sizing(小程序组件内继承 page 的 theme-light 不稳定) */ .status-bar, .profile-header, .member-card-section, .quick-actions, .booking-section, .checkin-section, .body-report-section, .coupon-section, .referral-section, .settings-section, .logout-btn__border-wrap, .logout-section { box-sizing: border-box; --primary-dark: #0B2B4B; --primary-deep: #1A4A6F; --primary-light: #2C6288; --accent-orange: #FF6B35; --accent-orange-light: #FF8C5A; --accent-orange-dark: #E55A2B; --bg-light: #F9FAFE; --bg-white: #FFFFFF; --bg-gray: #F2F5F9; --text-dark: #1E2A3A; --text-muted: #5E6F8D; --text-light: #8A99B4; --text-inverse: #FFFFFF; --border-light: #E9EDF2; --border-focus: #FF6B35; --success-green: #2ECC71; --warning-amber: #F39C12; --error-red: #E74C3C; --info-blue: #3498DB; --spacing-xs: 4px; --spacing-sm: 8px; --spacing-md: 16px; --spacing-lg: 24px; --spacing-xl: 32px; --radius-sm: 12px; --radius-md: 20px; --radius-lg: 28px; --radius-full: 999px; --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; --font-size-xs: 11px; --font-size-sm: 12px; --font-size-base: 14px; --font-size-md: 16px; --font-size-lg: 18px; --font-size-xl: 20px; --font-size-2xl: 22px; --font-size-3xl: 24px; --font-size-4xl: 28px; --font-size-5xl: 32px; --font-weight-regular: 400; --font-weight-medium: 500; --font-weight-bold: 700; --shadow-sm: 0 8px 20px rgba(0, 0, 0, 0.03), 0 2px 6px rgba(0, 0, 0, 0.05); } /* 区块标题右侧操作链接:查看全部 / 全部记录 / 历史数据 / 推荐记录 */ .member-card-section__link-text, .booking-section__view-all, .checkin-section__view-all, .coupon-section__view-all, .body-report-section__history-link, .referral-section__records-link { font-size: var(--font-size-base, 14px); font-family: var(--font-family); font-weight: 400; color: var(--accent-orange); white-space: nowrap; flex-shrink: 0; line-height: 1.4; } .member-card-section__link, .booking-section__link, .checkin-section__link, .coupon-section__link, .body-report-section__link, .referral-section__link { display: flex; flex-direction: row; align-items: center; gap: 2px; flex-shrink: 0; } .member-card-section__link-arrow, .booking-section__link-arrow, .checkin-section__link-arrow, .coupon-section__link-arrow, .body-report-section__link-arrow, .referral-section__link-arrow { width: 14px; height: 14px; flex-shrink: 0; display: block; }