@charset "UTF-8";
/* 关键：固定最大宽度为移动设备尺寸，居中显示 */
/* .app-container {
  min-width: 375px;
  margin: 0 auto;
  min-height: 100vh;
  background-color: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow-x: hidden;
} */

/* 在小屏幕设备上占满宽度 */
/* @media (max-width: 375px) {
  .app-container {
    max-width: 100%;
    box-shadow: none;
  }
} */
.card[data-v-3b122b34] {
  border-radius: 0.08rem;
  background-color: #fff;
  box-shadow: 0 0 0 0.02rem #eee;
  padding: 0.2rem;
}
.top-bar[data-v-3b122b34] {
  width: 7.5rem;
  position: fixed;
  top: 0;
  left: 50%;
  height: 0.88rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  box-shadow: 0 0.02rem 0.03rem rgba(0, 0, 0, 0.1);
  z-index: 99;
  margin-left: -3.75rem;
  padding: 0 0.3rem;
  font-size: 0.28rem;
}
.top-bar .menu-button[data-v-3b122b34] {
  background: none;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAuCAYAAABu3ppsAAABU0lEQVRoge2ZPUrEQBiGn40prJZNaxkQaztrkT2A9jmHsE0q8QyW6dcDLB7AI0S8xP4cQPmWT9iERDeC+WbGeWCamUl4XzI/efkmeZ4DnAOPwA0wxW22wAtwD7yLgQvgFZg5LrzNGrg6ybLsCbh0S9tRnAJniS4bX5knHovfk+iG8JWVGFjohvAN0bwQA7XsZuAZ2HlgYqdaRXP9dQ94S1oUhdcGgjiFvCYasCYasMZ7A0ddZHJXVFU1iqChBLOEJFIugY22pfb1cTj/Y+TW0JcCXZHyFrjWH6a3lgnrCDo91Cdf4KFHzEzH2vTNH5u9vp8i5byjz6UIGn6kXHX0uRRBv42Uax1r40oE7Y2UjcjW8aB1BG3oS7VTjsq7AS8ZOv/PmJRl6YKOXxP/Rq2JBqyJBqz5H5HSZYKMlGNHxKGtESljldKQWKV0glilNCSAKiXUn3PXk0WO9S0lAAAAAElFTkSuQmCC") center no-repeat;
  width: 0.48rem;
  height: 0.46rem;
  background-size: 100%;
  margin-right: 0.23rem;
}
.top-bar .icon-home[data-v-3b122b34] {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIkAAAAmCAYAAADwbrjyAAAEOElEQVR4nO1cS27bMBB9LnqBdF8E1RWUIzhHsI8gH0FZdZGVve/GPkJ9hHjVdX2Eqgh6AJ2gYMGEbFSB5PAjysPCD0gESfxZfHwzQ5FafPn2GwJvEIMT8fcf3tIIBKWPuW+qa1R2DYHlyxG4Uec3AHoBnCHUETjh9Tys/MXCVfe/9wLb7/HbrM+Y6oOYPvr48xEUJEmEo8BFJEmE4yEuhuUFPuQGQCuAKuAhdxDYATgkkKSFwNZUvmr/AcAmgSRbCLSW9ss6HgDsiD4QxH3zs3KnP90+P96/QxlYAvgBYA9JkDBUKt93VU4OrBLLTM2fFSWQRKrHUwQ5xqhVOc30TXwxdbEdXU/w27KCO0kapQJTYp+JKLEqxVpFwJwkqwwE0dhn6JyVUpSYfKzBlSSVJ0Gkw7gG8EE64eq4Vtcp7CM71YYYk8Pe1Ei8Z9AGE1qiA3tFhpPh+nHw99VRjrwuI5bNhO1eehJUYy4VWdhu+ITAHJWkInwGSYQ7A0HGOKl0vSNNM/FIDjU5OXyjycGRJC1xf/0y9+GHTqVPqS8UvuoQ68PMDo4kcT3kg4eCjHEiTECK5B8N13zVwRQNnRPakg3cSEKNrhB775svZY7DpGi+zqipThPpLg5uJKkd97qEkXYmTJSrXhdOFp+HIp1pMHSE/3QxlESS1FHmyh9LktpSLkUSk6k5cvVRSlOSFORQElh8pJoosxhTA495klwvxGxwjaScJEkZwUdlJsZlrCzmsbGYmjPXkJgiydNM7YDHaA6Nasag/Jk6wueRg2in2jZWB3n+YMkzhlaRXLOvwnbj16fPxqUJt8+PO33OydzktseUU5hSv4nAlYH4tkiKralBIUsFSoCtk03qMkZK1DYLriRJgzYPvWUuZkwKk0kdEmxuH9ALV5KkYehD+Jic4kwNmJGEktxUp47Knyr5R4vfsxwcbVENa1DRjfUVMwGrN+0A5VhWiWEwRZIpZjuPhjBWR0AmUxL7miEU/9VSgVwTXlT+1DkYDVOnawVxhb6swY0kLunNSZKpJN/2jqgx1E+9T2KDkkiS6vm78k/pF5jUZOuZjiW4kcQ1q3qTMG1tmgr3rTcUviakCFMDpkrikuDYVWSufFNHGD7l2SIhluA4T+KS4SqCKC0R2eSQfUolplSu7OBKEtco2wY4sbXFH9CwzZSmwlVmrjqzgSNJejWv4MKTh6K0av+vC7tMst871KQYX0SD676bA7HdQe+ZaVTaoQ9Qe26V6DKPaNPyAVzI1IQuFRhmvOdKEr35ilKCijAnLqwzO48H1bZhVNVdlWRanNXuuhz7gTczvTMZT8cX5bBqcCYJBuZgPCJj0avVYnM5jjsP/4o9SlgqIDv0foKRf1blFBVZcEAp60nOal/vJuJ9R6fy3ZXwWp4jSv+wnrT3lf6Gmronv5HWiVf7f/2wXuqH9QD8AdBK31OQOgJHAAAAAElFTkSuQmCC") no-repeat;
  width: 1.37rem;
  height: 0.38rem;
  display: block;
  background-size: auto 0.38rem;
  flex: 1;
}
.top-bar .login-btn a[data-v-3b122b34] {
  width: 1.4rem;
  height: 0.6rem;
  display: inline-block;
  border: 1px solid #999;
  border-radius: 0.3rem;
  text-align: center;
  color: #000;
  line-height: 0.6rem;
  margin-left: 0.2rem;
  box-sizing: content-box;
}
 /* 遮罩层：覆盖整个容器（而非整个页面） */
.side-menu-overlay[data-v-0df01063] {
  position: absolute; /* 关键：相对于 app-container */
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.side-menu-overlay.active[data-v-0df01063] {
    opacity: 1;
    visibility: visible;
}
.side-menu[data-v-0df01063] {
  position: absolute; /* 关键：脱离文档流，相对于 app-container */
  top: 0; left: 0;
  width: 280px;
  height: 100%;
  background-color: #fff;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  z-index: 1001;
  overflow-y: auto;
}
.side-menu.open[data-v-0df01063] {
    transform: translateX(0);
}
.menu-header[data-v-0df01063] {
    padding: 16px;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.close-btn[data-v-0df01063] {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
}
.menu-list[data-v-0df01063] {
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu-item[data-v-0df01063] {
    border-bottom: 1px solid #f5f5f5;
}
.menu-item a[data-v-0df01063] {
    display: block;
    padding: 16px;
    color: #333;
    text-decoration: none;
    transition: background-color 0.2s;
}
.menu-item a[data-v-0df01063]:hover {
    background-color: #f5f5f7;
}
  .card[data-v-2d29324d] {
  border-radius: 0.08rem;
  background-color: #fff;
  box-shadow: 0 0 0 0.02rem #eee;
  padding: 0.2rem;
}
.bottom-nav[data-v-2d29324d] {
  width: 7.5rem;
  position: fixed;
  bottom: 0;
  left: 50%;
  height: 0.98rem;
  margin-left: -3.75rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background-color: #ffffff;
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.1);
  z-index: 100;
}
.bottom-nav .nav-item[data-v-2d29324d] {
  mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA9CAYAAAAd1W/BAAAELElEQVRoge2bXYhVVRTHf46TX5DlqGhBYJJlilp+FVqISPYFPST2INjgtzQaOpq++DDggyQkI/hQA6FYPWi92BdNgYQgGSrzJMxQ0aCOjmkmiTo5OiNrWAdmbmefvc+9+9xzzsz8YDPDvXuvvf7rnrP3PnuvM4R0GA9MAcYCncAloA34OyV/ysJTwF6gGeg2lGatM6U/CZ8IfA7cjxBeWKTuZ8BjGfC/JJYCV2MILyxX1UYuWan3d7HigyI2VuQtAO8C9zyID4rYejsDupyodhTfAnytpcWh/n/AG1kXv8oiXr47AEwOaTtZv4tqfxtYkoIuJ2zirwOLHQxJnRsRdm4BCzOgtw+rLdOciJ8Tw94LwL8R9iRA88qgy4k1QFeEs7K6m12E3UX6a0fZnZmC3j6stYi/Bjxfgv2lOviZ7P8FPJuALifWJyw+4C1LEC7oMrusbLCIlxXccx4descywLYCT5QrABst4uWynJVAv9WWfn8DHk+g3z68l5L4ANttd04ftROhxkH8jATFB2y1rBibgEd9d7rJQfx0351GsMsShFPAI746e98i/kqZxQfstgThBDCq1E5s4tuBad4kxWefJQg/AsOLNb7FQXxqixBF9jQ/sQThG2BYXMO2geZyBsQHSBAOWfz9EhjqarDWYkx2cKcmLiseIu6Ixe/DQIXN6vYcig8YppsrUf436BUTygeWxrJv/0zqMqORIDRadNSHWdhmaXQHeDpDQqOQqe9ni549vdsvsYz2Uu5mTmY0Dzto2hFYaLBUDEresOnpAKoqcvjr+kIWSD1HcHM1CAPtCpBxrSqo/Crwq67rB0IAuvQBL1bDvGHSsbn3nkXYosAkNq1cgmJx0lFZV1fX80/wdyDQW6t1bdzfGQxABnxIlcEAZMCHVBkMQAZ8SJUBH4BKz/bkgPIhzzYLkayxi76W574CIMfgXxlyf5LgT2CZHoOVhK9b4OMyiheeBD71YchXANI4I/ByHOcrAMc92YlDow8jvsYAyRL7UNPXij6Lc0TSZU4COyOqO/+wYQG4qbuqhYzTvJ8wJA1unV+dJTHB0Phm4QdhkTpvaPxyOlqK4kVDo7bCD8ICcNbQuDYnu0JD1NcwzhR+FhaA7w2NX9I0maxTo76G8a1LAI5pmlsY9RHRzQK1prM/1XTMJQAd+t5OGHIM/ZFuoS8HRmdA9Gj15YT6ZsoD2Kva+mCaBvfrWxqmTM/5wFHdX28PM1wmRug7SbZpr0k1/Q9TADo1O/MXnf5MVJQjObFErqmWzjAzUZH7HXg9Yu7PA+L7a6olFNulc0bn1NM5FH9afTdN6z24LBn/ABbocrfVo4NJ0aq+LlDfI3F9FpBM7YPAF3pJvQm8AkzKwOKoW0X/BHwH/BDnyD/uw5AYDt70EmQUHgOMjGnHF3LE/U/RsxDwAGEWS+TuvLC9AAAAAElFTkSuQmCC");
  mask-size: 0.64rem auto;
  mask-repeat: no-repeat;
  background-color: #222;
  width: 0.64rem;
  height: 0.64rem;
  display: block;
}
.bottom-nav .nav-item.nav-item2[data-v-2d29324d] {
  mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA+CAYAAACbQR1vAAAEwElEQVRoge2bW4hVZRTHfzOmU2aTU9HDBAWLrmRFNFJkPljZxagpy+iiZFg+KBTzkkTSQxSVTxZZ0oWIIqOLmVEWQdchkuopuzm0kO4vieh0MUtjxTpwzmZ/++y9PfucvY/zf5rzrW/tb/3/8+1vf7fVIyJkxGHAQVmd2oR/gF1ZmmpGpBc4GxgGLgZOAfpKSr6G3cDXwNvAa8BmYG+oclIPuBK4Fzi1yGjbgC+BlcCGuKZ6Y8qmAy8Cr3YBeZyDcXnJuTUgKsAg8BGwoP1xFo5rnNtgfUP1AvQDbwEzuot3A2Y4x/5aYf0g+BhwWoqHjAN7io0zNyYD05o4G8e1wA32ozYIXgq8meD0PXA/8DrwU8dpJuMY4HLgTuDYhJrzgE01AT4DzgpUfApY7p+XKsE+12uAJYGYPweG7BWYmUD+GeCWihGvYbfHbhxvirEb55k2CF4VeMDPwLLi4ywcy5xLHOabALMCxoeAP7pAAOPwcMA2ywQ4KWB8o8Cg2o3QAH+yCXBEwDjWHdz/x3eB8um9/u2Mw9/ti69whF7lyXFrgQMKEwKUIIaO4oAXoKxbW6iqxXaH70YdFTEf7iu6fcCHNvcXkb/ytFNaAYB7fEHTDBf6ttcZeRop8ytwa4a6p+dtpMwCBDcy46Cq/Vnq11BmAZ7IWL8nTyNlFuBu4Laip+SlFUBE9np8xxfZTmkFUNW7gNV5u3ZaFPYZVNUjgXOBj0Xkt4y+DwArMjaZa/HWcgFUtccPIobryjbaSZOI7Evh+0iTnajfgUMjZVtF5M888bb0FVDVSX6qNBwxXWHlbk/yfboJ+U/8WeN1Zbb3N5I35p6E/0qmd09VpwDPAtcmVLPjqYUi0tBd3fe5JidS7/uUd1xVjwOuA0y09SLyTYoQY3m2RABVPcTJXZaium21Lah12ZS+DT45UYwAqjrNj6HPzxDXe96VDTY+zEmo+zJwY7TX5EAsz/0aBFXVTls3AedkdJ3jIhiGEurZucQSEfl3P8JMRO5BUFWPBt5tQn5Lgm2oCflHgZuLJG/IJYCq2hHzB8CZCdVW+SptVY4mHhSR5c0+m61A5ldAVfu8+56YUG2liNznf69Q1Z1+2yQN6n0LR54ecFECefuPjUQJ+O+R0ECU5FtGAQ4OlNu7ulREVscZvXyp14vD2pBvkcgjgN2w+CFSZhcmFonIk0mObl8Uc8Hi1xxz/5YgswAissu/+a8A24B3gLkisi6lv9Wb637bfN0w25/bdrRsKlwBxPI84M8FJgQoQQwdxYQAJYiho5gQoAQxdBS9Cddep3QRz6mB8j0mwPaA8YQCA2o3QkkR202ArQFjmv29qmBeIM4xE2A0YLw9oetUCVOdSxxGe30xEodBv2xcdayJJknUYYMJ8KnfnI7DYuDxCiRKxaHPY18csBvnzZMGBgbsx4+29RyoaLeqFwJ2B+eXrGlpHcCgJ0O8AFyQ0LzdQBmrzxp7Hrg+RbxVzxgxrItmjOC3rkZTps1UGV8A5wG2UdswE7SCS5rs5VcdW5zjzhqP6FTYEgtm+3ZXt2G9c2tInohbC+zwHLurga+6QATLHJ3vfHZEjc2Sp2u5w5ZGa13HkiuqkDv8re9eW7psOHcY+A8dbhIhtyXBbgAAAABJRU5ErkJggg==");
}
.bottom-nav .nav-item.nav-item3[data-v-2d29324d] {
  mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA8CAYAAADc1RI2AAAEJUlEQVRoge2aSWgVQRCGP6NG4xqXiyu4L7gibgdFXEAUInoRERG8CAoKBr148eBF3BBcQUFxQwUlIii4BMQlIoq4IS5gIMlF3CJEk2iUDhUYnz39ut/M9Bs1PzS819NTVf/MdHV1V7XBD3oAM4DhQG/gA/AKuAm892RDYpgAnAMagJ+a1gicB6b8jeQGAseBHyHkMlsTcAoYnALbs6IY2A7UWZLLbPXADvmkU4dCYAPwLkdyme0jUAoUpYGoclzLgNcxkctslcByoCBfBGcBFQ4GfwGOAVuAo8Anh3sfArN9khsNlDnOs52aeVYs8++rg6zLwJgkyfUBDorbd/GYQ7LIVZ74pIMnVuOOAH3jJNdFPrEvDk+8HJjqqGcicMNBh/LgW4GuUci1A1YDNQ6KnwElUZQC84GnDjqVR18j9jphgRhsq6hGHoizohAob7rK8QGrMHGRjfAiiVRcPOYW+aSTgLJns+NUOWuypxNw21JQozihPgmRy4TyzPscnN5doJtO0GlLAWWyjOQDwySgt7XzN5RY3FQhAUAaMF3eVjablwZtfWAY+EZCN197T4WVspzckN86KHuWiMMJs/15y31jDIPUXrCz5ze3TmPHesN45ZxMU22yGrQ25OJbcUa+UaWxpSqLDYXy1nQ8SgtkMutwQqIK3+in0afrC6JBgn4dhiuSPUMuvsoDwSgIe9tdFMm2IRcb08cjN+RtM+oT/wXJuAJqG6gHOlbGPZH9pjfFPtAfuAM8knbHY9zrjeSBjE20+r3Xk25vJOdq+hZ40u2NZEfLvkTQuoT8K4i6hEwI7NnOiOdMHaKQXAhcANrL/1JxJtfSRjLK57otQBD5vTsGm2JHFJKjNH35OvsxIgpJ3b2pdGStS8i/gv+G5PeQa4WebYmKsBOOZpIfQq7pvGcQNZq+as9jgxgU0l+rSL4IubgC6G4Qul3Tt8Pz2BYUGQ6hm/mNMBzMXgV6GYSvlIRruUFJ0mNVWv6igcP4loG3DINyTnImDJsk8cOgCXMskifqHHZxSgiWWCaJF2beeMgyJabOZ6blh1vzsUm5pZ3HdQLUknHFUkCT5AmHeiI3VCpJmiztu27K46idxB6HcpN6yQAnVQvXW2qA6h0e/n7bNX6aZZKzpX2W3H5ctXBKzkapsbO14R4w01WRTZIzs1VJ1Uau4WKBrM+VDjpjSRIXSg7TpQLysdTjuGCuuHxbHe/kNCLW8LO7VEC51LJek0orE8ZJzZytzDqJgIpj5PYHBkhtm0st3AmpoQuif0xyEoXrG1DZ4EviLcscPOZPWRKyfRGJYp7jXHJpT3KY24khF69oatURvXSiUOvbJsf1LdhqY15vE4WKVHY5zLuGhCOnRDFYCg0/G97cYYvq5kjwVUrWAZgEjJT1TZF+CdwHviWqGfgFuLP/swOYcoAAAAAASUVORK5CYII=");
  mask-size: 0.57rem auto;
}
.bottom-nav .nav-item.nav-item4[data-v-2d29324d] {
  mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA/CAYAAABQHc7KAAADeUlEQVRoge2bO2gVQRSGv1wNgaAhsVGuYLFNFKONBotoJfhEjPEBPsCA2sTC2mApWCuEiGBho+IzIr5qYxE0hRgVDW4hGrWREDWYByonzMLNOrP37ib7vPt1d2bOzvkPd2d2Z8+psSwLnywGFvo1iohp4IefqcoJKQAbgN3AVmAVUJdQ8Q4TwFvgCXAPGAD+mAZ7/QPagbPA6jC9jYDXwBmgTzdVQdPWCNwA7mZAPEqDaLmptM3CHYAi8BTYH72fobNPaSuWTlQagAbgMdCSLd2zaFEaG5zG0kWwF1hTwUV+AlPh+hmYWmBRGWPReBE4JD+cRXA78NDD6CNwDrgPfI5dpjfLgV3AaWCFx8gdwCMnAC+AdYaBl4GTantJE7Jd9wDHDD4PAuvlFmj1EH8FOJ4y4Q4TynfReFTTL5pbZRHcY7jACNAVvp+h06W06OiQALQZOs8D4xkIgGi4YOhrkwA0GzofhOhU1JgW+JUSgCWGzuFsaJ/hg6G9saD2Th2T0fkXOqZbuVb3LlBV5AFIgA+xkgcgAT7EivFIzLbt71kSajr58joTbArNmwRR9bdAHoAE+BArXmvAYMa0as885ETor8GgJlx/Ikers+pvgTwACfAhVvIAJMCHWMkDkAAfYiUPQAJ8iJU8AAnwIVbyACTAh1jJA5AAH2Kl6gMQOOXVtu1lQL2redyyrK8+bYLgOY8ffJ8I2bZdVImUpsSKZ8ABy7JGfNgE4b95yjBvJ0K9ZYS0qTQ0PzZB0M3jmyAB2BJgTCU2QZjzdYME4FOAMZXYBGHO1w0SgG6Vl29iWiUp+rEJgm4e38giOGlIk6kzpcnYtr1WJVS77SSF9pZlWS992ATBOI8B2Xl+abqmatR2slTT2aJy7bOAaHml0fFNboH3BoE7MyIelResY1gC0G/oPDVPDy1xU6+06OgvqGoKHUWVbJx2etxFEiX0SQCee3wI7QQupaBQSked8r3T0C+aBxY0Nc0kgsh+etgwUL6qHgF+A1/8lqXFQFEVQ1wHNntMf0LWgNKqsavAwQr8TXvFiHDNXTGCqqPpr7BsJs3IdrgRGBMNpU+C0rANGMqw+CGlccxpcD8Ky6vlJuB29L6Fzh2lbdbrs+5dYFTV2O0F3mRAuDzNdig9o+7OcsXTTu1wu/rrNKekdvidqg/sm0vtsInsVI8D/wC9oabmByi/WQAAAABJRU5ErkJggg==");
}
.bottom-nav .nav-item.nav-item5[data-v-2d29324d] {
  mask-image: url("data:image/png;base64,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");
  background-size: 0.6rem auto;
}
.bottom-nav .nav-item.active[data-v-2d29324d] {
  background-color: #348def;
}
  /* 无额外样式，由父级控制尺寸 */
  .card[data-v-fe559a00] {
  border-radius: 0.08rem;
  background-color: #fff;
  box-shadow: 0 0 0 0.02rem #eee;
  padding: 0.2rem;
}
.banner-image[data-v-fe559a00] {
  margin: 0.2rem auto;
}
.banner-image img[data-v-fe559a00] {
  width: 100%;
  border-radius: 0.08rem;
}.card[data-v-d0b3a1f6] {
  border-radius: 0.08rem;
  background-color: #fff;
  box-shadow: 0 0 0 0.02rem #eee;
  padding: 0.2rem;
}
.currency-card .currency-head[data-v-d0b3a1f6] {
  display: flex;
  align-items: center;
}
.currency-card .currency-head .currency-icon[data-v-d0b3a1f6] {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 0.3rem;
}
.currency-card .currency-head .currency-icon img[data-v-d0b3a1f6] {
  width: 100%;
  display: block;
}
.currency-card .currency-head .currency-tit p[data-v-d0b3a1f6] {
  font-size: 0.3rem;
  line-height: 1.5;
}
.currency-card .currency-head .currency-tit span[data-v-d0b3a1f6] {
  font-size: 0.24rem;
  color: #999;
  display: block;
  line-height: 1;
}
.currency-card .currency-info[data-v-d0b3a1f6] {
  text-align: center;
}
.currency-card .currency-info .currency-price[data-v-d0b3a1f6] {
  line-height: 0.48rem;
  font-size: 0.3rem;
}
.currency-card .currency-info .currency-change[data-v-d0b3a1f6] {
  padding-left: 0.2rem;
  margin-bottom: 0.28rem;
}
.currency-card .currency-info .currency-change i[data-v-d0b3a1f6] {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAARCAYAAADtyJ2fAAAA5UlEQVQokc3SoUvDQRjG8c/mMFimg/0NYtQwEUwGYc1sM9q0mGwTTUaLGsUkFg2GrQgy/AMEzQYRhEWjcnAHP3+c87fmk+4e3u899753tdn7QxnVsIEWLvFZLqlnoClc4BrneMDcX2BIOsNmwVvEHZq/gQE6wVbmFh3cYiYHHmM713DUKm4SnMAedsdASWu4wnQA17FfAUrqYi+A8xNASQv1GP0+ARTe9LSBt3ACluJkD7BcKn4stPOC10bcjDCI651Mygf6RSP3cyrp/4JfVcDnjPdUNtJUiwrfr42VmDTE0Y8KfAOkuCF7V1IQgwAAAABJRU5ErkJggg==") no-repeat left center;
  background-size: auto 0.17rem;
  width: 0.17rem;
  height: 0.17rem;
  display: inline-block;
}
.currency-card .currency-info .currency-change.up[data-v-d0b3a1f6] {
  color: #10c286;
}
.currency-card .currency-info .currency-change.down[data-v-d0b3a1f6] {
  color: #ff0f52;
}
.currency-card .currency-info .currency-change.down i[data-v-d0b3a1f6] {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAYAAADNo/U5AAAA0klEQVQokdXSMU6CQRCG4UeidsZY0FEQKwoPYK8Gaw9AQ2LtMey8AOfwAFbYaKFGQkJhQiFoEE8AmWT/ZNlowNKv2p353t2dmd1a7F8odIlrHOANHdzllhLawwzbWewFR7mpVtzSLIBQo3xKCW2kfwDt4gavuP3BEx0dpXz4dqJTXVytOfgwrVsY1NIQ/6J6QD2MN4TC1wtoihO8rwHCdxa+ak7DFPj4BfjEadRTFVnpGW3MC+A7xZ/yzuR6xHkGfqX9Q24qP2foPrX2GH1MVrJYAhv8JPHdAQrqAAAAAElFTkSuQmCC");
}
.currency-card .chart-container[data-v-d0b3a1f6] {
  margin: 0.2rem 0;
}
.currency-card .trade-buttons[data-v-d0b3a1f6] {
  text-align: center;
}
.currency-card .trade-buttons button[data-v-d0b3a1f6] {
  width: 1.35rem;
  height: 0.48rem;
  display: inline-block;
  border-radius: 0.48rem;
  color: #fff;
  margin: 0 0.05rem;
  background-color: #10c286;
  font-size: 0.24rem;
}
.currency-card .trade-buttons button.sell-btn[data-v-d0b3a1f6] {
  background-color: #ff0f52;
}
.currency-card.currency-card-2[data-v-d0b3a1f6] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.currency-card.currency-card-2 .chart-container[data-v-d0b3a1f6] {
  flex: 1;
  min-width: 0;
}
.currency-card.currency-card-2 .currency-info[data-v-d0b3a1f6] {
  text-align: right;
}.card[data-v-1bc57a83] {
  border-radius: 0.08rem;
  background-color: #fff;
  box-shadow: 0 0 0 0.02rem #eee;
  padding: 0.2rem;
}
.currencies-data[data-v-1bc57a83] {
  text-align: center;
}
.currencies-data .icon[data-v-1bc57a83] {
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 auto 0.2rem;
  border-radius: 100%;
  overflow: hidden;
}
.currencies-data .icon img[data-v-1bc57a83] {
  width: 100%;
  display: block;
}
.currencies-data .title[data-v-1bc57a83] {
  margin-bottom: 0.28rem;
}
.currencies-data .infos[data-v-1bc57a83] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.28rem;
}
.currencies-data .infos .days[data-v-1bc57a83] {
  color: #999;
}
.currencies-data .infos .change i[data-v-1bc57a83] {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAARCAYAAADtyJ2fAAAA5UlEQVQokc3SoUvDQRjG8c/mMFimg/0NYtQwEUwGYc1sM9q0mGwTTUaLGsUkFg2GrQgy/AMEzQYRhEWjcnAHP3+c87fmk+4e3u899753tdn7QxnVsIEWLvFZLqlnoClc4BrneMDcX2BIOsNmwVvEHZq/gQE6wVbmFh3cYiYHHmM713DUKm4SnMAedsdASWu4wnQA17FfAUrqYi+A8xNASQv1GP0+ARTe9LSBt3ACluJkD7BcKn4stPOC10bcjDCI651Mygf6RSP3cyrp/4JfVcDnjPdUNtJUiwrfr42VmDTE0Y8KfAOkuCF7V1IQgwAAAABJRU5ErkJggg==") no-repeat left center;
  background-size: auto 0.17rem;
  width: 0.17rem;
  height: 0.17rem;
  display: inline-block;
}
.currencies-data .infos .change.up[data-v-1bc57a83] {
  color: #10c286;
}
.currencies-data .infos .change.down[data-v-1bc57a83] {
  color: #ff0f52;
}
.currencies-data .infos .change.down i[data-v-1bc57a83] {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAYAAADNo/U5AAAA0klEQVQokdXSMU6CQRCG4UeidsZY0FEQKwoPYK8Gaw9AQ2LtMey8AOfwAFbYaKFGQkJhQiFoEE8AmWT/ZNlowNKv2p353t2dmd1a7F8odIlrHOANHdzllhLawwzbWewFR7mpVtzSLIBQo3xKCW2kfwDt4gavuP3BEx0dpXz4dqJTXVytOfgwrVsY1NIQ/6J6QD2MN4TC1wtoihO8rwHCdxa+ak7DFPj4BfjEadRTFVnpGW3MC+A7xZ/yzuR6xHkGfqX9Q24qP2foPrX2GH1MVrJYAhv8JPHdAQrqAAAAAElFTkSuQmCC");
}
.currencies-data .btn[data-v-1bc57a83] {
  width: 2rem;
  height: 0.5rem;
  line-height: 0.5rem;
  border-radius: 0.5rem;
  color: #fff;
  text-align: center;
  display: block;
  margin: 0 auto;
  background-color: #348def;
}
.card {
  border-radius: 0.08rem;
  background-color: #fff;
  box-shadow: 0 0 0 0.02rem #eee;
  padding: 0.2rem;
}
.home-page {
  /* 拖动时鼠标样式 */
}
.home-page .first-tabs-section {
  height: 0.88rem;
  background-color: #fff;
  padding: 0 0.3rem;
  font-size: 0.32rem;
  display: flex;
  align-items: center;
}
.home-page .first-tabs-section .first-tab {
  cursor: pointer;
  position: relative; /* 伪元 素定位 */
  transition: color 0.2s;
  font-size: 0.32rem;
  flex-shrink: 0;
  background: none;
  margin-right: 0.2rem;
  padding-bottom: 0.1rem;
  position: relative;
}
.home-page .first-tabs-section .first-tab.active {
  font-weight: bold;
}
.home-page .first-tabs-section .first-tab.active::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 60%;
  margin-left: -30%;
  height: 0.06rem;
  background: #348def;
  border-radius: 0.06rem;
}
.home-page .contentbox {
  margin: 0 0.3rem;
}
.home-page .currencies-section .section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 0.88rem;
}
.home-page .currencies-section .section-header h2 {
  font-size: 0.32rem;
}
.home-page .currencies-section .section-header .more-link {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAWCAYAAAD0OH0aAAAAqklEQVQ4jY3SvQnCQBiA4ceYSnAKO1dwGQstxFqn8K8NuIfgHA7gELaCBC5wSO7na3JJ3ocL5CZd182www1fhWmwxwl3TEugxQVLrMOzTW6nNrzchPsiasO1GrXRugrFoAr9gyIaA1mUAkmUAzFqAvo0BdBPf3QWYf0ugTkeWOGIc+6T4vgQzpvUDqNxCiTjMZCN/0ExjkFVPIDqeADb2rif/j9c8cKzFMMPjlg0kStzzqIAAAAASUVORK5CYII=") no-repeat right center;
  background-size: auto 0.22rem;
  padding-right: 0.15rem;
  font-size: 0.3rem;
  color: #999;
  line-height: 0.38rem;
}
.home-page .currencies-section .currencies-grid {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.28rem;
}
.home-page .currencies-section .currencies-grid .li {
  width: 48%;
}
.home-page .currencies-grid2 {
  margin-bottom: 0.28rem;
}
.home-page .currencies-data-turnover {
  padding: 0.3rem 0.2rem;
  margin-bottom: 0.28rem;
}
.home-page .currencies-data-turnover .infodata {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.28rem;
}
.home-page .currencies-data-turnover .change {
  margin-left: 0.1rem;
}
.home-page .currencies-data-turnover .change i {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAARCAYAAADtyJ2fAAAA5UlEQVQokc3SoUvDQRjG8c/mMFimg/0NYtQwEUwGYc1sM9q0mGwTTUaLGsUkFg2GrQgy/AMEzQYRhEWjcnAHP3+c87fmk+4e3u899753tdn7QxnVsIEWLvFZLqlnoClc4BrneMDcX2BIOsNmwVvEHZq/gQE6wVbmFh3cYiYHHmM713DUKm4SnMAedsdASWu4wnQA17FfAUrqYi+A8xNASQv1GP0+ARTe9LSBt3ACluJkD7BcKn4stPOC10bcjDCI651Mygf6RSP3cyrp/4JfVcDnjPdUNtJUiwrfr42VmDTE0Y8KfAOkuCF7V1IQgwAAAABJRU5ErkJggg==") no-repeat left center;
  background-size: auto 0.17rem;
  width: 0.17rem;
  height: 0.17rem;
  display: inline-block;
}
.home-page .currencies-data-turnover .change.up {
  color: #10c286;
}
.home-page .currencies-data-turnover .change.down {
  color: #ff0f52;
}
.home-page .currencies-data-turnover .change.down i {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAYAAADNo/U5AAAA0klEQVQokdXSMU6CQRCG4UeidsZY0FEQKwoPYK8Gaw9AQ2LtMey8AOfwAFbYaKFGQkJhQiFoEE8AmWT/ZNlowNKv2p353t2dmd1a7F8odIlrHOANHdzllhLawwzbWewFR7mpVtzSLIBQo3xKCW2kfwDt4gavuP3BEx0dpXz4dqJTXVytOfgwrVsY1NIQ/6J6QD2MN4TC1wtoihO8rwHCdxa+ak7DFPj4BfjEadRTFVnpGW3MC+A7xZ/yzuR6xHkGfqX9Q24qP2foPrX2GH1MVrJYAhv8JPHdAQrqAAAAAElFTkSuQmCC");
}
.home-page .currencies-data-turnover .infotxt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.28rem;
}
.home-page .currencies-data-turnover .botinfo {
  background-color: #348def;
  height: 0.6rem;
  border-radius: 0.6rem;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 0 0.1rem;
}
.home-page .currencies-data-turnover .botinfo .cover {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 100%;
  overflow: hidden;
  margin-right: 0.1rem;
}
.home-page .currencies-data-turnover .botinfo .cover img {
  width: 100%;
  display: block;
}
.home-page .currencies-data-turnover .botinfo .itxt {
  flex: 1;
  min-width: 0;
}
.home-page .currencies-data-turnover .botinfo .btngo {
  color: #fff;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAWCAYAAAAb+hYkAAAA8klEQVQ4jZXTMUpDQRDG8f++Z6WnCKQXRUthwMp0NnYWtl5i3tzAG1hYmjSxiO1GC+0tvIggqDxZ2UAku/s2XzVT/PiWhXFd16Gqp8AFcG1mPwzE9X1/BHhgF7gDroZgA7wBy7hfAreq2pZQ65z7FpEZEBrHwD4wEpG5977PNWFmn8A58FjT2KyGbWCzvtTCf6gWbqAa2IpIyuG9z/5qsinR+LzWeFNEMcfAQZw/gPsiUtUTYAHsRTAxs2UW5QC53yuBJBoCG6gGhOwUwJmZPaWe/9e0DQgJl3sYj7AKrJregZdaEBIu90tEpsCDmb0OAYBfO/iCH5WhBY0AAAAASUVORK5CYII=") no-repeat right center;
  padding-right: 0.18rem;
  background-size: auto 0.22rem;
  margin-right: 0.1rem;
  line-height: 0.4rem;
}
.home-page .currencies-data-list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.2rem;
}
.home-page .currencies-data-list .currencies-data {
  width: 48%;
}
.home-page .infobox .infotab {
  color: #999;
  font-size: 0.3rem;
}
.home-page .infobox .infotab span {
  display: inline-block;
  position: relative;
  line-height: 0.4rem;
  margin-right: 0.38rem;
  margin-bottom: 0.2rem;
}
.home-page .infobox .infotab span.on {
  color: #222;
}
.home-page .infobox .infotab span.on::after {
  content: "";
  position: absolute;
  bottom: -0.06rem;
  left: 50%;
  width: 60%;
  margin-left: -30%;
  height: 0.06rem;
  background-color: #348def;
  border-radius: 0.06rem;
}
.home-page .infobox .infolist {
  margin-top: 0.2rem;
}
.home-page .infobox .infolist li {
  display: flex;
  align-items: center;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 0.4rem;
}
.home-page .infobox .infolist li:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.home-page .infobox .infolist .cover {
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 100%;
  overflow: hidden;
  margin-right: 0.2rem;
}
.home-page .infobox .infolist .cover img {
  width: 100%;
  display: block;
}
.home-page .infobox .infolist .infotxt {
  flex: 1;
  min-width: 0;
  line-height: 0.3rem;
}
.home-page .infobox .infolist .infotxt .p1 {
  font-size: 0.3rem;
  line-height: 0.4rem;
}
.home-page .infobox .infolist .infotxt .p2 {
  color: #999;
}
.home-page .infobox .infolist .infotxt .p3 span {
  color: #10c286;
}
.home-page .infobox .infolist .btn {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAATCAYAAACUef2IAAABAklEQVQ4jcWVsWoCQRCGPzUIFiKkSG2j6dIGS8kDxCpgZ2d37b2DVZ4k1jYhoIi26VLkBQKxiohJ8A9DTrgL0XW5FX/Y5m7mu39nZ/YKkvDQOfAJfLgCix7QGHgD3oHIGW2OD1hnkpbK6l5SaVfOoeCa/teDpMoxwKaZpIu/OT413qVrYAo00++tK66AAdDYk2wG6o4PLIBbYLI9vOc92/TVStKdlcIcb8x5gJJsZYNxUwwMJeG1DfwVGGyOnww8CghdA13g0WpcBfqOrigDPQfUuqIDjH995x8Q06uky9ADMgdawEv6YV7w0DogufWyOvXtZiuW9C1pLSlyxR/nDwL8AAlOKZ348PEoAAAAAElFTkSuQmCC") no-repeat center #348def;
  background-size: auto 0.19rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100%;
  display: inline-block;
}
.home-page .infobox .infolist .dabtn {
  color: #fff;
  height: 0.48rem;
  line-height: 0.48rem;
  padding: 0 0.2rem;
  display: inline-block;
}
.home-page .infobox .infolist .dabtn.up {
  background-color: #10c286;
}
.home-page .infobox .infolist .dabtn.down {
  background-color: #ff0f52;
}
.home-page .second-tabs-section {
  margin: 0.3rem 0;
}
.home-page .second-tab {
  font-size: 0.3rem;
  display: inline-block;
  height: 0.6rem;
  line-height: 0.6rem;
  padding: 0 0.2rem;
  margin-right: 0.2rem;
  white-space: nowrap;
  flex-shrink: 0;
}
.home-page .second-tab.active {
  color: #fff;
  background-color: #348def;
  border-radius: 0.6rem;
}
.home-page .tabs-wrapper {
  overflow: hidden;
  width: 100%;
}
.home-page .tabs-scroll {
  display: flex;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
.home-page .tabs-scroll::-webkit-scrollbar {
  display: none;
}
.home-page .tabs-scroll.dragging {
  cursor: grabbing;
}
.home-page .flexcall {
  position: fixed;
  bottom: 1.2rem;
  right: 0.4rem;
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  background: url("data:image/png;base64,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") no-repeat center rgba(255, 255, 255, 0.8);
  background-size: auto 0.62rem;
  box-shadow: 0 0 0.1rem #ccc;
}
.card[data-v-2115f230] {
  border-radius: 0.08rem;
  background-color: #fff;
  box-shadow: 0 0 0 0.02rem #eee;
  padding: 0.2rem;
}

/* ========== 一级分类：下划线选中 ========== */
.first-tabs-section[data-v-2115f230] {
  margin-bottom: 8px;
}
.first-tab[data-v-2115f230] {
  padding: 8px 12px;
  background: transparent;
  border: none;
  font-size: 16px;
  color: #666;
  cursor: pointer;
  position: relative; /* 伪元素定位 */
  transition: color 0.2s;
  flex-shrink: 0;
}
.first-tab[data-v-2115f230]:hover {
  color: #000;
}

/* 选中态：文字变黑 + 底部下划线 */
.first-tab.active[data-v-2115f230] {
  color: #000;
}
.first-tab.active[data-v-2115f230]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: #348def;
}

/* ========== 二级分类：圆角背景按钮 ========== */
.second-tabs-section[data-v-2115f230] {
  margin-bottom: 16px;
}
.second-tab[data-v-2115f230] {
  background: #bbdefb; /* 浅蓝色背景 */
  border: none;
  padding: 6px 0px;
  border-radius: 10px;
  margin-right: 8px;
  cursor: pointer;
  transition: background 0.2s;
  color: #333;
  width: 80px;
  flex-shrink: 0;
}
.second-tab[data-v-2115f230]:hover {
  background: #90caf9;
}

/* 选中态：更深的蓝色 + 白色文字 */
.second-tab.active[data-v-2115f230] {
  background: #64b5f6;
  color: #fff;
}

/* ========== 通用滚动容器样式（复用） ========== */
.tabs-wrapper[data-v-2115f230] {
  overflow: hidden;
  width: 100%;
}
.tabs-scroll[data-v-2115f230] {
  display: flex;
  gap: 16px;
  padding: 8px 0;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
.tabs-scroll[data-v-2115f230]::-webkit-scrollbar {
  display: none;
}

/* 拖动时鼠标样式 */
.tabs-scroll.dragging[data-v-2115f230] {
  cursor: grabbing;
}

/* ========== 2. 广告图：自适应高度，避免溢出 ========== */
.banner-section[data-v-2115f230] {
  margin-bottom: 24px;
}
.banner-image[data-v-2115f230] {
  position: relative;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.banner-img[data-v-2115f230] {
  width: 100%;
  height: auto; /* 自适应高度 */
  aspect-ratio: 3/1; /* 宽高比 3:1，可调整 */
  object-fit: cover;
}
.banner-overlay[data-v-2115f230] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px;
}
.banner-overlay h2[data-v-2115f230] {
  font-size: 24px;
  margin-bottom: 8px;
}
.banner-overlay p[data-v-2115f230] {
  font-size: 16px;
  margin-bottom: 16px;
  opacity: 0.9;
}
.banner-button[data-v-2115f230] {
  width: fit-content;
  padding: 8px 16px;
  background-color: #0071e3;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.2s;
}
.banner-button[data-v-2115f230]:hover {
  background-color: #0066cc;
}

/* ========== 3. 货币卡片：强制两列 + 横向滚动 ========== */
.currencies-section[data-v-2115f230] {
  margin-bottom: 24px;
}
.section-header[data-v-2115f230] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
}
.more-link[data-v-2115f230] {
  font-size: 14px;
  color: #0071e3;
  text-decoration: none;
}

/* 卡片容器：强制两列，超出横向滚动 */
.currencies-grid[data-v-2115f230] {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 固定两列 */
  gap: 16px;
  overflow-x: auto; /* 超出横向滚动 */
  scrollbar-width: none; /* 隐藏滚动条 */
  -ms-overflow-style: none; /* IE/Edge */
  -webkit-overflow-scrolling: touch; /* 移动端顺滑 */
}

/* 隐藏滚动条（全浏览器兼容） */
.currencies-grid[data-v-2115f230]::-webkit-scrollbar {
  display: none;
}

/* 单个卡片：保证宽度，避免压缩 */
.currency-card[data-v-2115f230] {
  min-width: 160px; /* 卡片最小宽度 */
  background: #fff;
  border-radius: 8px;
  /* padding: 16px; */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.currency-icon[data-v-2115f230] {
  font-size: 32px;
  margin-bottom: 8px;
}
.btc-icon[data-v-2115f230] {
  color: #f7931a;
}
.eth-icon[data-v-2115f230] {
  color: #666;
}
.currency-title[data-v-2115f230] {
  display: flex;
  gap: 4px;
  align-items: baseline;
  margin-bottom: 4px;
}
.name[data-v-2115f230] {
  font-size: 16px;
  font-weight: 600;
}
.unit[data-v-2115f230] {
  font-size: 12px;
  color: #999;
}
.currency-price[data-v-2115f230] {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 4px;
}
.currency-change[data-v-2115f230] {
  font-size: 12px;
}
.currency-change.up[data-v-2115f230] {
  color: #28a745;
}
.currency-change.down[data-v-2115f230] {
  color: #dc3545;
}
.chart-container[data-v-2115f230] {
  width: 100%;
  margin-top: 8px;
}
.trade-buttons[data-v-2115f230] {
  display: flex;
  justify-content: center; /* 水平居中 */
  gap: 8px; /* 按钮间距 */
  margin: 8px 0; /* 与上下元素隔开 */
}
.buy-btn[data-v-2115f230], .sell-btn[data-v-2115f230] {
  padding: 6px 12px; /* 按钮大小 */
  border: none; /* 无边框 */
  border-radius: 4px; /* 圆角 */
  cursor: pointer; /* 手型指针 */
  font-size: 12px; /* 字体大小 */
  transition: background-color 0.2s; /*  hover 动画 */
  color: #fff; /* 文字白色 */
}

/* 买入按钮（绿色，与涨幅向上配色一致） */
.buy-btn[data-v-2115f230] {
  background-color: #67c23a;
}
.buy-btn[data-v-2115f230]:hover {
  background-color: #52a82e; /* 深色 hover */
}

/* 卖出按钮（红色，与涨幅向下配色一致） */
.sell-btn[data-v-2115f230] {
  background-color: #ff4d4f;
}
.sell-btn[data-v-2115f230]:hover {
  background-color: #e64942; /* 深色 hover */
}

/* ========== 特色卡片区 ========== */
.cards-section[data-v-2115f230] {
  margin-bottom: 24px;
}
.cards-grid[data-v-2115f230] {
  display: flex;
  flex-direction: column;
  gap: 12px; /* 卡片间距 */
}
.featured-card[data-v-2115f230] {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 8px;
  padding: 12px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  gap: 12px; /* 内部元素间距 */
}

/* 图标占位（可替换为真实图片） */
.card-icon[data-v-2115f230] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon-placeholder[data-v-2115f230] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 14px;
}

/* 中间内容区 */
.card-content[data-v-2115f230] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1; /* 占满剩余空间 */
}
.card-title[data-v-2115f230] {
  display: flex;
  flex-direction: column;
}
.main-name[data-v-2115f230] {
  font-size: 16px;
  font-weight: 600;
}
.sub-name[data-v-2115f230] {
  font-size: 12px;
  color: #999;
}

/* 迷你折线图容器（控制高度） */
.chart-container-small[data-v-2115f230] {
  width: 100%;
  height: 100px; /* 折线图高度，可调整 */
}

/* 右侧统计信息 */
.card-stats[data-v-2115f230] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}
.card-price[data-v-2115f230] {
  font-size: 14px;
  font-weight: 500;
}
.card-change[data-v-2115f230] {
  font-size: 12px;
}

/* 涨幅颜色区分 */
.card-change.up[data-v-2115f230] {
  color: #67c23a;
}
.card-change.down[data-v-2115f230] {
  color: #ff4d4f;
}.finance-dashboard {
    max-width: 500px;
    margin: 0 auto;
    padding-bottom: 60px; /* 为底部导航留出空间 */
    background-color: #f5f7fa;
    min-height: 100vh;
}
  
  /* 通用模块样式 */
.module {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 16px;
    margin: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.module:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.module-title {
    font-size: 18px;
    font-weight: 600;
    color: #1d2129;
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #f2f3f5;
}
  
  /* 1. 顶部Banner模块 */
.banner {
    background: linear-gradient(135deg, #165DFF 0%, #0E42D2 100%);
    color: white;
    text-align: center;
    padding: 30px 16px;
    margin-top: 0;
}
.banner-content h1 {
    font-size: 24px;
    margin-bottom: 8px;
}
.banner-content p {
    font-size: 14px;
    opacity: 0.9;
}
  
  /* 2. 模拟流动盘模块 */
.flow-disk .disk-stats {
    display: flex;
    justify-content: space-between;
}
.stat-item {
    text-align: center;
    flex: 1;
    padding: 0 8px;
}
.stat-value {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 4px;
    color: #1d2129;
}
.stat-label {
    font-size: 12px;
    color: #86909c;
}
  
  /* 3. 数值列表+计时器模块 */
.data-timer .data-list {
    margin-bottom: 16px;
}
.data-item {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #f2f3f5;
}
.data-item:last-child {
    border-bottom: none;
}
.data-key {
    color: #4e5969;
    font-size: 14px;
}
.data-value {
    color: #1d2129;
    font-weight: 500;
}
.timer-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
}
.timer-label {
    font-size: 14px;
    color: #4e5969;
}
.timer-value {
    font-size: 16px;
    font-weight: 600;
    color: #1d2129;
}
.timer-btn {
    background-color: #165DFF;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.2s;
}
.timer-btn:hover {
    background-color: #0E42D2;
}
  
  /* 4. 汇率换算模块 */
.converter-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 16px;
}
.input-group, .result-group {
    display: flex;
    gap: 8px;
}
.amount-input {
    flex: 1;
    padding: 10px;
    border: 1px solid #dcdfe6;
    border-radius: 6px;
    font-size: 14px;
}
.currency-select {
    padding: 10px;
    border: 1px solid #dcdfe6;
    border-radius: 6px;
    background-color: white;
    font-size: 14px;
}
.swap-btn {
    align-self: center;
    background: none;
    border: none;
    color: #165DFF;
    cursor: pointer;
    padding: 8px;
}
.exchange-rates {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 12px;
    color: #86909c;
}
.rate-item {
    background-color: #f5f7fa;
    padding: 4px 8px;
    border-radius: 4px;
}
  
  /* 5. 历史记录模块 */
.records-table {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #f2f3f5;
}
.table-header {
    display: flex;
    background-color: #f5f7fa;
    font-weight: 500;
}
.header-item, .row-item {
    flex: 1;
    padding: 12px 8px;
    text-align: center;
    font-size: 12px;
}
.table-row {
    display: flex;
    border-top: 1px solid #f2f3f5;
    font-size: 13px;
}
.table-row:nth-child(even) {
    background-color: #fafafa;
}
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
}
.page-btn {
    padding: 4px 12px;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    background-color: white;
    cursor: pointer;
    font-size: 14px;
}
.page-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
.page-info {
    font-size: 14px;
    color: #4e5969;
}
  
  /* 6. 模拟大盘模块 */
.market-indices {
    display: flex;
    gap: 12px;
}
.index-card {
    flex: 1;
    background-color: #f5f7fa;
    border-radius: 8px;
    padding: 12px;
    text-align: center;
}
.index-name {
    font-size: 13px;
    color: #4e5969;
    margin-bottom: 6px;
}
.index-value {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
}
.index-change {
    font-size: 12px;
}
  
  /* 7. 实时数据模块 */
.realtime-chart {
    height: 180px;
    background-color: #f5f7fa;
    border-radius: 8px;
    margin-bottom: 16px;
    position: relative;
    overflow: hidden;
}
.chart-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding: 0 10px;
    box-sizing: border-box;
}
.chart-bars {
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    width: 100%;
    height: 140px;
    gap: 4px;
}
.chart-bar {
    width: 10%;
    background-color: #165DFF;
    border-radius: 4px 4px 0 0;
    transition: height 1s ease;
}
.data-summary {
    display: flex;
    justify-content: space-between;
}
.summary-item {
    text-align: center;
    flex: 1;
}
.summary-label {
    font-size: 12px;
    color: #86909c;
    margin-bottom: 4px;
}
.summary-value {
    font-size: 14px;
    font-weight: 600;
    color: #1d2129;
}
  
  /* 8. 投资组合模块 */
.portfolio-allocation {
    margin-bottom: 16px;
}
.allocation-item {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.allocation-item:last-child {
    margin-bottom: 0;
}
.allocation-label {
    width: 60px;
    font-size: 14px;
    color: #4e5969;
}
.allocation-bar {
    flex: 1;
    height: 8px;
    background-color: #f2f3f5;
    border-radius: 4px;
    overflow: hidden;
    margin: 0 12px;
}
.bar-fill {
    height: 100%;
    background-color: #165DFF;
    border-radius: 4px;
    transition: width 0.5s ease;
}
.allocation-percent {
    width: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: right;
}
.portfolio-performance {
    text-align: center;
    padding: 12px;
    background-color: #f5f7fa;
    border-radius: 8px;
}
.performance-value {
    font-size: 24px;
    font-weight: 700;
    color: #00B42A;
    margin-bottom: 4px;
}
.performance-label {
    font-size: 14px;
    color: #86909c;
}
  
  
  /* 通用样式 */
.up {
    color: #00B42A;
}
.down {
    color: #F53F3F;
}.dashboard-page {
    max-width: 375px;
    margin: 20px auto;
    font-family: Arial, sans-serif;
    color: #333;
}
  
  /* 顶部区域 */
.top-container {
    position: relative;
    margin-bottom: 16px;
}
.banner {
    height: 80px;
    background: #f5f5f5;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dropdown {
    position: absolute;
    top: 10px;
    right: 10px;
}
.dropdown-trigger {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 6px 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4px;
}
.dropdown-menu {
    position: absolute;
    top: 32px;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px 0;
    min-width: 120px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    display: none; /* 静态隐藏，可扩展交互 */
}
.dropdown-menu a {
    display: block;
    padding: 6px 12px;
    text-decoration: none;
    color: #333;
}
.dropdown-menu a:hover {
    background: #f5f5f5;
}
  
  /* 操盘数据卡片 */
.stats-row {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
}
.stat-card {
    flex: 1;
    background: #fff;
    border-radius: 8px;
    padding: 16px;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.stat-title {
    font-size: 14px;
    color: #666;
    margin-bottom: 8px;
}
.stat-value {
    font-size: 16px;
    font-weight: bold;
}
  
  /* 功能按钮 */
.button-row {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
}
.func-btn {
    flex: 1;
    background: #2196f3;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 10px;
    cursor: pointer;
    text-align: center;
}
.func-btn:hover {
    background: #1976d2;
}
  
  /* 输入组 */
.input-group-row {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 16px;
}
.input-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.input-label {
    font-size: 14px;
    color: #666;
    width: 80px;
}
.input-field-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
}
.input-field {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 6px 8px;
    font-size: 14px;
}
.max-btn {
    background: #ddd;
    border: none;
    border-radius: 4px;
    padding: 6px 12px;
    cursor: pointer;
}
.currency-tag {
    color: #2196f3;
    font-weight: bold;
}
  
  /* 模拟天数 */
.days-section {
    margin-bottom: 16px;
}
.days-title {
    font-size: 14px;
    color: #666;
    margin-bottom: 8px;
}
.days-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.day-btn {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 6px 12px;
    cursor: pointer;
}
.day-btn.active {
    background: #64b5f6;
    color: #fff;
    border: none;
}
  
  /* 比例卡片 */
.ratio-card {
    background: #fff;
    border-radius: 8px;
    padding: 16px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    margin-bottom: 16px;
}
.ratio-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}
.ratio-item.profit {
    color: green;
}
.tooltip {
    position: relative;
    margin-left: 4px;
    display: inline-block;
}
.tooltip-text {
    position: absolute;
    top: 22px;
    left: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px;
    font-size: 12px;
    white-space: nowrap;
    display: none;
}
.tooltip:hover .tooltip-text {
    display: block;
}
  
  /* 同意区域 */
.agree-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.agree-label {
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.agree-checkbox {
    width: 16px;
    height: 16px;
}
.agree-btn {
    background: #2196f3;
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 10px;
    cursor: pointer;
    text-align: center;
}
.agree-btn:hover {
    background: #1976d2;
}.asset-dashboard {
    max-width: 375px;
    margin: 0 auto;
    font-family: "Microsoft YaHei", sans-serif;
    color: #333;
}
  
  /* 顶部标签栏 */
.tab-container {
    display: flex;
    gap: 8px;
    padding: 12px;
}
.tab {
    flex: 1;
    text-align: center;
    padding: 8px 0;
    border-radius: 20px;
    border: none;
    background: #E5F6FF;
    color: #38BDF8;
    font-size: 14px;
    cursor: pointer;
}
.tab.active {
    background: #38BDF8;
    color: #fff;
}
  
  /* 总资产模块 */
.asset-header {
    padding: 0 12px 12px;
}
.asset-info {
    background: #F5F8FA;
    border-radius: 8px;
    padding: 16px;
}
.asset-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    color: #666;
}
.eye-icon {
    margin: 0 8px;
    cursor: pointer;
}
.switch-btn {
    color: #38BDF8;
    cursor: pointer;
}
.asset-value {
    font-size: 20px;
    font-weight: bold;
    margin-top: 8px;
}
.profit-trend-container {
  background-color: #fff;
  border-radius: 12px;
  padding: 16px;
  margin: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);


/* 标题和时间筛选 */
.section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.section-title {
  font-size: 18px;
  font-weight: 600;
  color: #1d2129;
  margin: 0;
}
.time-filter {
  display: flex;
  gap: 8px;
}
.time-btn {
  padding: 4px 12px;
  border-radius: 16px;
  border: 1px solid #ddd;
  background-color: #fff;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s;
}
.time-btn.active {
  background-color: #000;
  color: #fff;
  border-color: #000;
}

/* 功能图标区 */
.function-icons {
  display: flex;
  justify-content: space-around;
  margin-bottom: 20px;
}
.icon-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.icon-bg {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px;
}
.icon-text {
  font-size: 12px;
  color: #86909c;
}

/* 图标背景色 */
.income {
  background-color: #CABDF7;
}
.expense {
  background-color: #B9F3EF;
}
.exchange {
  background-color: #FFF59D;
}
.history {
  background-color: #F8BBD0;
}

/* 图表容器 */
.chart-container {
  width: 100%;
  height: 280px;
}
}
  
  /* 我的账户模块 */
.account-section {
    padding: 12px;
}
.account-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}
.radio-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}
.progress-bar {
    flex: 1;
    height: 12px;
    background: #E5F6FF;
    border-radius: 6px;
    margin: 0 12px;
}
.progress {
    height: 100%;
    background: #38BDF8;
    border-radius: 6px;
}
.percent {
    font-size: 14px;
    color: #666;
}
  
.card {
  border-radius: 0.08rem;
  background-color: #fff;
  box-shadow: 0 0 0 0.02rem #eee;
  padding: 0.2rem;
}

html {
  font-size: 100px;
  font-size: 13.33333vw;
}

@media screen and (max-width: 320px) {
  html {
    font-size: 42.66667px;
    font-size: 13.33333vw;
  }
}
@media screen and (min-width: 321px) and (max-width: 360px) {
  html {
    font-size: 48px;
    font-size: 13.33333vw;
  }
}
@media screen and (min-width: 361px) and (max-width: 375px) {
  html {
    font-size: 50px;
    font-size: 13.33333vw;
  }
}
@media screen and (min-width: 376px) and (max-width: 393px) {
  html {
    font-size: 52.4px;
    font-size: 13.33333vw;
  }
}
@media screen and (min-width: 394px) and (max-width: 412px) {
  html {
    font-size: 54.93333px;
    font-size: 13.33333vw;
  }
}
@media screen and (min-width: 413px) and (max-width: 414px) {
  html {
    font-size: 55.2px;
    font-size: 13.33333vw;
  }
}
@media screen and (min-width: 415px) and (max-width: 480px) {
  html {
    font-size: 64px;
    font-size: 13.33333vw;
  }
}
@media screen and (min-width: 481px) and (max-width: 540px) {
  html {
    font-size: 72px;
    font-size: 13.33333vw;
  }
}
@media screen and (min-width: 541px) and (max-width: 640px) {
  html {
    font-size: 85.33333px;
    font-size: 13.33333vw;
  }
}
@media screen and (min-width: 641px) and (max-width: 720px) {
  html {
    font-size: 96px;
    font-size: 13.33333vw;
  }
}
@media screen and (min-width: 721px) and (max-width: 750px) {
  html {
    font-size: 100px;
    font-size: 13.33333vw;
  }
}
@media screen and (min-width: 751px) {
  html {
    font-size: 100px;
  }
}
@media screen and (min-width: 751px) {
  html {
    font-size: 100px;
  }
  body {
    width: 750px;
    margin: 0 auto;
  }
  [data-dpr="1"] body {
    width: 750px;
    margin: 0 auto;
  }
}
body, html, a, img, div, form, select, input, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dl, dt, p, label, em, span, cude, i {
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-size: 0.24rem;
  font-family: Helvetica, STHeiti, Droid Sans Fallback;
  color: #222;
  position: relative;
  width: 100%;
  background-color: #f0f0f0;
  line-height: 1;
  color: #222;
}

a {
  text-decoration: none;
  cursor: pointer;
  outline: none;
}

ol, ul, li {
  list-style: none;
}

em, i {
  font-style: normal;
}

img {
  border: none;
  vertical-align: top;
}

input, textarea, button {
  outline: none;
  border: none;
}

textarea {
  resize: none;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.app-container {
  width: 7.5rem;
  margin: 0 auto;
  padding-top: 0.88rem;
  padding-bottom: 1.26rem;
}