/* ===========================================================
   info13 设计代币 (Caravan-style 编辑刊物调性)
   - 主色:深坎龙酒红 burgundy (代替字面的国旗色)
   - 强调色:降饱和度藏红 + 苔藓绿,保留印度感但不再"国旗化"
   - 背景:暖糙米色 (cream),纸张/印刷感
   - 字体:Source Serif Pro 处理标题,Inter 处理 UI 与正文
   =========================================================== */
:root {
  /* 主色 — 深坎龙酒红 (印度老建筑 / 红砂岩气质) */
  --c-burgundy:       #7A2E2B;
  --c-burgundy-dark:  #5C2220;
  --c-burgundy-soft:  rgba(122, 46, 43, 0.08);
  --c-burgundy-edge:  rgba(122, 46, 43, 0.18);

  /* 降饱和度藏红 — 用作 category kicker / 次要 accent */
  --c-saffron:        #B85C2E;   /* 赭石 / 陶土色,不再纯橙 */
  --c-saffron-dark:   #8B4513;   /* WCAG AA 通过的小字色 */
  --c-saffron-soft:   rgba(184, 92, 46, 0.10);
  --c-saffron-edge:   rgba(184, 92, 46, 0.20);
  --c-saffron-bg:     rgba(184, 92, 46, 0.05);

  /* 印度苔藓绿 — 取代鲜艳的 #138808 */
  --c-green:          #2D6B2C;
  --c-green-soft:     rgba(45, 107, 44, 0.35);

  /* 文本灰阶 — 略偏暖,与 cream 背景调性匹配 */
  --c-text:           #1A1410;   /* 主标题:接近黑,带极轻暖调 */
  --c-text-2:         #2A2118;   /* 副标题 */
  --c-text-body:      #34281F;   /* 正文:暖深棕,印刷感 */
  --c-text-dim:       #5A4C42;
  --c-text-meta:      #7A6E64;   /* 暖灰 meta */

  /* 中性 — 暖糙米色背景 + 纯白卡片 */
  --c-bg:             #FBF8F2;   /* 暖 cream,纸张感 */
  --c-card:           #FFFFFF;   /* 卡片仍是纯白,与背景形成层级 */
  --c-border:         #E8DFD2;   /* 偏暖的边线色 */
  --c-divider:        #D8CFC2;
  --c-shadow-1:       0 1px 2px rgba(122, 46, 43, 0.04), 0 1px 3px rgba(0, 0, 0, 0.03);
  --c-shadow-hover:   0 6px 20px rgba(122, 46, 43, 0.10), 0 2px 6px rgba(122, 46, 43, 0.05);

  /* 圆角 — 减小,更编辑刊物感 (大圆角 = app 感) */
  --r-card:           4px;
  --r-tag:            2px;
  --r-btn:            4px;

  /* 间距 */
  --space-xs:         4px;
  --space-sm:         8px;
  --space-md:         16px;
  --space-lg:         24px;
  --space-xl:         40px;
  --space-2xl:        60px;

  /* 字体栈 */
  --font-serif:       'Source Serif Pro', 'Crimson Pro', Georgia, 'Times New Roman', serif;
  --font-sans:        'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* 动效 */
  --ease-out:         cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast:           0.15s ease;
  --t-card:           0.25s ease;
  --t-img:            0.4s ease;
}

/* ===========================================================
   全局 box-sizing 重置 — 业界最佳实践
   让 border / padding 都算在 width 内,避免 calc 宽度叠加 border
   再溢出导致换行的隐性 bug (info13 3 列卡片之前就遇到过)
   =========================================================== */
*, *::before, *::after { box-sizing: border-box; }

/*清楚固定样式*/
body {
  background-color: var(--c-bg);
  margin: 0;
  padding: 0;
}
ul,
ol {
  list-style: none;
}
body {
  font-family: Verdana;
}
input,
textarea,
select {
  border: none;
  background-color: transparent;
  outline: none;
}
textarea {
  resize: none;
}
img {
  border: none;
  vertical-align: top;
  object-fit: cover;
}
a {
  text-decoration: none;
}
a {
  -webkit-tap-highlight-color: transparent;
}
html {
  -webkit-text-size-adjust: none;
}
/*清浮动*/
/* .clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
} */
/* .clearfix {
  *zoom: 1;
} */
/*左右浮动*/
.fl {
  float: left;
}
.fr {
  float: right;
}
/*公共宽*/
.common {
  padding: 0 1rem;
  max-width: 18.75rem;
  margin-left: auto;
  margin-right: auto;
}
/* 隐藏滚动条 */
::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}
/* 超出一行省略号 */
.lineFeed_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* 超出两行换行 */
.lineFeed_2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/* 超出三行换行 */
.lineFeed_3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
/* 超出四行换行 */
.lineFeed_4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
/* 公共css flex */
.weight {
  font-weight: 700;
}
img {
  object-fit: cover;
}
.flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex1 {
  display: flex;
  align-items: center;
}
.flex2 {
  display: flex;
  justify-content: center;
}
.flex3 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex4 {
  display: flex;
  justify-content: space-between;
}
.positionFixed {
  bottom: 0px;
  left: 50%;
  position: fixed;
  transform: translate(-50%, 0%);
  z-index: 999;
  width: 100%;
  background-color: #e4e4e4;
  display: flex;
  justify-content: center;
}
.de_iv_adv {
  width: 100%;
  min-height: 8rem;
  background-color: #e4e4e4;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 0.5rem 0;
  border-bottom: 0.5rem solid #E4E4E4;
}
.t_de {
  height: 0.2rem;
  width: 100%;
  line-height: 0.3rem !important;
  font-size: 0.6rem;
  padding: 0.5rem 0 0.8rem 0;
  box-sizing: border-box;
  color: #212529;
  text-align: center;
  margin-bottom: 0 !important;
  background-color: #e4e4e4;
  margin-top: 10px;
}

/* ===========================================================
   info13 印度主题 — 基础层 (P0-1 字体本地化 + 移动横向防溢)
   =========================================================== */

/* P0-1 英文 Inter 替换默认中文体,Pressroom 内容是英文,字宽和抗锯齿大改善 */
html, body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html, body, h1, h2, h3, h4, h5, h6, p, span, a, li, div, button, input, b, strong, em, label, article {
  font-family: inherit !important;
}

/* 移动端横向防溢出:配合 ad-container 100vw 撑满需要 */
@media (max-width: 768px) {
  html, body { overflow-x: hidden; }
}