/* ============================================================
   DK打卡系统 · 苹果风格主题（Apple Design Style）
   统一覆盖各页面视觉，布局内联保留
   ============================================================ */
* {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display",
    "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

body {
  background: #ffffff !important;
  color: #1d1d1f !important;
}

/* ── 顶部导航：苹果官网式（白底细边、小字导航） ── */
.header {
  background: rgba(255,255,255,.9) !important;
  backdrop-filter: saturate(180%) blur(20px) !important;
  -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
  color: #1d1d1f !important;
  border-bottom: 1px solid #e8e8ed !important;
  padding: 12px 24px !important;
  box-shadow: none !important;
  max-width: none !important;
}
.header h1 {
  color: #1d1d1f !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
}
.header a { color: #0071e3 !important; font-weight: 400 !important; font-size: 14px !important; }

/* ── 卡片：苹果官网式（白底、细边、无阴影、留白大） ── */
.card {
  background: #fff !important;
  border-radius: 18px !important;
  border: 1px solid #f0f0f2 !important;
  box-shadow: none !important;
}
.card h2 {
  color: #1d1d1f !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  letter-spacing: -0.015em !important;
  margin-bottom: 16px !important;
}

/* 内容区留白 */
body > .card { margin: 20px; }

/* ── 按钮：苹果毛玻璃胶囊（半透明+模糊+边缘高光） ── */
.btn, button[type="submit"], .btn-blue, .verbtn.active {
  background: rgba(0,113,227,.74) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border: 1px solid rgba(255,255,255,.30) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.35), inset 0 -1px 1px rgba(0,0,0,.06), 0 1px 8px rgba(0,113,227,.22) !important;
  color: #fff !important;
  font-weight: 500 !important;
  transition: all .2s ease !important;
  cursor: pointer;
  text-shadow: 0 1px 1px rgba(0,0,0,.08);
}
.btn:hover, button[type="submit"]:hover, .btn-blue:hover {
  background: rgba(0,113,227,.9) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.35), inset 0 -1px 1px rgba(0,0,0,.06), 0 2px 12px rgba(0,113,227,.32) !important;
}
.btn:active, button[type="submit"]:active { opacity: .85 !important; transform: scale(.97); }
.btn-green {
  background: rgba(52,199,89,.76) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.35), inset 0 -1px 1px rgba(0,0,0,.05), 0 1px 8px rgba(52,199,89,.22) !important;
}
.btn-green:hover { background: rgba(52,199,89,.92) !important; }
.btn-red {
  background: rgba(255,59,48,.76) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.35), inset 0 -1px 1px rgba(0,0,0,.05), 0 1px 8px rgba(255,59,48,.22) !important;
}
.btn-red:hover { background: rgba(255,59,48,.92) !important; }
.btn-gray {
  background: rgba(142,142,147,.55) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.35), inset 0 -1px 1px rgba(0,0,0,.05) !important;
}
a.btn { text-decoration: none !important; }

/* ── 输入框 ── */
input, select, textarea {
  background: #fff !important;
  border: 1px solid #d2d2d7 !important;
  border-radius: 12px !important;
  color: #1d1d1f !important;
  font-size: 14px !important;
  transition: border-color .2s ease, box-shadow .2s ease !important;
  outline: none !important;
}
input:focus, select:focus, textarea:focus {
  border-color: #0071e3 !important;
  box-shadow: 0 0 0 4px rgba(0,113,227,.15) !important;
}

label { color: #6e6e73 !important; font-weight: 500 !important; }

/* ── 表格 ── */
table { border-collapse: separate; border-spacing: 0; }
th {
  background: #fafafa !important;
  color: #6e6e73 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  border-bottom: 1px solid #e8e8ed !important;
}
td { border-bottom: 1px solid #f0f0f2 !important; color: #1d1d1f !important; }

/* ── 提示/空态 ── */
.msg {
  background: #fff !important;
  color: #1d1d1f !important;
  border-bottom: 1px solid #e8e8ed !important;
}
.empty { color: #86868b !important; }

/* ── 标签 ── */
.tag { border-radius: 980px !important; }
.tag-green, .p-增销量 { background: #e8f8ee !important; color: #1d8a4e !important; }
.tag-yellow, .p-裂变 { background: #fff4e0 !important; color: #b25e00 !important; }
.tag-gray { background: #f2f2f7 !important; color: #6e6e73 !important; }

/* ── 阶段标签：柔和大圆角 ── */
.ptag, .pcard .stage, .stage-badge {
  border-radius: 980px !important;
  padding: 3px 12px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
.p-选品 { background: #e8f1ff !important; color: #0056b3 !important; }
.p-测链接 { background: #f3ebff !important; color: #6a2cbf !important; }
.p-测素材 { background: #ffe9e6 !important; color: #c22b1c !important; }
.p-转控成本 { background: #e3f6fb !important; color: #007d99 !important; }
.p-提投产 { background: #ffe9f3 !important; color: #c2257a !important; }

/* ── 阶段tab ── */
.stage-tab, .stage-tabs a {
  border-radius: 980px !important;
  background: transparent !important;
  color: #6e6e73 !important;
  padding: 6px 14px !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}
.stage-tab.active {
  background: #0071e3 !important;
  color: #fff !important;
}

/* ── 行/分隔 ── */
.row { border-bottom-color: #e8e8ed !important; }
.pcard, .pitem {
  border: 1px solid #e8e8ed !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.04) !important;
}

/* ── 结果框 ── */
.rbox {
  background: #f5f5f7 !important;
  border: none !important;
  border-radius: 16px !important;
}
.rbox.main { background: #e8f8ee !important; }
.rbox .num { color: #1d1d1f !important; font-weight: 700 !important; }
.rbox.main .num { color: #1d8a4e !important; }

/* ── 分区 ── */
.sec { background: #fafafa !important; border-radius: 14px !important; }
.sec h3 { color: #1d1d1f !important; font-weight: 600 !important; }

/* ── 版本按钮 ── */
.verbtn { border-radius: 980px !important; background: #f2f2f7 !important; color: #1d1d1f !important; }
.verbtn.active { background: #0071e3 !important; color: #fff !important; }

/* ── 步骤/进度条样式 ── */
.step-dot, .stage-dot { border-radius: 50% !important; }

/* ── 员工版顶部3板块导航：苹果官网式（淡灰胶囊、蓝字） ── */
.nav3 a {
  border-radius: 980px !important;
  background: #f5f5f7 !important;
  color: #1d1d1f !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  transition: all .2s ease !important;
}
.nav3 a:hover { background: #ebebee !important; }
.nav3 a:active { transform: scale(.96); }

/* ── 计算器保存按钮（无type=submit） ── */
button[onclick="saveCalc()"] {
  background: rgba(0,113,227,.74) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border: 1px solid rgba(255,255,255,.30) !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.35), inset 0 -1px 1px rgba(0,0,0,.06), 0 1px 8px rgba(0,113,227,.22) !important;
  border-radius: 980px !important;
  color: #fff !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.08);
}

/* ── 页面大标题：苹果大字细体 ── */
h1 { font-weight: 700 !important; letter-spacing: -0.02em !important; }

/* ── 链接统一苹果蓝（仅无内联样式的链接） ── */
a:not([style]) { color: #0071e3 !important; }