/* ===== 共享皮肤（2026-10-30 v3：米白/浅灰 + 绿色点缀）=====
   叠在各页自带样式之后：只改质感，不动布局。
   配色：米白底、浅灰分隔、深绿只用在主操作和选中态。 */

:root {
  /* 覆盖各页原有的橙色变量 → 柔和绿强调 */
  --org: #4cae7e;
  --org2: #64c093;
  --org-deep: #3a9a6d;
  --org-soft: #eef4f0;
  --bg: #f4f4ef;
  --card: #ffffff;
  --text: #232826;
  --text2: #6c726d;
  --text3: #9aa09b;
  --line: #e6e5df;
  --mint: #4cae7e;

  --ink: #232826;
  --radius: 15px;
  --glass-line: #e6e5de;
  --glass-shadow: 0 1px 2px rgba(35, 40, 38, .05), 0 10px 28px rgba(35, 40, 38, .09);
}

html { background: #f4f4ef; }

body {
  background-color: #f4f4ef;
  background-image:
    radial-gradient(900px 560px at 18% -14%, rgba(255, 255, 255, .95), transparent 66%),
    radial-gradient(820px 620px at 102% -6%, rgba(226, 228, 222, .55), transparent 70%),
    linear-gradient(180deg, #fafaf6 0%, #f1f1ec 100%);
  background-attachment: fixed;
  color: var(--ink);
}

/* 很淡的纸纹，只做质感不做视觉主角 */
body::after {
  content: "";
  position: fixed; inset: 0;
  z-index: 0; pointer-events: none;
  opacity: .10; mix-blend-mode: soft-light;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.30'/%3E%3C/svg%3E");
}

.wrap, .box { position: relative; z-index: 1; }

/* ---------- 卡片：纯白 + 细线 + 明确投影，和米白底拉开层次 ---------- */
.card, .job-item, .skel, .box {
  background: var(--card);
  border: 1px solid var(--glass-line);
  box-shadow: var(--glass-shadow);
}

.step {
  background: #fbfbf8;
  border: 1px solid #e6e5df;
  box-shadow: 0 1px 2px rgba(35, 40, 38, .04);
}

/* ---------- 顶栏：米白 + 底部细线 ---------- */
.hero {
  background: rgba(255, 254, 251, .92);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid #e6e5df;
  box-shadow: none;
  color: var(--ink);
}
.hero .brand { color: #1f2422; }
.hero .who { color: #7c827d; opacity: 1; }
.hero::after { opacity: .08; }
.hero .ops .op-link {
  color: #3f4642;
  background: #fbfbf8;
  border: 1px solid #e3e2dc;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.hero .ops .op-link.solid {
  color: #fff;
  background: #4cae7e;
  border-color: #4cae7e;
  box-shadow: 0 2px 6px rgba(76, 174, 126, .22);
}

/* ---------- 输入控件：白底细线，聚焦用绿圈 ---------- */
.field input, .field select, .field textarea,
.search-row input, .sel-wrap select {
  background: #fffefb;
  border: 1px solid #e3e2dc;
  box-shadow: none;
  color: var(--ink);
  color-scheme: light;
}
.field input:focus, .field select:focus, .field textarea:focus,
.search-row input:focus {
  border-color: rgba(76, 174, 126, .55);
  box-shadow: 0 0 0 3px rgba(76, 174, 126, .14);
}

/* ---------- 胶囊：未选用浅灰，选中用淡绿 ---------- */
.tabs {
  background: #f0f0ec;
  border: 1px solid #e6e5df;
}
/* 登录/注册滑块：淡蓝，替代原来的墨黑，整体更轻快 */
.tab-slider {
  background: linear-gradient(135deg, #e8f1fa, #d8e7f6);
  box-shadow: 0 2px 8px rgba(70, 110, 150, .16), inset 0 0 0 1px rgba(160, 190, 220, .55);
}
.tab.on { color: #2f5a80; }

.chip {
  background: #fbfbf8;
  border: 1px solid #e3e2dc;
  color: #5f665f;
}
.chip.on {
  background: #e9f4ee;
  border-color: rgba(76, 174, 126, .40);
  color: #3a9a6d;
  box-shadow: none;
  transform: none;
}

.tag {
  background: #f3f3ef;
  border: 1px solid transparent;
  color: #6c726d;
}
.tag.online { background: #edf6f0; color: #3a9a6d; }
.tag.no {
  background: #fffefb;
  border: 1px solid #e3e2dc;
  color: #4a514c;
  box-shadow: none;
}

/* ---------- 按钮：主操作深绿，其余浅灰 ---------- */
.go-btn, .empty .re {
  background: #4cae7e;
  border-radius: 12px;
  box-shadow: 0 3px 10px rgba(76, 174, 126, .24), inset 0 1px 0 rgba(255, 255, 255, .18);
}
.go-btn { border-radius: 12px; }

.search-btn {
  background: #fbfbf8;
  color: #3f4642;
  border: 1px solid #e3e2dc;
  box-shadow: none;
}
.parse-btn {
  background: #f3f3ef;
  color: #3f4642;
  border: 1px solid #e3e2dc;
  box-shadow: none;
}
.add-slot {
  background: #fbfbf8;
  color: #3f4642;
  border: 2px dashed #deddd6;
}

/* ---------- 次级容器 ---------- */
.detail {
  background: #fafaf7;
  border: 1px dashed #e2e1da;
}
.contact {
  background: #fbfbf8;
  border: 2px dashed #deddd6;
  color: #3f4642;
}
.logo-badge {
  background: #fffefb;
  border: 1px solid #ecebe5;
  box-shadow: 0 4px 14px rgba(35, 40, 38, .07);
}
.toast {
  background: rgba(35, 40, 38, .9);
}

/* 价格与强调文字：不用绿色，保持墨色层级 */
.jsal { color: #1f2422; }
.more { color: #3a9a6d; }

/* 管理页的小按钮保持中性 */
.b-edit { color: #3f4642; background: #f3f3ef; border: 1px solid #e3e2dc; }
.b-off { color: #b3453f; background: #fdf3f2; border: 1px solid #f0d9d6; }
.mini-item:hover { border-color: #d9d8d1; }
.st.avail { background: #edf6f0; color: #3a9a6d; }
.st.full { background: #f3f3ef; color: #6c726d; }