/* ============================================================================
   MnemoCard · 方案I「AI 原生」视觉重构层
   2026-07-01 · 基于 _proto/I.html。scope = body.mc-i。
   蓝靛强调 #5b6cff / 蓝→青渐变 #5b6cff→#22c3ee / 玫红录音 #ff4d6d /
   18px 圆角白卡 / AI 工作台 ask-hero + 录音降级 recrow。
   纯色紫→蓝青已在 style.css 源级翻转(#5b5bf0→#5b6cff / #7b6cf6→#22c3ee);
   本层管「结构/形状/阴影/留白」+ 方案I 专属的 ask-hero / recrow 组件。
   ============================================================================ */
body.mc-i {
  --i-accent:    #5b6cff;
  --i-accent-2:  #22c3ee;
  --i-accent-sf: #eef0ff;
  --i-rec:       #ff4d6d;
  --i-ink:       #101122;
  --i-dim:       #565a72;
  --i-faint:     #9498b0;
  --i-line:      #edeef5;
  --i-line2:     #e2e4ef;
  --i-bg:        #f6f7fc;
  --i-card:      #ffffff;
  --i-warn:      #f59e0b;
  --i-sh:        0 2px 8px rgba(16,17,34,.04), 0 16px 32px -20px rgba(16,17,34,.20);
  --i-sh-sm:     0 1px 3px rgba(16,17,34,.05), 0 6px 16px -12px rgba(16,17,34,.16);
  --i-grad:      linear-gradient(135deg, var(--i-accent), var(--i-accent-2));
  --i-radius:    18px;
}

/* ===== 画布:中性浅灰蓝 ===== */
body.mc-i .phone-screen,
body.mc-i .phone-screen-content { background: var(--i-bg) !important; color: var(--i-ink) !important; }
body.mc-i .phone-view { background: transparent !important; }
body.mc-i .phone-statusbar { background: var(--i-bg) !important; color: var(--i-faint) !important; }
body.mc-i .phone-statusbar span { color: var(--i-faint) !important; }

/* ===== 顶栏:去色块带,清爽浅头(I .top)===== */
body.mc-i .phone-topbar {
  background: var(--i-bg) !important;
  border: none !important; box-shadow: none !important;
  padding: 6px 18px 12px !important;
}
body.mc-i .phone-topbar::before,
body.mc-i .phone-topbar::after { display: none !important; }
body.mc-i .phone-topbar .title {
  color: var(--i-ink) !important; font-weight: 800 !important;
  font-size: 1.2rem !important; letter-spacing: -.02em !important;
  font-family: -apple-system,"PingFang SC","Microsoft YaHei",system-ui,sans-serif !important;
}
body.mc-i .phone-topbar .sub {
  display: block !important; color: var(--i-faint) !important;
  font-size: .7rem !important; opacity: 1 !important; margin-top: 2px !important;
}

/* 顶栏右上头像/操作:蓝调圆形 */
body.mc-i .mc-tier-avatar {
  background: var(--i-accent-sf) !important; border: none !important;
  box-shadow: var(--i-sh-sm) !important;
}

/* ============================================================================
   方案I 专属:AI 工作台 ask-hero(录音首页首屏主元素)
   ============================================================================ */
body.mc-i .mc-askhero {
  background: var(--i-grad) !important;
  border-radius: 22px;
  padding: 16px 16px 14px;
  color: #fff;
  position: relative;
  overflow: hidden;
  box-shadow: 0 12px 26px -10px rgba(91,108,255,.55);
  margin: 6px 0 12px;
  /* phone-view 是 flex column;overflow:hidden 会把 flex 自动最小尺寸归零 → 被 flex-shrink
     压成只剩 padding 高。必须 flex:0 0 auto 锁住,让它按内容撑开。 */
  flex: 0 0 auto;
}
body.mc-i .mc-recrow { flex: 0 0 auto; }
body.mc-i .mc-askhero::after {
  content: ""; position: absolute; right: -40px; bottom: -50px;
  width: 140px; height: 140px; border-radius: 50%;
  background: rgba(255,255,255,.14);
}
body.mc-i .mc-askhero .k { font-size: 12px; opacity: .9; position: relative; z-index: 1; }
body.mc-i .mc-askhero .q { font-size: 16px; font-weight: 700; margin-top: 3px; position: relative; z-index: 1; }
body.mc-i .mc-askbar {
  display: flex; align-items: center; gap: 9px;
  background: rgba(255,255,255,.95);
  border: none;
  border-radius: 14px; padding: 11px 13px; margin-top: 12px;
  width: 100%; text-align: left; position: relative; z-index: 1; cursor: pointer;
}
body.mc-i .mc-askbar .ico { width: 17px; height: 17px; stroke: var(--i-accent); fill: none; stroke-width: 2; flex-shrink: 0; }
body.mc-i .mc-askbar .ph { font-size: 12.5px; color: var(--i-faint); }
body.mc-i .mc-askbar .go {
  margin-left: auto; width: 26px; height: 26px; border-radius: 9px;
  background: var(--i-grad);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
body.mc-i .mc-askbar .go svg { stroke: #fff; width: 14px; height: 14px; fill: none; stroke-width: 2; }
body.mc-i .mc-askquick { display: flex; gap: 8px; margin-top: 11px; position: relative; z-index: 1; }
body.mc-i .mc-askchip {
  font-size: 11px; background: rgba(255,255,255,.18); color: #fff;
  padding: 5px 11px; border-radius: 20px; font-weight: 500; border: none; cursor: pointer;
}
body.mc-i .mc-askchip:active { transform: scale(.96); }

/* ============================================================================
   录音入口降级为横向卡 recrow(I ①.recrow)
   ============================================================================ */
body.mc-i .mc-recrow {
  display: flex; align-items: center; gap: 12px;
  background: var(--i-card) !important;
  border: 1px solid var(--i-line) !important;
  border-radius: var(--i-radius) !important;
  box-shadow: var(--i-sh-sm) !important;
  padding: 12px 14px !important; margin: 0 0 6px !important;
  flex-wrap: wrap;
}
/* mc-rec-cta 只是 [录音钮 + 导入钮] 的容器,拆开让二者直接进 recrow 的 flex */
body.mc-i .mc-recrow .mc-rec-cta { display: contents !important; }
/* 录音主钮:玫红正圆,recrow 内缩到 52px,居左 */
body.mc-i .mc-recrow .phone-recbtn {
  order: 1;
  width: 52px !important; height: 52px !important; min-width: 52px !important;
  border-radius: 50% !important;
  background: var(--i-rec) !important; color: #fff !important; border: none !important;
  box-shadow: 0 6px 16px -6px rgba(255,77,109,.5) !important;
  font-size: .58rem !important; font-weight: 700 !important; line-height: 1.1 !important;
  padding: 0 !important; flex-shrink: 0;
}
body.mc-i .mc-recrow .phone-recbtn:active { transform: scale(.96) !important; }
/* 录音文案:recrow 中段,左对齐堆叠,吃掉剩余空间 */
body.mc-i .mc-recrow .mc-rec-sub {
  order: 2; color: var(--i-faint) !important; font-size: .74rem !important;
  flex: 1 1 auto; min-width: 0; margin: 0 !important; text-align: left !important; line-height: 1.35;
}
body.mc-i .mc-recrow .mc-rec-sub .phone-rec-label { color: var(--i-ink) !important; font-weight: 700 !important; font-size: .9rem !important; display: block; }
body.mc-i .phone-rectimer,
body.mc-i .num { font-family: ui-monospace,"SF Mono",Menlo,monospace !important; color: var(--i-ink) !important; font-variant-numeric: tabular-nums; text-shadow: none !important; }
/* 导入音频(JS 注入进 mc-rec-cta):压掉内联虚线胶囊 → I 蓝浅底,居右 */
body.mc-i .mc-recrow #mc-import-audio-btn,
body.mc-i #mc-import-audio-btn,
body.mc-i .mc-import-btn {
  order: 3; margin: 0 !important; padding: 8px 14px !important;
  background: var(--i-accent-sf) !important; border: none !important; color: var(--i-accent) !important;
  border-radius: 12px !important; box-shadow: none !important; font-weight: 600 !important;
  font-size: .78rem !important; white-space: nowrap; flex-shrink: 0;
}
/* 录音操作条(取消/暂停/完成):录音态才显,占满一行 */
body.mc-i .mc-recrow .mc-rec-tab-actions { order: 4; flex: 1 0 100%; margin-top: 6px !important; }

/* ===== 方案I:录音首页 JS 注入的旧 hero(dt36-hero--merged 统计条)整块隐藏,由 ask-hero 取代 ===== */
body.mc-i [data-proto-state="rec"] .dt36-hero,
body.mc-i [data-proto-state="rec"] .dt36-hero--merged { display: none !important; }
/* ===== 其余视图若仍有 dt36-hero:去深色,保持中性(兜底)===== */
body.mc-i .dt36-hero,
body.mc-i .dt36-hero--merged,
body.mc-i .mc-sm-hero,
body.mc-i .mc-oc-hero {
  background: transparent !important; border: none !important; box-shadow: none !important;
  color: var(--i-ink) !important; padding: 0 !important; margin: 6px 0 14px !important;
  min-height: 0 !important; height: auto !important; max-height: none !important; overflow: visible !important;
}
body.mc-i .dt36-hero-orbs,
body.mc-i .dt36-hero-eyebrow,
body.mc-i .dt36-hero-sub,
body.mc-i [data-proto-state="rec"] .dt36-hero-title,
body.mc-i .dt36-hero .dt36-hero-title,
body.mc-i .dt36-hero-title { display: none !important; }
/* 若某处仍渲染 stat 三连 → 蓝青渐变卡兜底 */
body.mc-i .dt36-hero-stats {
  background: var(--i-grad) !important;
  border: none !important;
  border-radius: var(--i-radius) !important;
  box-shadow: 0 14px 30px -14px rgba(91,108,255,.5) !important;
  padding: 16px 12px !important; margin: 0 !important;
  display: flex !important; gap: 9px !important;
}
body.mc-i .dt36-hero-stat { color: #fff !important; flex: 1 !important; text-align: center !important; border: none !important; }
body.mc-i .dt36-hero-stat::before,
body.mc-i .dt36-hero-stat::after { display: none !important; }
body.mc-i .dt36-hero-stat .v,
body.mc-i .dt36-hero-stat [class*="num"],
body.mc-i .dt36-hero-stat b { color: #fff !important; font-size: 1.2rem !important; font-weight: 800 !important; }
body.mc-i .dt36-hero-stat .l,
body.mc-i .dt36-hero-stat [class*="lab"],
body.mc-i .dt36-hero-stat small { color: rgba(255,255,255,.85) !important; font-size: .62rem !important; }

/* ===== 区块标题(I .sec):灰黑加粗 + 小留白,行内"全部›"蓝 ===== */
body.mc-i .phone-block-h {
  color: var(--i-ink) !important; font-weight: 700 !important;
  font-size: .92rem !important; letter-spacing: -.01em !important;
  margin: 16px 0 9px !important; display: flex; align-items: center; justify-content: space-between;
}
body.mc-i .phone-block-h::before { display: none !important; }
body.mc-i .mc-ws-hint, body.mc-i .mc-ws-filter, body.mc-i .mc-insight-toggle { font-weight: 500; }

/* ===== 卡片系统(I .card):白底 18px 圆角 + 柔影 ===== */
body.mc-i .phone-rec-list,
body.mc-i .phone-mem-card,
body.mc-i .mc-card,
body.mc-i .phone-summary,
body.mc-i .phone-todos,
body.mc-i .phone-confirm-card,
body.mc-i .mc-ws-card,
body.mc-i .mc-init-card,
body.mc-i .mc-rc-card,
body.mc-i .mc-isight-hero,
body.mc-i .mc-tier-panel .mc-tier-card,
body.mc-i .mc-pref-item {
  background: var(--i-card) !important;
  border: 1px solid var(--i-line) !important;
  border-radius: var(--i-radius) !important;
  box-shadow: var(--i-sh) !important;
  padding: 14px 16px !important;
  margin-bottom: 10px !important;
}
/* 列表行(I .row):细分隔,无重边 */
body.mc-i .phone-rec-item,
body.mc-i .phone-mem-card .item,
body.mc-i .mem-thread,
body.mc-i .mc-rc-thread {
  border: none !important; border-bottom: 1px solid var(--i-line) !important;
  border-radius: 0 !important; box-shadow: none !important;
  background: transparent !important;
  padding: 11px 0 !important; margin: 0 !important;
  display: flex; align-items: center; gap: 11px;
}
body.mc-i .phone-rec-list .phone-rec-item:last-child,
body.mc-i .phone-mem-card .item:last-child { border-bottom: 0 !important; }
body.mc-i .phone-rec-item .title,
body.mc-i .phone-mem-card .who { color: var(--i-ink) !important; font-weight: 600 !important; font-size: .9rem !important; }
body.mc-i .phone-rec-item .meta,
body.mc-i .phone-mem-card .meta { color: var(--i-faint) !important; font-size: .73rem !important; }
/* 头像/图标块(I .ic):蓝调圆角 */
body.mc-i .phone-mem-card .avatar {
  width: 40px !important; height: 40px !important; border-radius: 12px !important;
  background: var(--i-accent-sf) !important; color: var(--i-accent) !important;
  font-weight: 700 !important; box-shadow: none !important;
}
body.mc-i .phone-mem-card .count { color: var(--i-accent) !important; font-weight: 700 !important; }

/* ===== chip / pill(I .chip):蓝浅底,选中蓝 ===== */
body.mc-i .proto-pill,
body.mc-i [class*="chip"],
body.mc-i .mc-ws-fbtn,
body.mc-i .mc-it-btn,
body.mc-i .mc-pref-kind {
  background: var(--i-accent-sf) !important; border: none !important;
  color: var(--i-accent) !important; border-radius: 20px !important;
  box-shadow: none !important; font-weight: 600 !important;
}
body.mc-i .proto-pill.active,
body.mc-i .mc-ws-fbtn.active,
body.mc-i .mc-it-btn.active,
body.mc-i .mc-pref-kind.active {
  background: var(--i-grad) !important; color: #fff !important;
  border-color: transparent !important;
}

/* ===== fcard 核心功能格(I .grid2 .fcard):白底 18px + 蓝青图标块 ===== */
body.mc-i .mc-agx-core { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
body.mc-i .mc-agx-card {
  background: var(--i-card) !important; border: 1px solid var(--i-line) !important;
  border-radius: var(--i-radius) !important; box-shadow: var(--i-sh) !important;
  padding: 14px !important; min-height: 80px !important;
}
body.mc-i .mc-agx-card .ic { color: var(--i-accent) !important; }
body.mc-i .mc-agx-card .t { color: var(--i-ink) !important; font-weight: 700 !important; }
body.mc-i .mc-agx-card .d { color: var(--i-faint) !important; }
body.mc-i #mc-agx-draft {
  background: linear-gradient(135deg,#eef0ff,#e3f6fc) !important; border: none !important;
}

/* ===== bars(I .bars):浅轨 + 蓝青渐变填充 ===== */
body.mc-i .mem-radar .bar,
body.mc-i .mc-rc-bar { background: #eceef7 !important; height: 7px !important; border-radius: 4px !important; }
body.mc-i .mem-radar .bar-fill,
body.mc-i .mc-rc-bar i { background: linear-gradient(90deg, var(--i-accent), var(--i-accent-2)) !important; }
body.mc-i .mem-radar .topic,
body.mc-i .mc-rc-topic { color: var(--i-ink) !important; font-weight: 500 !important; }
body.mc-i .mem-radar .count,
body.mc-i .mc-rc-num { color: var(--i-faint) !important; }

/* ===== kpi 网格(I .kpi .kc):蓝浅底格,蓝数字 ===== */
body.mc-i .mem-decision-grid,
body.mc-i .mc-rc-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
body.mc-i .mem-decision-cell,
body.mc-i .mc-rc-cell {
  background: var(--i-accent-sf) !important; border: none !important; border-radius: 12px !important; padding: 9px 11px !important;
}
body.mc-i .mem-decision-cell .lab,
body.mc-i .mc-rc-lab { color: var(--i-dim) !important; }
body.mc-i .mem-decision-cell .val,
body.mc-i .mc-rc-val { color: var(--i-accent) !important; font-weight: 800 !important; font-variant-numeric: tabular-nums; }

/* ===== 标签(I .tag):承载状态色 ===== */
body.mc-i .phone-todo .tag,
body.mc-i .phone-rec-item .tag,
body.mc-i [class*="tag"].warn { font-weight: 600 !important; border-radius: 999px !important; }
body.mc-i .phone-todo .tag.warn,
body.mc-i .tag.warn { color: var(--i-warn) !important; background: #fef3e2 !important; }

/* ===== 主行动按钮 / 发送 / 检索:蓝青渐变实心 ===== */
body.mc-i .mc-btn-primary,
body.mc-i .mc-chat-send,
body.mc-i .mc-search-go,
body.mc-i #mc-init-scan,
body.mc-i .phone-confirm-card .approve {
  background: var(--i-grad) !important; color: #fff !important; border: none !important;
  border-radius: 12px !important; font-weight: 600 !important; box-shadow: 0 8px 20px -10px rgba(91,108,255,.6) !important;
}
body.mc-i .phone-confirm-card .deny {
  background: #fff !important; color: var(--i-dim) !important; border: 1px solid var(--i-line2) !important; border-radius: 12px !important;
}
body.mc-i a, body.mc-i [class*="link"], body.mc-i [class*="refresh"] { color: var(--i-accent) !important; }

/* ===== 输入框:浅边圆角 ===== */
body.mc-i input[type="text"],
body.mc-i .mc-chat-input,
body.mc-i #mc-oc-custom-prompt {
  background: #fff !important; border: 1px solid var(--i-line2) !important; border-radius: 12px !important; color: var(--i-ink) !important;
}

/* ===== 底部导航(I .nav):白底毛玻璃 + 选中蓝 ===== */
body.mc-i .phone-bottombar {
  background: rgba(255,255,255,.85) !important; border-top: 1px solid var(--i-line) !important;
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); box-shadow: none !important;
}
body.mc-i .phone-bottombar button { color: var(--i-faint) !important; font-weight: 500 !important; }
body.mc-i .phone-bottombar button.active { color: var(--i-accent) !important; font-weight: 600 !important; }

/* ===== 骨架/空态 ===== */
body.mc-i [class*="skel"], body.mc-i [class*="loading"] {
  background: linear-gradient(90deg,#eef0f5 25%,#f6f7fc 37%,#eef0f5 63%) !important;
  background-size: 200% 100% !important;
}
body.mc-i [class*="empty"], body.mc-i .mc-stream-placeholder, body.mc-i .mc-ws-skel { color: var(--i-faint) !important; }

/* ===== AI助手 空态/落地 chip 与 brief(app-27 注入暗色 style)→ I 白卡中性 ===== */
body.mc-i .mc-agx-ab-chip {
  background: #fff !important; border: 1px solid var(--i-line2) !important;
  color: var(--i-dim) !important; border-radius: 20px !important; box-shadow: var(--i-sh-sm) !important;
}
body.mc-i .mc-agx-ab-chip:active { transform: scale(.97); }
body.mc-i .mc-agx-prompt {
  background: var(--i-accent-sf) !important; border: none !important;
  color: var(--i-accent) !important; border-radius: 20px !important; box-shadow: none !important;
}
body.mc-i .mc-agx-brief {
  background: #fff !important; border: 1px solid var(--i-line) !important;
  color: var(--i-ink) !important; border-radius: var(--i-radius) !important; box-shadow: var(--i-sh-sm) !important;
}
body.mc-i .mc-agx-ab-h, body.mc-i .mc-agx-prompts-h { color: var(--i-faint) !important; }
/* 兜底:AI助手视图内 chip/按钮的红边/红影收敛为 I 中性(app-27 暗色注入 style 残红) */
body.mc-i [data-proto-state="agent"] button[class*="mc-agx"],
body.mc-i [data-proto-state="agent"] .mc-agx-prompt,
body.mc-i [data-proto-state="agent"] .mc-agx-ab-chip {
  border-color: var(--i-line2) !important;
  outline-color: var(--i-line2) !important;
}

/* pill 角标空徽标隐藏残影 */
body.mc-i .mc-pill-badge:empty { display: none !important; }

/* 账户面板登录按钮 → 蓝青渐变(I 主行动统一)*/
body.mc-i #mc-login-submit,
body.mc-i .mc-auth-submit { background: var(--i-grad) !important; color: #fff !important; border: none !important; }

/* ============================================================================
   记忆图谱卡(mc7)转 I:白卡 + 蓝强调 + 蓝青渐变头
   ============================================================================ */
body.mc-i {
  --mc7-paper:   #ffffff;
  --mc7-hero-bg: linear-gradient(135deg, #5b6cff, #22c3ee);
  --mc7-hero-fg: #ffffff;
  --mc7-ink:     #101122;
  --mc7-shadow-card: 0 2px 8px rgba(16,17,34,.04), 0 16px 32px -20px rgba(16,17,34,.20);
}
body.mc-i .mc7-card { border-radius: var(--i-radius) !important; }
body.mc-i .mc7-graph-search,
body.mc-i .mc7-card-cta {
  background: var(--i-grad) !important; color: #fff !important; border: none !important;
  border-radius: 12px !important; font-weight: 600 !important;
  box-shadow: 0 8px 20px -10px rgba(91,108,255,.6) !important;
}
body.mc-i .mc7-graph-card,
body.mc-i .mc7-card {
  --mc7-paper: #ffffff;
  --mc7-paper-soft: #ffffff;
  --mc7-hero-bg: linear-gradient(135deg, #5b6cff, #22c3ee);
  --mc7-hero-fg: #ffffff;
  --mc7-ink: #101122;
  --mc7-ink-sub: #565a72;
  --mc7-ink-mute: #9498b0;
  --mc7-hairline: #e2e4ef;
  --mc7-accent-meeting: #5b6cff;
  --mc7-card-accent: #5b6cff;
  --mc7-shadow-card: 0 2px 8px rgba(16,17,34,.04), 0 16px 32px -20px rgba(16,17,34,.20);
  background: #ffffff !important;
  border-radius: 18px !important;
  box-shadow: var(--i-sh) !important;
}
body.mc-i .mc7-graph-svg-wrap { background: #f6f7fb !important; }
body.mc-i .mc7-graph-search button {
  background: var(--i-grad) !important; color: #fff !important;
  box-shadow: 0 8px 20px -10px rgba(91,108,255,.6) !important;
}
body.mc-i .mc7-graph-search input { background: #fff !important; border-color: var(--i-line2) !important; }
body.mc-i .mc7-graph-narrative {
  color: var(--i-accent) !important; background: rgba(91,108,255,.06) !important;
  border-left-color: var(--i-accent) !important;
}
body.mc-i .mc7-recall-pulse,
body.mc-i .mc7-axis-tick.is-now { fill: var(--i-accent) !important; }

/* ===== 录音首页数据区块(app-07 mc-home-*)统一为 I 白卡 + 蓝计数 ===== */
body.mc-i .mc-home-update,
body.mc-i .mc-home-sec,
body.mc-i .mc-home-insight,
body.mc-i .mc-home-swipe {
  background: var(--i-card) !important; border: 1px solid var(--i-line) !important;
  border-radius: var(--i-radius) !important; box-shadow: var(--i-sh-sm) !important;
}
body.mc-i .mc-home-todo-cnt,
body.mc-i .mc-home-mem-cnt,
body.mc-i .mc-home-update-ttl { color: var(--i-accent) !important; }
body.mc-i .mc-home-swipe-dots .on,
body.mc-i .mc-home-swipe-dots i.on { background: var(--i-accent) !important; }

/* ============================================================================
   残留品牌红(#e0392b)收敛为 I 蓝青:AI助手空态 CTA / 记忆分析图标 / 洞察 hero
   —— 这些红来自 app-NN 运行时注入的 <style> 或 index.html 内联 <style>,
   用更高特异度 + !important 压过,不改源(源里 8 处 #e0392b 有些是语义红,勿盲改)。
   ============================================================================ */
body.mc-i .mc-agx-brief .bcta {
  background: var(--i-grad) !important; color: #fff !important; border: none !important;
  box-shadow: 0 8px 20px -10px rgba(91,108,255,.6) !important;
}
body.mc-i .mc-rc-ico { color: var(--i-accent) !important; }
body.mc-i .mc-rc-bar i { background: linear-gradient(90deg, var(--i-accent), var(--i-accent-2)) !important; }
body.mc-i .mc-isight-hero {
  background: linear-gradient(135deg, var(--i-accent-sf), #e3f6fc) !important;
}

/* ============================================================================
   2026-07-01 · 方案I 打磨批次(逐屏对照 _proto/I.html,收口未跟上的细节)
   A 首次引导/底部 sheet 去米黄去红 · B 我的-登录按钮转渐变 · C 核心功能卡去胶囊
   E 签到绿转蓝青 · F 录音页 ask-chip 白条/半透明白 · G 顶栏 emoji→细线图标
   —— 这些残留来自 style.css 旧品牌层 / app-27 注入 / proto-pill 误挂类,
      本层用更高特异度 + 源序后置压过,不改 JS(D 项另在 app-03 处理)。
   ============================================================================ */

/* ---- A · 底部 sheet + 首次 onboarding 引导:米黄底/红边/衬线 → 方案I ---- */
body.mc-i .mc-sheet-panel { background: var(--i-card) !important; border-radius: 20px 20px 0 0 !important; }
body.mc-i .mc-sheet-close { background: var(--i-accent-sf) !important; color: var(--i-dim) !important; }
body.mc-i #mc-sheet-host .mc-onboard-h {
  color: var(--i-ink) !important; font-weight: 800 !important; letter-spacing: -.01em !important;
  font-family: -apple-system,"PingFang SC","Microsoft YaHei",system-ui,sans-serif !important;
}
body.mc-i #mc-sheet-host .mc-onboard-sub { color: var(--i-faint) !important; }
body.mc-i #mc-sheet-host .mc-onboard-cell {
  background: var(--i-bg) !important; border: 1px solid var(--i-line) !important;
  border-left: 3px solid var(--i-accent) !important; border-radius: 12px !important;
}
body.mc-i #mc-sheet-host .mc-onboard-name {
  font-family: -apple-system,"PingFang SC","Microsoft YaHei",system-ui,sans-serif !important;
  color: var(--i-ink) !important;
}
body.mc-i #mc-sheet-host .mc-onboard-desc { color: var(--i-dim) !important; }
/* sticky 底栏自带 --paper 奶油底(按钮上方那条米黄带)→ 转白 + 浅分隔 */
body.mc-i #mc-sheet-host .mc-onboard-foot { background: var(--i-card) !important; border-top-color: var(--i-line) !important; }
/* 「开始使用」及其他 sheet 主按钮:红 → 蓝青渐变(#mc-sheet-host id 提特异度,稳压 .mc-btn-primary 的 carmine 基样式) */
body.mc-i #mc-sheet-host .mc-btn-primary,
body.mc-i #mc-onboard-ok {
  background: var(--i-grad) !important; color: #fff !important; border: none !important;
  border-radius: 14px !important; box-shadow: 0 10px 22px -10px rgba(91,108,255,.55) !important;
}

/* ---- B · 「我的」登录按钮(内联黑样式,!important 压过内联)→ 蓝青渐变 ---- */
body.mc-i [data-act="dologin"] {
  background: var(--i-grad) !important; color: #fff !important; border: none !important;
  border-radius: 12px !important; box-shadow: 0 8px 20px -10px rgba(91,108,255,.6) !important;
}

/* ---- C · AI助手「全部功能」核心卡是 <button class="proto-pill mc-agx-card">,
        被 .proto-pill 强制 999px 胶囊 → 用 .mc-agx-card.proto-pill(0,3,1)夺回 18px ---- */
body.mc-i .mc-agx-card.proto-pill { border-radius: var(--i-radius) !important; }

/* ---- E · 「签到领豆」深绿渐变按钮 → 方案I 蓝浅底 + 蓝字(奖励入口,保持次级不抢主行动) ---- */
body.mc-i .mc-wallet-checkin-btn {
  background: var(--i-accent-sf) !important; color: var(--i-accent) !important;
  border: none !important; box-shadow: none !important; font-weight: 700 !important;
}

/* ---- F · 录音首页 AI 工作台 quick-chip:去白条 + 半透明白(对齐原型 .quick span rgba(255,255,255,.18)) ----
   源序后置,压过前面通配 [class*="chip"] 把 ask-chip 误染成不透明浅蓝的规则。 */
body.mc-i .mc-askquick { background: transparent !important; }
body.mc-i .mc-askchip {
  background: rgba(255,255,255,.18) !important; color: #fff !important;
  border: none !important; box-shadow: none !important;
}

/* ---- G · 顶栏 🔍搜索 / 🔔消息 emoji → 方案I 细线图标(复用底部 nav 的 currentColor+mask 技法)---- */
/* 注意:.mc-top-ico 本身 position:absolute(right:88/50px 定位在右上),不可覆盖其 position,
   否则图标掉回文档流末尾。仅隐藏 emoji 字形(font-size:0),用 ::before mask 画线图标。 */
body.mc-i #mc-top-search,
body.mc-i #mc-top-msg {
  font-size: 0 !important; color: transparent !important;
}
body.mc-i #mc-top-search::before,
body.mc-i #mc-top-msg::before {
  content: ''; display: block; width: 21px; height: 21px; margin: 0 auto;
  background: var(--i-dim);
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-size: 21px 21px; mask-size: 21px 21px;
}
body.mc-i #mc-top-search::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4-4'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4-4'/%3E%3C/svg%3E");
}
body.mc-i #mc-top-msg::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 9-3 9h18s-3-2-3-9'/%3E%3Cpath d='M13.7 21a2 2 0 0 1-3.4 0'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 9-3 9h18s-3-2-3-9'/%3E%3Cpath d='M13.7 21a2 2 0 0 1-3.4 0'/%3E%3C/svg%3E");
}
/* 消息未读红点:emoji 隐了但 .mc-top-dot 是独立定位子节点,保持可见 */
body.mc-i #mc-top-msg .mc-top-dot { font-size: initial !important; }