/* ===== Theme font binding ===== */
/* 每个主题只需要改这里一个变量 */




@font-face {
  font-family: "Manque";
  src: url("../panel/manque/medium.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF; /* 基本拉丁 */
}

@font-face {
  font-family: "Manque";
  src: url("../panel/manque/semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF; /* 基本拉丁 */
}

@font-face {
  font-family: "Manque";
  src: url("../panel/manque/bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF; /* 基本拉丁 */
}

@font-face {
  font-family: "JianMeiHei";
  src:
    url("../panel/manque/replacement/JMH.woff2") format("woff2"),
    url("../panel/manque/replacement/JMH.ttf") format("truetype");
  unicode-range:
    U+4E00-9FFF,   /* 常用汉字 */
    U+3400-4DBF;   /* 扩展 A */
}


:root{
    --theme-font: "Manque", "JianMeiHei", system-ui, sans-serif;
}
/* ===== Text color (anti-override) ===== */
/* ===== Text color + font (anti-override) ===== */
.text-light,
.text-light * {
  color: var(--text-light) !important;
  font-family: var(--theme-font) !important;
}

.text-medium,
.text-medium * {
  color: var(--text-medium) !important;
  font-family: var(--theme-font) !important;
}

.text-dark,
.text-dark * {
  color: var(--text-dark) !important;
  font-family: var(--theme-font) !important;
}

.ci-light{
  color: var(--ci-light) !important;
  font-family: var(--theme-font) !important;
}
.ci-medium{
  color: var(--ci-medium) !important;
  font-family: var(--theme-font) !important;
}
.ci-dark{
  color: var(--ci-dark) !important;
  font-family: var(--theme-font) !important;
}
/* ===== Block containers ===== */
/* ===== Block: override Gutenberg has-* ===== */
.wp-block-group.block-light.has-background {
    background-color: var(--block-bg-light) !important;
    border-color: var(--block-border-light) !important;
    box-shadow: var(--block-shadow-light) !important;
    color: var(--block-text-light) !important;
}

.wp-block-group.block-medium.has-background {
    background-color: var(--block-bg-medium) !important;
    border-color: var(--block-border-medium) !important;
    box-shadow: var(--block-shadow-medium) !important;
    color: var(--block-text-medium) !important;
}

.wp-block-group.block-dark.has-background {
    background-color: var(--block-bg-dark) !important;
    border-color: var(--block-border-dark) !important;
    box-shadow: var(--block-shadow-dark) !important;
    color: var(--block-text-dark) !important;
}

/* 对标题和段落也加上 */
.wp-block-group.block-light.has-background h1,
.wp-block-group.block-light.has-background h2,
.wp-block-group.block-light.has-background p {
    color: var(--block-text-light) !important;
}

.wp-block-group.block-medium.has-background h1,
.wp-block-group.block-medium.has-background h2,
.wp-block-group.block-medium.has-background p {
    color: var(--block-text-medium) !important;
}

.wp-block-group.block-dark.has-background h1,
.wp-block-group.block-dark.has-background h2,
.wp-block-group.block-dark.has-background p {
    color: var(--block-text-dark) !important;
}


/* ===== Panel only ===== */
.panel-light {
  background-color: var(--bg-light) !important;
}

.panel-medium {
  background-color: var(--bg-medium) !important;
}

.panel-dark {
  background-color: var(--bg-dark) !important;
}

.panel-darker {
  background-color: var(--bg-dark); /* 基础颜色 */
  position: relative;
}

.wp-block-group.panel-border.has-border-color,
.wp-block-group.panel-border.has-base-border-color {
    border-color: var(--block-border-dark) !important;
}




.panel-darker::after {
  content: '';
  position: absolute;
  inset: 0;
  background-color: rgba(0,0,0,0.1); /* 30%黑色覆盖 */
  pointer-events: none;
}


/* panel 本体必须是定位容器 */
.panel-img-light,
.panel-img-medium,
.panel-img-dark {
  position: relative;
  overflow: hidden; /* 防止伪元素溢出 */
}

/* 原背景图 */
.panel-img-light {
  background: var(--bg-image-light) no-repeat center / cover !important;
}
.panel-img-medium {
  background: var(--bg-image-medium) no-repeat center / cover !important;
}
.panel-img-dark {
  background: var(--bg-image-dark) no-repeat center / cover !important;
}

/* 半透明渐变层 */
.panel-img-light::before,
.panel-img-medium::before,
.panel-img-dark::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none; /* 不挡点击 */
  z-index: 0;
}

.panel-img-light::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      to bottom,
      rgba(255,255,255,0.25) 0%,
      rgba(255,255,255,0) 40%
    ),
    linear-gradient(
      to top,
      rgba(0,0,0,0.35) 0%,
      rgba(0,0,0,0) 50%
    );
  pointer-events: none;
}


.panel-img-medium::before {
  background: linear-gradient(
    180deg,
    rgba(0,0,0,0.25),
    rgba(0,0,0,0.45)
  );
}

.panel-img-dark::before {
  background: linear-gradient(
    180deg,
    rgba(0,0,0,0.55),
    rgba(0,0,0,0.85)
  );
}

/* 内容层抬高 */
.panel-img-light > *,
.panel-img-medium > *,
.panel-img-dark > * {
  position: relative;
  z-index: 1;
}


/* ===== Button theme binding ===== */
/* ===== Button theme binding (correct) ===== */
.wp-block-button.btn-light > .wp-block-button__link {
  background-color: var(--block-bg-light) !important;
  color: var(--block-text-dark) !important;
}

.wp-block-button.btn-medium > .wp-block-button__link {
  background-color: var(--block-bg-medium) !important;
  color: var(--block-text-medium) !important;
}

.wp-block-button.btn-dark > .wp-block-button__link {
  background-color: var(--block-bg-dark) !important;
  color: var(--block-text-light) !important;
}

/* 搜索框：使用 block-dark 背景 */
input.block-medium {
  font-family:Jost;
  background-color: var(--block-bg-medium) !important;
  color: var(--block-text-light) !important;
  border: 3px solid var(--block-border-medium) !important;
  box-shadow:
    inset 2px 2px 5px rgba(0,0,0,0.2),   /* 内阴影让左上凹下去 */
    inset -2px -2px 5px rgba(255,255,255,0.1); /* 右下高光 */
  box-sizing: border-box; /* 保证 border 不会改变大小 */
}

/* placeholder 再淡一点 */
input.block-medium::placeholder {
  color: var(--block-text-light) !important;
}

/* 按钮：dark 风格 */
/* 按钮 dark 风格 */
button.btn-dark {
  background-color: var(--block-bg-dark) !important; /* 背景 */
  color: var(--block-text-light) !important;        /* 字体 */
  border: 3px solid var(--block-border-medium) !important;
  border-radius: 0px;
  cursor: pointer;
  box-shadow:
    inset 2px 2px 5px rgba(0,0,0,0.2),
    inset -2px -2px 5px rgba(255,255,255,0.1);
  font-family: var(--theme-font) !important;
  font-size: 12px;
  transition: all 0.2s ease;
}

/* 悬停 */
button.btn-dark:hover {
  box-shadow:
    inset 1px 1px 3px rgba(0,0,0,0.2),
    inset -1px -1px 3px rgba(255,255,255,0.15);
}