*{padding:0;margin:0;}


.first-screen{
	width:100%;
	max-width:1200px;
	height:100px;
	height:auto !important;
	margin:0 auto;
	text-align:center;
}
.first-screen h1{
	line-height:100px;
	font-size:3.0em;
	font-weight:500;
	margin-top:100px;
}
.first-screen h2{
	line-height:100px;
	font-size:3.0em;
	font-weight:500;
	margin-top:30px;
}
.first-screen p{
	font-size:1.0em;
	margin-top:15px;
}
.button {
  background-color: #000000; /* 按钮背景颜色为黑色 */
  color: white; /* 文本颜色为白色 */
  padding: 10px 20px; /* 按钮内边距，垂直和水平 */
  border: none; /* 没有边框 */
  cursor: pointer; /* 鼠标悬停时显示指针 */
  font-size: 16px; /* 字体大小 */
  border-radius: 5px; /* 边角的圆滑度 */
  font-weight: 500; /* 字体加粗 */
  text-align: center; /* 文本居中对齐 */
  margin:30px 0;
}
button a {
            color: white;
            text-decoration: none; /* 可选：去掉超链接下划线 */
        }
.button:hover {
  background-color: #333333; /* 鼠标悬停时的按钮背景颜色 */
}
/***问答***/
.faq-section {
    font-family: Arial, sans-serif;
	width:100%;
	max-width:1200px;
	margin:0 auto;
  }

  .faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ccc;
	margin-top:15px;
  }

  .faq-question::after {
    content: '+';
    font-size: 24px;
    cursor: pointer;
  }

  .faq-answer {
    display: none;
    padding: 10px;
  }
.ending{
	width:100%;
	height:100px;
	height:auto !important;
	margin:0 auto;
	margin-top:30px;
}
.ending-one{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	height:auto;
	list-style-type:none;
	padding:100px 0 30px 0;
	font-size:1.0em;
}
.dynamic{
	width:100%;
	max-width:1200px;
	height:auto;
	margin:0 auto;
	padding:30px 0;
}
.dynamic-left{
	width:100%;
	max-width:800px;
	float:left;
	height:auto;
	color:#000;
}
.dynamic-left-one{
	width:100%;
	max-width:775px;
	float:left;
	height:auto;
	padding:10px 10px;
	border:1px solid #ccc;
	border-radius:5px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	overflow: hidden;
	font-family: 'Arial', sans-serif; 
	margin-top:10px;
}
.dynamic-left-one-img{
	width:100px;
	height:100px;
	float:left;
	border-radius:50%;
	border:1px solid #ccc;
	padding:1%;
	
}
.dynamic-left-one-img img{
	width:100%;
	height:100%;
	border-radius:50%;
}
.dynamic-left-one-main{
	width:100%;
	max-width:600px;
	height:120px;
	float:left;
	margin-left:20px;
}
.dynamic-left-one-main:after {
    content: "";
    display: block;
    clear: both;
}
.dynamic-left-one-main h3{
	font-size:1.3em;
	height:45px;
	line-height:45px;
	float:left;
	font-weight:500;
	width:100%;
}
.dynamic-left-one-main a{
    color: black;
    text-decoration: none;
}
.dynamic-left-one-main p{
	font-size:0.7em;
	height:28px;
	line-height:28px;
	width:100%;
}
.dynamic-date{
	height:25px;
	width:100%;
	font-size:0.6em;
	float:left;
}

.dynamic-right{
	width:100%;
	max-width:370px;
	height:auto;
	float:right;
	border:1px solid #ccc;
	border-radius:5px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	overflow: hidden;
	font-family: 'Arial', sans-serif; 
}
.download-chart {
  counter-reset: rank-counter;  /* 设置计数器的初始值 */
}

.chart-item {
  counter-increment: rank-counter;  /* 每个.chart-item元素都会使计数器加1 */
  position: relative;
  padding-left: 30px; /* 留出空间显示排名数字 */
  margin-bottom: 5px;
  line-height: 35px;
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  height:35px;
}
.dwt{
    width: 260px;
    height: 35px;
    line-height: 35px;
    font-weight: 500;
    font-size: 1.0em;
    overflow: hidden;
    float: left;
}
.dwt a{
    color: black; /* 将文字颜色设置为黑色 */
    text-decoration: none; 
}
.chart-item:before {
  content: counter(rank-counter);  /* 使用计数器的值作为内容 */
  position: absolute;
  left: 5px;  /* 根据需要调整位置 */
  top: 0;
  width: 20px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #6c5ce7;
  border-radius: 50%;
}
/* ...之前的CSS... */

.download-btn {
  padding: 5px 15px;
  margin:3px 10px 0 0; /* 保持与项目名称的距离 */
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s;
  float:right;
}

.download-btn:hover {
  background-color: #0056b3; /* 鼠标悬停时按钮的背景色变深 */
}
footer{
	width:100%;
	background-color:#333;
	height:auto;
	padding:30px 0 10px 0;
	margin:0 auto;
	margin-top:50px;
}
footer a {
            color: #ccc;
            text-decoration: none; /* 可选：去掉超链接下划线 */
        }
.copyright{
	width:100%;
	max-width:1200px;
	height:auto;
	margin:0 auto;
	font-size:0.8em;
	color:#ccc;
}

:root {
      --bg-dark: #0d1117;
      --bg-light: #161b22;
      --text: #e6edf3;
      --accent: #00baba;
      --radius: 12px;
      --max-width: 1200px;
    }
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    body {
      font-family: "Poppins", "Roboto", "Noto Sans SC", sans-serif;
      background: var(--bg-dark);
      color: var(--text);
      line-height: 1.6;
    }
    a {
      color: var(--accent);
      text-decoration: none;
    }
    .container {
      width: 90%;
      max-width: var(--max-width);
      margin: 0 auto;
    }
    /* Navbar */
    .navbar {
      background: var(--bg-light);
      padding: 1rem 0;
      position: sticky;
      top: 0;
      z-index: 100;
    }
    .navbar .container {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .logo {
      height: 40px;
    }
    .navbar nav a {
      margin-left: 1.5rem;
      font-size: 0.9rem;
    }
    /* Hero */
    .hero {
      background: url('hero-bg.jpg') center/cover no-repeat;
      text-align: center;
      padding: 4rem 0 6rem;
    }
    .hero h1 {
      font-size: 2.5rem;
      margin-bottom: 1rem;
    }
    .hero p {
      font-size: 1.1rem;
      margin-bottom: 2rem;
    }
    .btn {
      display: inline-block;
      background: var(--accent);
      color: #fff;
      padding: 0.75rem 1.5rem;
      border-radius: var(--radius);
      transition: 0.3s;
    }
    .btn:hover {
      opacity: 0.9;
    }
    /* Features */
    .features {
      padding: 3rem 0;
    }
    .features h2 {
      text-align: center;
      margin-bottom: 2rem;
      font-size: 2rem;
    }
    .grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 1.5rem;
    }
    .feature {
      background: var(--bg-light);
      border-radius: var(--radius);
      padding: 2rem;
      text-align: center;
    }
    .feature i {
      font-size: 2.5rem;
      margin-bottom: 1rem;
      display: inline-block;
    }
    .icon-copy::before {
      content: "\1F4CB"; /* clipboard */
    }
    .icon-futures::before {
      content: "\1F4C8"; /* chart */
    }
    .icon-earn::before {
      content: "\1F4B0"; /* money bag */
    }
    .icon-shield::before {
      content: "\1F6E1"; /* shield */
    }
    .feature h3 {
      margin-bottom: 0.75rem;
      font-size: 1.2rem;
    }
    /* Download */
    .download {
      background: var(--bg-light);
      padding: 3rem 0;
      text-align: center;
    }
    .download h2 {
      margin-bottom: 1.5rem;
      font-size: 2rem;
    }
    .store-links {
      display: flex;
      justify-content: center;
      gap: 1rem;
      flex-wrap: wrap;
    }
    .store {
      background: #fff;
      color: #000;
    }
    /* Footer */
    .footer {
      text-align: center;
      padding: 1.5rem 0;
      font-size: 0.9rem;
    }
    @media (max-width: 600px) {
      .hero h1 {
        font-size: 1.8rem;
      }
      .hero p {
        font-size: 1rem;
      }
      .navbar nav a {
        margin-left: 1rem;
        font-size: 0.8rem;
      }
    }
    
/* === 最新文章板块 === */
.articles {
  padding: 3rem 0;
}

.articles h2 {
  text-align: center;
  margin-bottom: 2rem;
  font-size: 2rem;
}

.article-list {
  background: #161b22;          /* 深色卡片背景 */
  border-radius: 12px;
  overflow: hidden;
}

.article-item {
  padding: 1.25rem 1.5rem;
}

.article-item + .article-item {
  border-top: 1px solid rgba(255, 255, 255, 0.08);   /* 细分隔线 */
}

.article-item h3 {
  font-size: 1rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.article-item .date {
  font-size: 0.85rem;
  color: #8b949e;               /* 日期灰色小字 */
}

/* 移动端单列排版 */
@media (max-width: 600px) {
  .articles h2 {
    font-size: 1.6rem;
  }
}