/* ==============================================
   安记国风 · 纯东方文脉原生库 v2.0
   意境：玄穹星河 · 古匣藏魂 · 绢帛封痕 · 墨气氤氲 · 岁月归藏
   底层革新：彻底剔除西方工业互联网体系
   铁律：零渐变 | 零毛玻璃 | 零几何像素 | 零重复肌理 | 零现代光影
   本源美学：水墨洇散 · 古卷虫蚀 · 绢帛虚气 · 天地留白 · 古法手造
   51anji 生命永恒平台专属 · 全商用 · 无版权束缚
============================================== */

/* ---------- 全局重置（剔除现代浏览器工业默认样式） ---------- */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-font-smoothing: initial;
  -moz-osx-font-smoothing: initial;
}

html, body {
  width: 100%;
  height: 100%;
  /* 华夏原生宋体文脉字体栈 */
  font-family: "Noto Serif SC", "Source Han Serif", "SimSun", "方正宋体", serif;
  /* 天地玄黑 · 星河底色 */
  background: #090706;
  color: #d9cbb7;
  line-height: 1.85;
  overflow-x: hidden;
}

/* ---------- 本源四色体系（仅此四色，无杂色、无工业色阶） ---------- */
:root {
  --xuan: #090706;       /* 玄穹 · 天地深空 */
  --tan: #82583a;        /* 古檀 · 匣木旧痕 */
  --xuanzhi: #e8d9c2;    /* 素宣 · 旧纸沉黄 */
  --dan: #a82e25;        /* 丹砂 · 古印朱红 */
  --mo: #271b10;         /* 宿墨 · 陈年淡墨 */
  --qi: rgba(130, 88, 58, 0.12); /* 云气 · 氤氲虚痕 */
}

/* ---------- 全局容器 · 古卷留白形制 ---------- */
.anj-container {
  position: relative;
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  padding: 0 22px;
}

/* ---------- 遮罩层 · 玄墨虚气遮罩（无模糊、无渐变） ---------- */
.anj-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--xuan);
  z-index: 990;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s cubic-bezier(0.3, 0.7, 0.2, 1);
}
.anj-mask.show {
  opacity: 0.75;
  pointer-events: auto;
}

/* ========== 按钮体系 · 古檀匣钮形制（无渐变、无光影、无圆角） ========== */
.anj-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 26px;
  border: 1px solid var(--tan);
  background: transparent;
  color: var(--xuanzhi);
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.3, 0.7, 0.2, 1);
  outline: none;
  white-space: nowrap;
  user-select: none;
}

.anj-btn-primary {
  background: var(--tan);
  border-color: var(--tan);
  color: var(--xuanzhi);
}
.anj-btn-primary:hover {
  background: transparent;
  color: var(--tan);
}

.anj-btn-zhu {
  border-color: var(--dan);
  color: var(--dan);
}
.anj-btn-zhu:hover {
  background: var(--dan);
  color: var(--xuan);
}

.anj-btn-outline {
  border-color: var(--tan);
  color: var(--tan);
}
.anj-btn-outline:hover {
  background: var(--tan);
  color: var(--xuanzhi);
}

.anj-btn-text {
  background: transparent;
  border: none;
  color: var(--tan);
  padding: 8px 16px;
}
.anj-btn-text:hover {
  color: var(--dan);
}

/* 朱砂印钮 · 古封闲章 */
.anj-btn-seal {
  width: 48px;
  height: 48px;
  border: 2px solid var(--dan);
  background: transparent;
  color: var(--dan);
  font-size: 12px;
  font-weight: bold;
  padding: 0;
}

/* ========== 输入框 · 绢帛笺栏形制（无渐变、无光晕、无现代高亮） ========== */
.anj-input {
  width: 100%;
  padding: 13px 17px;
  background: var(--mo);
  border: 1px solid var(--tan);
  color: var(--xuanzhi);
  font-size: 15px;
  outline: none;
  font-family: inherit;
}
.anj-input:focus {
  border-color: var(--dan);
  box-shadow: none; /* 根除现代发光工业效果 */
}
.anj-input::placeholder {
  color: var(--tan);
  opacity: 0.6;
}

.anj-textarea {
  width: 100%;
  min-height: 110px;
  padding: 13px 17px;
  background: var(--mo);
  border: 1px solid var(--tan);
  color: var(--xuanzhi);
  resize: vertical;
  outline: none;
  font-family: inherit;
  line-height: 1.8;
}
.anj-textarea:focus {
  border-color: var(--dan);
  box-shadow: none;
}
.anj-textarea::placeholder {
  color: var(--tan);
  opacity: 0.6;
}

/* ========== 宣纸卡片 · 古卷虫蚀旧纸形制 ========== */
.anj-card {
  position: relative;
  background: var(--mo);
  border: 1px solid var(--tan);
  padding: 26px;
  overflow: hidden;
}

/* 古法暗痕：绢帛洇墨、古卷虫蚀斑驳 · 无重复、无点阵、无几何 */
.anj-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk8P//DwAFrQH8mH2XrgAAAABJRU5ErkJggg==');
  background-size: 200px;
  opacity: 0.08;
  pointer-events: none;
}

.anj-card-vertical {
  writing-mode: vertical-rl;
  text-orientation: upright;
  height: 360px;
  padding: 28px 20px;
}

.anj-card-title {
  font-size: 18px;
  font-weight: normal;
  color: var(--xuanzhi);
  margin-bottom: 12px;
}

.anj-card-text {
  font-size: 14px;
  color: var(--d9cbb7);
  line-height: 1.8;
}

/* 朱砂落款闲章 */
.anj-card-seal::after {
  content: '封藏';
  position: absolute;
  bottom: 20px;
  left: 16px;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--dan);
  color: var(--dan);
  font-size: 12px;
  font-weight: bold;
}

/* ========== 弹窗 · 古匣笺窗形制 ========== */
.anj-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -52%);
  z-index: 999;
  width: 90%;
  max-width: 360px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s cubic-bezier(0.3, 0.7, 0.2, 1);
}
.anj-modal.show {
  opacity: 1;
  transform: translate(-50%, -50%);
  pointer-events: auto;
}

.anj-modal .anj-card {
  padding: 32px 24px;
  text-align: center;
}

.anj-modal-title {
  font-size: 18px;
  color: var(--dan);
  margin-bottom: 20px;
  font-weight: normal;
}

/* ========== 轻提示Toast · 玄墨丹印提示 ========== */
.anj-toast {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -52%);
  padding: 14px 28px;
  background: var(--xuan);
  border: 1px solid var(--tan);
  color: var(--xuanzhi);
  font-size: 15px;
  white-space: nowrap;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s cubic-bezier(0.3, 0.7, 0.2, 1);
}
.anj-toast.show {
  opacity: 1;
  transform: translate(-50%, -50%);
}

/* ========== 标签徽标 · 古绢小笺 ========== */
.anj-tag {
  display: inline-block;
  padding: 4px 10px;
  font-size: 12px;
  border: 1px solid var(--tan);
  background: transparent;
  color: var(--tan);
}

.anj-seal {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 34px;
  text-align: center;
  border: 2px solid var(--dan);
  color: var(--dan);
  font-size: 10px;
  font-weight: bold;
}

/* ========== 古意分割线 · 墨痕断线 ========== */
.anj-divider {
  width: 100%;
  height: 1px;
  background: var(--tan);
  margin: 20px 0;
  opacity: 0.4;
}

/* ========== 原生动画 · 东方气韵缓动 ========== */
.anj-fade { opacity: 0; transition: opacity 0.4s cubic-bezier(0.3, 0.7, 0.2, 1); }
.anj-fade.in { opacity: 1; }

.anj-fly-up {
  transform: translateY(40px);
  opacity: 0;
  transition: all 0.7s cubic-bezier(0.25, 0.75, 0.25, 1);
}
.anj-fly-up.in {
  transform: translateY(0);
  opacity: 1;
}

.anj-fly-paper {
  transform: translate(-50%, 200vh) scale(1);
  opacity: 0;
  transition: all 1.3s cubic-bezier(0.2, 0.85, 0.2, 1);
}
.anj-fly-paper.in {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

.anj-shake { animation: anjSealShake 0.4s ease; }
@keyframes anjSealShake {
  0%,100%{transform:rotate(0deg);}
  25%{transform:rotate(-2deg);}
  75%{transform:rotate(2deg);}
}

/* ========== 工具类 ========== */
.anj-center { display: flex; align-items: center; justify-content: center; }
.anj-v-center { align-items: center; }
.anj-h-center { justify-content: center; }
.anj-column { flex-direction: column; }

.anj-mt10 { margin-top: 10px; }
.anj-mt15 { margin-top: 15px; }
.anj-mt20 { margin-top: 20px; }
.anj-mb10 { margin-bottom: 10px; }
.anj-mb15 { margin-bottom: 15px; }
.anj-mb20 { margin-bottom: 20px; }

.anj-hidden { display: none !important; }
.anj-invisible { opacity: 0 !important; pointer-events: none !important; }
.anj-no-events { pointer-events: none !important; }
.anj-no-select { user-select: none !important; }

/* ======================================================
   【终极根除 · 古意滚动条】
   彻底抛弃西方像素滑块、几何条、渐变条
   形制：玄墨隐痕 · 绢丝暗气 · 深空虚影
   无实体条、无色块、无机械结构，只有气韵隐痕
====================================================== */
::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}

::-webkit-scrollbar-track {
  background: transparent; /* 天地留白，轨道隐去 */
}

::-webkit-scrollbar-thumb {
  background: var(--qi);
  border: none;
  border-radius: 0;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(130, 88, 58, 0.2);
}

::-webkit-scrollbar-corner { background: transparent; }

/* ======================================================
   【终极根除 · 古卷Tab导航】
   形制：玄穹册页 · 匣沿封边 · 丹印锚点 · 古墨隐隔
   无毛玻璃、无渐变、无现代下划线、无工业盒子
   完全古籍册页形制，融入星河深空，无一丝互联网痕迹
====================================================== */
/* ======================================================
   【古意册页导航 · 仅重写此段】
   功能完整保留 | 极简古风 | 不破坏布局 | 不影响使用
====================================================== */
.anj-tab-wrap {
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 10;
  flex-shrink: 0;
  background: transparent;
  border-bottom: 1px solid var(--tan);
}

.anj-tab-list {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  padding: 0 12px;
}

.anj-tab-list::-webkit-scrollbar { display: none; }

.anj-tab-item {
  flex: 0 0 auto;
  padding: 14px 18px;
  font-size: 15px;
  color: var(--tan);
  text-decoration: none;
  position: relative;
  transition: color 0.3s ease;
  font-weight: normal;
}

.anj-tab-item:hover {
  color: var(--xuanzhi);
}

.anj-tab-item.active {
  color: var(--xuanzhi);
}

.anj-tab-item.active::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 6px;
  transform: translateX(-50%);
  width: 6px;
  height: 1px;
  background: var(--dan);
}