/* 优化后的 @theme（变量扩展，生成实用类） */
@theme {
  /* 字体：生成 font-round、font-poppins 等类 */
  --font-round: "Varela Round", sans-serif;
  
  /* 颜色：生成 bg-1st、text-2nd 等类；支持 OKLCH 优化（可选） */
  --color-1st: #fe5e24;  /* 主橙 */
  --color-white: #fff;
  --color-2nd: #ff9e00;  /* 辅橙 */
  --color-grey: #ccc8cf;
  --color-transparent: transparent;
  --color-3rd: #fef116;  /* 黄 */
  --color-ffffff-08: #d8d0d2;
  --color-black: black;
  --color-background: #240b28;  /* 深紫背景 */
}

/* 杂项变量（不生成类，置于 base 层） */
@layer base {
  :root {
    --font-round: "Varela Round", sans-serif;
    --color--1st: #fe5e24;
    --color--white: #fff;
    --color--2nd: #ff9e00;
    --color--grey: #ccc8cf;
    --color--transparent: transparent;
    --color--3rd: #fef116;
    --color--ffffff-0-8: #d8d0d2;
    --color--black: black;
    --color--background: #240b28;
    --stroke: #ffffff47;
    --color--divider-color: #7b787c;
    --form-box-shadow: #f2f4f8;
    --color--22ob13-0-8: #4d3b40;
  }
}

body {
  font-family: var(--font-round);
  background-color: var(--color--black);
  color: var(--color-white);
  font-size: 16px;
}

h1{
  font-weight: 600;
}

.herosec {
  background-color: var(--color--black);
  padding-top: 140px;
  padding-bottom: 100px;
}
.pageheading {
  color: var(--color--white);
  text-align: center;
}

.sec {
  background-color: var(--color--black);
  padding: 60px 60px;
}
    .w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  font-family: var(--font--round);
  color: var(--color--1st);
  font-size: 16px;
  line-height: 140%;
}

h1 {
  font-family: var(--font--round);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56px;
  font-weight: 600;
  line-height: 130%;
}

h2 {
  color: var(--color--1st);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 46px;
  font-weight: 700;
  line-height: 140%;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 600;
  line-height: 140%;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

h5 {
  font-family: var(--font--round);
  color: var(--color--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 140%;
}

h6 {
  font-family: var(--font--round);
  color: var(--color--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
}

p {
  font-family: var(--font--round);
  color: var(--color--white);
  margin-bottom: 20px;
  line-height: 165%;
}

a {
  color: var(--color--1st);
  text-decoration: none;
}

@media screen and (max-width: 991px) {
   .sec {
  padding: 60px 20px;
} 
}


ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
  list-style-type: disc;
}

ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.sheet {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--color--divider-color);
  grid-template-rows: auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
}

.sheet._3col {
  grid-template-columns: 1fr 1fr 1fr;
}

.sheet-block {
  border: 1px solid var(--color--divider-color);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 10px;
  display: flex;
}