/* ============================================================
   品牌变量与组件微调（历史兼容层）
   注：本文件加载顺序靠前，最终主题色以 brand-theme.css 为准。
   仅保留仍被页面/弹窗使用的规则，历史首屏相关规则已移除。
   ============================================================ */
:root{--brand-blue:#3370ff;--brand-action:#3370ff;--brand-pale:#eef4ff}

/* 弹窗内的产品图标（app.js: <span class="product-icon amber|blue">） */
.product-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r-l,12px);flex-shrink:0}
.product-icon>.icon{width:22px;height:22px}
.product-icon.amber,.product-card .tag.amber,.activity-avatar.amber{background:var(--brand-soft,#eef4ff);color:var(--brand-ink,#245bdb)}
.product-icon.blue{background:var(--brand-soft,#eef4ff);color:var(--brand-ink,#245bdb)}

/* 焦点色统一为主蓝 */
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:#3370ff}