/* ==========================================================================
   tur-bridge.css — 子项目统一桥接层
   让从主站进来的页面保持同一种语言：同一套字体、纸色、朱橙强调。
   仅做外观注入，不改任何业务逻辑。
   ========================================================================== */

:root {
  --tur-paper: #f7f4ed;
  --tur-paper-2: #efeade;
  --tur-ink: #17140f;
  --tur-ink-2: #4c463c;
  --tur-ink-3: #635a4d;
  --tur-accent: #bd3a12;
  --tur-forest: #1e3b31;
}

/* ---------- 返回主站的胶囊 ---------- */
#tur-bridge {
  position: fixed;
  top: 14px;
  right: 16px;
  z-index: 2147483000;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 13px 7px 11px;
  background: rgba(247, 244, 237, 0.92);
  -webkit-backdrop-filter: blur(10px) saturate(1.1);
  backdrop-filter: blur(10px) saturate(1.1);
  border: 1px solid rgba(23, 20, 15, 0.14);
  border-radius: 100px;
  box-shadow: 0 2px 10px -4px rgba(23, 20, 15, 0.22);
  font-family: "Inter", "Noto Sans SC", -apple-system, "Segoe UI", sans-serif;
  font-size: 12.5px;
  line-height: 1;
  color: var(--tur-ink);
  text-decoration: none;
  letter-spacing: 0.01em;
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1),
              box-shadow 0.3s ease,
              border-color 0.3s ease,
              color 0.25s ease;
  cursor: pointer;
}

#tur-bridge:hover {
  transform: translateY(-1px);
  border-color: rgba(217, 72, 31, 0.5);
  color: var(--tur-accent);
  box-shadow: 0 6px 18px -6px rgba(23, 20, 15, 0.28);
}

#tur-bridge svg {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  color: var(--tur-accent);
}

#tur-bridge .tur-bridge-label {
  max-width: 130px;
  overflow: hidden;
  white-space: nowrap;
  transition: max-width 0.35s cubic-bezier(0.22, 1, 0.36, 1),
              opacity 0.3s ease;
}

/* 滚动后收起文字，只留猫头 */
#tur-bridge.is-min .tur-bridge-label {
  max-width: 0;
  opacity: 0;
}
#tur-bridge.is-min {
  padding: 7px 10px;
}

/* ---------- 备案页脚（工信部合规：常驻可见 + 可点击） ---------- */
#tur-beian {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.6em;
  margin: 0;
  padding: 20px 16px 24px;
  font-family: "Inter", "Noto Sans SC", -apple-system, "Segoe UI", sans-serif;
  font-size: 12.5px;
  line-height: 1.6;
  letter-spacing: 0.02em;
  color: var(--tur-ink-3);
  text-align: center;
  /* 子项目底色各异（纸色 / 粉色游戏 / 旧站白底），给页脚一条自带的浅底，保证任何背景下都读得清 */
  background: rgba(247, 244, 237, 0.94);
  border-top: 1px solid rgba(23, 20, 15, 0.08);
}

#tur-beian .tur-beian-brand {
  color: var(--tur-ink-3);
}

#tur-beian .tur-beian-brand::after {
  content: "·";
  margin-left: 0.6em;
  opacity: 0.6;
}

#tur-beian .tur-beian-link {
  color: var(--tur-ink-2);
  text-decoration: none;
  border-bottom: 1px solid rgba(23, 20, 15, 0.18);
  padding-bottom: 1px;
  transition: color 0.2s ease, border-color 0.2s ease;
}

#tur-beian .tur-beian-link:hover {
  color: var(--tur-accent);
  border-color: var(--tur-accent);
}


/* 内容比视口短（教室冲突、合同模板这类工具页）→ 页脚压到底部 */
body.tur-short {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
body.tur-short > #tur-beian { margin-top: auto; }


/* 打印（合同等）不要带备案页脚 */
@media print {
  #tur-beian,
  #tur-bridge {
    display: none !important;
  }
}

@media (max-width: 640px) {
  #tur-beian {
    padding: 18px 14px 22px;
    font-size: 12px;
  }
}

/* ---------- 子项目顶部留白，避免被胶囊压住 ---------- */
body.tur-has-bridge {
  padding-top: 0;
}

/* ---------- 基底字体统一（不强制覆盖各项目自身设计） ---------- */
body.tur-theme {
  background-color: var(--tur-paper);
  color: var(--tur-ink);
  font-family: "Inter", "Noto Sans SC", -apple-system, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}

body.tur-theme h1,
body.tur-theme h2,
body.tur-theme h3 {
  font-family: "Noto Serif SC", "Songti SC", Georgia, serif;
  letter-spacing: -0.01em;
}

@media (max-width: 640px) {
  #tur-bridge {
    top: 10px;
    right: 10px;
    font-size: 11.5px;
    padding: 6px 10px;
  }
  #tur-bridge .tur-bridge-label { max-width: 96px; }
}
