@font-face {
  font-family: "delajiisans";
  src: url("f/delajiisans-reg.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --mobile-view-threshold: 767px; /* 小屏阈值：小于此值视为移动端，此handle用于更新对应的script，css的@media需要单独修改！ */
  --gap-unit: 4px;
  --stroke--width: 2px;
  --header-topbar-height: 35px;
  --base-font-size: clamp(1rem, 5vh, 1.1rem);  /* 这个是中间商，目的是把一个变量包到变量，实际的1rem的anchor在universal的body的fontsize=1rem*/
  --button-font-size: var(--base-font-size);
  --product-info-font-size: calc(var(--base-font-size) * 0.75);
  --text-underline-thickness: 0.114em;
  --text-underline-offset: 0.2em;
}

/* ====================================================================
   全局页面行为
   ==================================================================== */

html {
  overflow-x: hidden;
  overscroll-behavior: auto;
  touch-action: manipulation;

  /* 防止 Safari 横屏或某些情况下自动放大文字 */
  -webkit-text-size-adjust: 100%;

  /* 禁止文字被选中 */
  user-select: none;
  -webkit-user-select: none;
}

body {
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  min-height: 100vh;
  min-height: 100dvh;

  font-family: "delajiisans", "helvetica";
  font-size: 1rem;
  color: #000;
  -webkit-text-stroke: 0.02em #000;
  
}

/* ====================================================================
   全局标题
   ==================================================================== */

h1,
h2 {
  margin: 0;

  font-family: "delajiisans", "helvetica";
  font-weight: normal;
  line-height: normal;
  color: #000;
  -webkit-text-stroke: 0.02em #000;
  
}

h1 {
  font-size: calc(var(--base-font-size) * 2);
  -webkit-text-stroke: 0.04em #000;
  line-height: 1.3em;
  
}

h2 {
  font-size: calc(var(--base-font-size) * 1.15);
}

p{

  margin:0;
  margin-top:1em;
  line-height: 1.3em;
  -webkit-text-stroke: 0.01em currentColor;

}

/* ====================================================================
   通用按钮
   ==================================================================== */

.button-small {
  margin: 0;
  padding: 0;

  font-family: inherit;
  font-size: var(--button-font-size);
  color: #000;
  text-decoration: none;

  background: none;
  border: none;
  border-bottom: var(--stroke--width) solid #000;

  cursor: pointer;
}

@media (max-width: 767px) {

  h1 {
  font-size: calc(var(--base-font-size) * 1.3);
  }

  body {
    -webkit-text-stroke: 0.02em #000;
  }
}

@media (min-width: 1000px) {
  :root {
    --gap-unit: 6px;

  }
}