/* ===========================================================
   Cozy 中文站样式覆盖
   1. 本地字体（不依赖 Google Fonts，国内可访问）
   2. 中文排版微调
   3. 隐藏 dock 内的语言切换入口
   4. 页脚备案信息样式
   =========================================================== */

/* --- 拉丁字母：Nunito 可变字重，本地托管 --- */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-display: swap;
  font-weight: 200 1000;
  src: url('../fonts/nunito-latin-wght-normal.woff2') format('woff2-variations');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
                 U+2215, U+FEFF, U+FFFD;
}

/* --- 标题中文字体：寒蝉全圆体 ChillRoundF，已按站内实际用字子集化 --- */
@font-face {
  font-family: 'ChillRound Subset';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('../fonts/chillround-subset.woff2') format('woff2');
}

/* --- 中文字体栈 --- */
:root {
  --font-cn: 'PingFang SC', 'HarmonyOS Sans SC', 'MiSans', 'Hiragino Sans GB',
             'Microsoft YaHei', 'Source Han Sans SC', 'Noto Sans CJK SC', sans-serif;
  --font-cn-display: 'ChillRound Subset', 'PingFang SC', 'Hiragino Sans GB',
                     'Microsoft YaHei', sans-serif;
}

body {
  font-family: 'Nunito', var(--font-cn);
}

/* --- 标题用展示字体 --- */
.gallery-title,
.value-title,
.final-title,
.page-title,
.gallery-theme-name,
.feature-title {
  font-family: 'Nunito', var(--font-cn-display);
}

/* --- 中文行高与字间距微调，中文比拉丁字母需要更松的行距 --- */
.gallery-subtitle,
.value-desc,
.feature-desc,
.page-subtitle,
.final-trust,
.gallery-theme-tagline {
  line-height: 1.75;
  letter-spacing: 0.01em;
}

.gallery-title,
.value-title,
.final-title,
.page-title {
  letter-spacing: 0.02em;
}

/* 中文没有单词边界，禁止在标点前后断行 */
body {
  text-wrap: pretty;
  word-break: normal;
  overflow-wrap: anywhere;
  line-break: strict;
}

/* --- 隐藏 dock 中的语言切换入口（中文站为单语言） --- */
.dock-more-wrap,
.dock-mobile-more-lang-btn {
  display: none !important;
}
.dock-bar > .dock-divider:has(+ .dock-more-wrap) {
  display: none !important;
}
.dock-mobile-more-divider:has(+ .dock-mobile-more-lang-btn) {
  display: none !important;
}

/* --- 页脚备案信息 --- */
.footer-beian {
  margin-top: 10px;
  font-size: 12px;
  line-height: 2;
  color: #999;
}
.footer-beian a {
  color: #999;
  text-decoration: none;
  transition: color 0.2s;
}
.footer-beian a:hover {
  color: #E8A1B8;
}
.footer-beian-sep {
  margin: 0 8px;
  color: #ccc;
}
.footer-beian-icon {
  width: 14px;
  height: 14px;
  vertical-align: -2px;
  margin-right: 4px;
}

@media (max-width: 768px) {
  .footer-beian-sep { display: none; }
  .footer-beian a { display: block; }
}

/* --- .free-list 在原站的 CSS 里没有定义，这里补一份 --- */
.free-list {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
}
.free-list li {
  position: relative;
  padding: 7px 0 7px 26px;
  font-size: 14px;
  line-height: 1.7;
  color: var(--text-secondary);
}
.free-list li::before {
  content: '✓';
  position: absolute;
  left: 0;
  top: 7px;
  color: #E8A1B8;
  font-weight: 700;
}
ol.free-list {
  counter-reset: step;
}
ol.free-list li::before {
  counter-increment: step;
  content: counter(step);
  width: 18px;
  height: 18px;
  top: 8px;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
  border-radius: 50%;
  background: #E8A1B8;
  color: #fff;
}

/* --- 中文主标题在窄屏上的收敛 ---
   英文站主标题是两行短句，中文改成一行长句后，
   42px 在 390px 宽的手机上会顶满两侧，没有余白。 --- */
@media (max-width: 480px) {
  .gallery-title {
    font-size: 34px;
    letter-spacing: 0;
  }
}
@media (max-width: 380px) {
  .gallery-title {
    font-size: 30px;
  }
}

/* --- 第二屏装饰元素的横向溢出 ---
   色块和那个悬浮文件夹会伸出视口右侧，桌面端会撑出一条横向滚动条。
   这是英文站就有的问题。clip 不会创建滚动容器，不影响 sticky 和视差。 --- */
.screen-value {
  overflow-x: clip;
}