/* ============================================================================
   MnemoCard · 浅色统一设计系统(参考飞书妙记/通义听悟:干净白底·大留白·单强调·柔投影)
   2026-07-01 · 旗舰评审:录音首页。scope = body.mc-lite。统一卡片/按钮/字阶/动效/进度。
   ============================================================================ */
body.mc-lite {
  --lt-bg:        #f5f6f8;      /* 中性微灰底,衬出白卡 */
  --lt-card:      #ffffff;
  --lt-border:    rgba(17,24,39,0.06);
  --lt-text:      #1b1f27;
  --lt-dim:       #6b7280;
  --lt-faint:     #9aa1ad;
  --lt-accent:    #e5392b;      /* 单一品牌强调(红),克制使用 */
  --lt-accent-sf: rgba(229,57,43,0.08);
  --lt-radius:    16px;
  --lt-radius-s:  12px;
  --lt-shadow:    0 1px 2px rgba(17,24,39,.04), 0 10px 28px -16px rgba(17,24,39,.16);
  --lt-shadow-sm: 0 1px 2px rgba(17,24,39,.05), 0 4px 14px -10px rgba(17,24,39,.12);
  --lt-ease:      cubic-bezier(.22,.61,.36,1);
}

/* ---- 画布 ---- */
body.mc-lite,
body.mc-lite .phone-screen,
body.mc-lite .phone-screen-content { background: var(--lt-bg) !important; color: var(--lt-text) !important; }
body.mc-lite .phone-view { background: transparent !important; }

/* ---- 区块标题:克制小圆点强调 + 清晰字重 ---- */
body.mc-lite .phone-block-h {
  color: var(--lt-text) !important; font-weight: 600; font-size: .95rem; letter-spacing: .01em;
  display: flex; align-items: center; gap: 7px; margin: 18px 0 10px;
}
body.mc-lite .phone-block-h::before {
  content: ""; width: 6px; height: 6px; border-radius: 50%;
  background: var(--lt-accent); flex-shrink: 0;
}

/* ---- 统一卡片:白底 + 柔投影(去重边框/去歪斜阴影)---- */
body.mc-lite .phone-rec-list,
body.mc-lite .phone-rec-item,
body.mc-lite .mc-card, body.mc-lite .mc-oh-item, body.mc-lite .mc-rc-card,
body.mc-lite [data-proto-state="rec"] > div:not(.mc-rec-cta):not(.mc-rec-sub):not(.mc-rec-tab-actions):not(.phone-block-h):not(.mc-askhero):not(.mc-recrow) {
  background: var(--lt-card) !important;
  border: 1px solid var(--lt-border) !important;
  border-radius: var(--lt-radius) !important;
  box-shadow: var(--lt-shadow-sm) !important;
  transition: box-shadow .2s var(--lt-ease), transform .12s var(--lt-ease);
}
body.mc-lite .phone-rec-item:active, body.mc-lite .mc-oh-item:active { transform: scale(.99); }
body.mc-lite .phone-rec-item .title, body.mc-lite .mc-oh-item .mc-oh-t { color: var(--lt-text) !important; font-weight: 600; }
body.mc-lite .phone-rec-item .meta, body.mc-lite .mc-oh-item .mc-oh-d { color: var(--lt-dim) !important; }

/* ---- 录音主按钮:实心品牌红 + 柔光晕(克制,不刺眼)---- */
body.mc-lite .phone-recbtn {
  background: var(--lt-accent) !important; color: #fff !important; border: none !important;
  box-shadow: 0 8px 24px -6px rgba(229,57,43,.45) !important;
  transition: transform .15s var(--lt-ease), box-shadow .2s var(--lt-ease);
}
body.mc-lite .phone-recbtn:active { transform: scale(.96); }

/* ---- 导入按钮:中性次级(实底浅灰,去虚线)---- */
body.mc-lite #mc-import-audio-btn {
  background: #fff !important; border: 1px solid var(--lt-border) !important;
  color: var(--lt-text) !important; border-radius: 999px !important;
  box-shadow: var(--lt-shadow-sm) !important; font-weight: 600;
  transition: background .15s var(--lt-ease);
}
body.mc-lite #mc-import-audio-btn:active { background: #f0f1f3 !important; }

/* ---- 数字/计时器:等宽 + 沉稳(不再大红大绿)---- */
body.mc-lite .phone-rectimer, body.mc-lite .num, body.mc-lite .mc-rc-val {
  font-family: var(--mono, ui-monospace, Menlo, monospace) !important;
  font-variant-numeric: tabular-nums; color: var(--lt-text) !important; letter-spacing: .01em;
}
body.mc-lite .mc-rec-sub, body.mc-lite .mc-rec-sub .phone-rec-label { color: var(--lt-dim) !important; }

/* ---- chip / 快捷项:统一胶囊(浅底+细边,选中态品牌色)---- */
body.mc-lite [class*="chip"], body.mc-lite [class*="pill"], body.mc-lite [class*="quick"] {
  background: #fff !important; border: 1px solid var(--lt-border) !important;
  color: var(--lt-text) !important; border-radius: 999px !important;
  box-shadow: none !important; transition: all .15s var(--lt-ease);
}
body.mc-lite [class*="chip"]:active, body.mc-lite [class*="pill"]:active {
  background: var(--lt-accent-sf) !important; border-color: var(--lt-accent) !important; color: var(--lt-accent) !important;
}

/* ---- 空态/占位 ---- */
body.mc-lite [class*="empty"], body.mc-lite .mc-stream-placeholder { color: var(--lt-faint) !important; }

/* ---- 进度/加载:统一骨架屏微光(竞品级)---- */
@keyframes mcLiteShimmer { 0%{background-position:-200% 0} 100%{background-position:200% 0} }
body.mc-lite .mc-skeleton, body.mc-lite [class*="skeleton"], body.mc-lite [class*="loading"] {
  background: linear-gradient(90deg, #eceef1 25%, #f4f5f7 37%, #eceef1 63%) !important;
  background-size: 200% 100% !important; animation: mcLiteShimmer 1.4s linear infinite;
  border-radius: 8px;
}

/* ---- 底部导航:白底 + 细上边 + 选中品牌色 ---- */
body.mc-lite [class*="tabbar"], body.mc-lite [class*="botnav"], body.mc-lite [class*="bottom-nav"] {
  background: rgba(255,255,255,.92) !important;
  -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
  border-top: 1px solid var(--lt-border) !important;
}

/* ---- 全局:统一过渡(按钮/卡可点击物的微动效)---- */
body.mc-lite button, body.mc-lite [role="button"], body.mc-lite [data-proto-go] {
  transition: transform .12s var(--lt-ease), background .15s var(--lt-ease), box-shadow .2s var(--lt-ease);
}

/* ===== AI助手:核心 4 卡 / 区块标题 / hero简报 / 操作条 统一 ===== */
body.mc-lite .mc-agx-card {
  background: var(--lt-card) !important;
  border: 1px solid var(--lt-border) !important;
  border-radius: var(--lt-radius) !important;
  box-shadow: var(--lt-shadow-sm) !important;   /* 去掉原歪斜发虚阴影,统一柔投影 */
  min-height: 84px !important;
}
body.mc-lite .mc-agx-card:active { transform: scale(.98); box-shadow: var(--lt-shadow) !important; }
body.mc-lite .mc-agx-card .t { color: var(--lt-text) !important; font-weight: 600; }
body.mc-lite .mc-agx-card .d { color: var(--lt-dim) !important; }
body.mc-lite #mc-agx-draft {
  background: linear-gradient(135deg, var(--lt-accent-sf), #fff) !important;
  border-color: rgba(229,57,43,.22) !important;
}
body.mc-lite .mc-agx-sec-h { color: var(--lt-dim) !important; font-weight: 600; letter-spacing: .02em; }
body.mc-lite .mc-agx-brief, body.mc-lite .mc-agx-home > div:first-child {
  background: #fff !important; border: 1px solid var(--lt-border) !important;
  border-radius: var(--lt-radius) !important; box-shadow: var(--lt-shadow-sm) !important;
}
body.mc-lite .mc-agx-actionbar { background: transparent !important; }
body.mc-lite .mc-agx-badge {
  background: var(--lt-accent) !important; color: #fff !important; font-weight: 700;
  border-radius: 999px !important;
}

/* ===== 记忆:quicknav 胶囊行统一(去红下划线杂样)===== */
body.mc-lite .mc-pills-row [class*="mc-pill"], body.mc-lite .mc-pill-utility, body.mc-lite .mc-pill-search {
  background: #fff !important; border: 1px solid var(--lt-border) !important;
  border-radius: 999px !important; color: var(--lt-text) !important;
  box-shadow: var(--lt-shadow-sm) !important;
}
body.mc-lite .mc-pill-badge, body.mc-lite .mc-pill-init-badge, body.mc-lite .mc-pill-conf-badge {
  background: var(--lt-accent) !important; color: #fff !important; border: none !important;
  border-radius: 999px !important; font-weight: 700; box-shadow: none !important;
}

/* ===== 主操作按钮统一(各模块的红色 CTA)===== */
body.mc-lite button[class*="primary"], body.mc-lite .mc-btn-primary {
  background: var(--lt-accent) !important; color: #fff !important; border: none !important;
  border-radius: 12px !important; font-weight: 600;
  box-shadow: 0 6px 18px -8px rgba(229,57,43,.5) !important;
}
/* 录音主钮保持圆形(不被上面的 12px 方角影响)*/
body.mc-lite .phone-recbtn { border-radius: 50% !important; }
/* ===== 次级/幽灵按钮统一 ===== */
body.mc-lite .mc-btn:not(.mc-btn-primary), body.mc-lite button[class*="ghost"], body.mc-lite button[class*="cancel"] {
  background: #fff !important; border: 1px solid var(--lt-border) !important;
  color: var(--lt-text) !important; border-radius: 12px !important;
}

/* ===== 链接/可点文字统一品牌色 ===== */
body.mc-lite a, body.mc-lite [class*="link"] { color: var(--lt-accent) !important; }

/* ===== 字体统一 + 行高/遮挡修复 ===== */
body.mc-lite, body.mc-lite .phone-screen, body.mc-lite .phone-screen-content,
body.mc-lite .phone-view, body.mc-lite button {
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Inter", system-ui, sans-serif !important;
  -webkit-font-smoothing: antialiased;
}
/* 等宽数字仍用 mono(统计/计时) */
body.mc-lite .num, body.mc-lite .phone-rectimer, body.mc-lite .mc-rc-val, body.mc-lite [class*="timer"] {
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace !important;
}
/* hero 标题重叠修复:恢复正常行高、不裁切、不挤字距 */
body.mc-lite .mc-oc-hero-title, body.mc-lite .mc-sm-hero-title,
body.mc-lite .dt36-hero-title {
  line-height: 1.18 !important; letter-spacing: 0 !important;
  height: auto !important; max-height: none !important; margin: 2px 0 12px !important;
  white-space: normal !important; overflow: visible !important;
}
body.mc-lite .dt36-hero-title br { display: block; }
body.mc-lite .dt36-hero-title .accent { color: #ff9ea4 !important; }  /* hero 深底上用浅红强调 */
/* 高优先级压住 app-08 自注入样式:收字号 + 正常行高,根治两行重叠 */
body.mc-lite [data-proto-state="rec"] .dt36-hero-title,
body.mc-lite .dt36-hero .dt36-hero-title {
  font-size: 2rem !important; line-height: 1.22 !important; font-weight: 800 !important;
  display: block !important; height: auto !important; transform: none !important;
}
/* 文本统一行高 + 长词换行,避免遮挡/溢出 */
body.mc-lite .phone-rec-item, body.mc-lite .mc-oh-item, body.mc-lite .mc-agx-card,
body.mc-lite .phone-block-h, body.mc-lite .mc-rec-sub { line-height: 1.45; }
body.mc-lite .phone-view, body.mc-lite .phone-view p, body.mc-lite .phone-view div,
body.mc-lite .phone-view span { overflow-wrap: break-word; word-break: break-word; }
/* 卡内容统一内边距节奏,避免文字贴边 */
body.mc-lite .mc-oh-item, body.mc-lite .phone-rec-item { padding: 12px 14px !important; }

/* 2026-07-03 P2-4 · 产出·日历(周条+agenda) / 项目(进度条+chips+冲突条) */
.mc-cal{display:flex;gap:5px;margin:4px 0 12px}
.mc-cal .mc-cd{flex:1;text-align:center;padding:8px 0;border-radius:12px;background:#fff;border:1px solid var(--mc7-hairline)}
.mc-cal .mc-cd .w{font-size:10px;color:var(--mc7-ink-mute)}
.mc-cal .mc-cd .n{font-size:16px;font-weight:700;margin-top:2px;font-variant-numeric:tabular-nums}
.mc-cal .mc-cd.on{background:var(--mc7-hero-bg);border-color:transparent}
.mc-cal .mc-cd.on .w,.mc-cal .mc-cd.on .n{color:#fff}
.mc-agenda-card{background:#fff;border:1px solid var(--mc7-hairline);border-radius:16px;padding:2px 14px}
.mc-agenda{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid var(--mc7-hairline);align-items:stretch}
.mc-agenda:last-child{border-bottom:0}
.mc-agenda .bl{width:3px;border-radius:3px;background:var(--mc7-hero-bg);flex-shrink:0}
.mc-agenda .bl.due{background:#ff4d6d}
.mc-agenda .tm{font-size:12px;font-weight:700;color:#5b6cff;min-width:42px;font-variant-numeric:tabular-nums;padding-top:1px}
.mc-agenda .ac{flex:1;min-width:0}
.mc-agenda .ac .t{font-size:13.5px;font-weight:600}
.mc-agenda .ac .d{font-size:11.5px;color:var(--mc7-ink-mute);margin-top:2px}
.mc-mini{font-size:10px;padding:3px 7px;border-radius:8px;font-weight:600;margin-right:6px;color:var(--mc7-ink-mute);background:#f1f2f8}
.mc-mini.r{color:#ff4d6d;background:#ffe9ee}
.mc-proj-card{background:#fff;border:1px solid var(--mc7-hairline);border-radius:16px;padding:14px 15px;margin-bottom:10px}
.mc-proj-head{display:flex;align-items:center;gap:9px}
.mc-proj-head .rc{flex:1;min-width:0}
.mc-proj-head .rc .t{font-size:14px;font-weight:600}
.mc-proj-head .rc .d{font-size:12px;color:var(--mc7-ink-mute);margin-top:2px}
.mc-tag{font-size:11px;color:#5b6cff;background:rgba(91,108,255,.1);padding:4px 9px;border-radius:20px;font-weight:600;white-space:nowrap}
.mc-tag.w{color:#e08600;background:#fef3e2}
.mc-bars .b{display:flex;align-items:center;gap:8px;margin:8px 0}
.mc-bars .bn{font-size:11.5px;min-width:64px}
.mc-bars .bt{flex:1;height:7px;background:#eceef7;border-radius:4px;overflow:hidden}
.mc-bars .bt i{display:block;height:100%;background:var(--mc7-hero-bg)}
.mc-bars .bv{font-size:11px;color:var(--mc7-ink-mute);min-width:22px;text-align:right;font-variant-numeric:tabular-nums}
.mc-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:6px}
.mc-pchip{font-size:11.5px;padding:7px 12px;border-radius:20px;background:rgba(91,108,255,.1);color:#5b6cff;font-weight:600}
.mc-alert{display:flex;align-items:center;gap:9px;background:#fff4f6;border:1px solid #ffd9e0;border-radius:14px;padding:11px 13px;margin-bottom:10px}
.mc-alert .at{font-size:12.5px;font-weight:600;color:#c0304b;flex:1}
.mc-alert .ax{font-size:11px;font-weight:600;color:#ff4d6d;white-space:nowrap}