/* 小屏样式处理 */
@media (max-width: 768px) {
         /* 基础布局优化 */
         .header {
                  padding-left: 0;
                  padding-right: 0;
                  padding-bottom: 1.5rem;
         }

         .elementWith {
                  width: 95% !important;
                  margin-left: auto;
                  margin-right: auto;
         }

         /* 导航栏优化 */
         .menu {
                  width: 95% !important;
                  flex-direction: column;
                  align-items: center;
         }

         .logo {
                  width: 100%;
                  display: flex;
                  justify-content: center;
                  margin-bottom: 0.5rem;
         }

         .logo_size {
                  width: 120px;
                  height: auto;
                  max-height: 80px;
                  margin: 0;
         }

         .nav {
                  width: 100%;
                  font-size: 14px;
                  margin-top: 0.5rem;
                  line-height: normal;
                  overflow-x: auto;
                  -webkit-overflow-scrolling: touch;
                  white-space: nowrap;
                  padding-bottom: 5px;
         }

         .nav ul {
                  display: flex;
                  flex-wrap: nowrap;
                  justify-content: flex-start;
                  padding: 0 5px;
         }

         .nav ul li {
                  margin: 0 8px;
                  flex-shrink: 0;
         }

         .nav ul li a {
                  padding: 8px 5px;
                  display: block;
                  font-size: 14px;
         }

         /* 标题样式优化 */
         .title {
                  margin-top: 1.5rem;
                  width: 95% !important;
                  text-align: center;
                  color: #ffffff;
         }

         .title h1 {
                  font-size: 24px;
                  line-height: 1.3;
                  margin-bottom: 0.5rem;
         }

         .title p {
                  font-size: 16px;
                  margin-top: 0.5rem;
         }

         /* 通知栏优化 */
         .notice {
                  margin-top: 1.5rem;
                  padding: 10px;
                  width: 95%;
                  line-height: 1.5;
                  font-size: 14px;
                  text-align: center;
                  border-radius: 8px;
         }

         /* 各区块标题统一样式 */
         .energyRentalDiv h2,
         .exchangeDiv h2,
         .prestoreDiv h2,
         .apiDiv h2,
         .agentsDiv h2 {
                  font-size: 20px;
                  margin: 1rem 0;
                  padding: 0.5rem 0;
                  text-align: center;
         }

         /* 内容区块优化 */
         .energyRentalDiv,
         .exchangeDiv,
         .prestoreDiv,
         .apiDiv,
         .agentsDiv,
         .aboutDiv,
         .joinUsDiv,
         .faqDiv {
                  width: 95%;
                  margin-left: auto;
                  margin-right: auto;
                  margin-bottom: 2rem;
                  padding: 1rem;
                  border-radius: 12px;
         }

         /* 表单元素优化 */
         select, 
         input[type="text"], 
         input[type="number"] {
                  width: 100%;
                  padding: 10px;
                  font-size: 16px;
                  border-radius: 8px;
                  border: 1px solid #e2e8f0;
                  margin-bottom: 10px;
         }

         /* 选择时间和价格区域 */
         .selectTimeAndPrice {
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  margin: 1rem 0;
         }

         .selectTimeAndPrice select {
                  width: 100%;
                  margin-bottom: 10px;
                  font-size: 16px;
         }

         .selectTimeAndPrice span {
                  display: none;
         }

         /* 地址显示优化 */
         #energyAddress,
         #exchangeAddress,
         #copyPrestoreAddress {
                  font-size: 14px;
                  display: block;
                  width: 100%;
                  padding: 12px;
                  background-color: #f8fafc;
                  border-radius: 8px;
                  text-align: center;
                  word-break: break-all;
                  margin: 10px 0;
         }

         /* 二维码图标 */
         #rqCodeicon2,
         #rqCodeicon3,
         #rqCodeicon4 {
                  width: 24px;
                  height: 24px;
                  margin-left: 10px;
         }

         /* 价格显示 */
         .priceDiv {
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  margin: 1rem 0;
         }

         .priceSpan {
                  font-size: 18px;
                  margin-bottom: 1rem;
                  text-align: center;
         }

         #price {
                  font-size: 24px;
                  font-weight: bold;
                  color: var(--primary-color);
         }

         /* 转换按钮 */
         .conversion {
                  width: 100%;
                  display: flex;
                  justify-content: center;
                  margin: 0.5rem 0;
         }

         .conversion span {
                  font-size: 16px;
                  padding: 8px 15px;
                  border-radius: 6px;
                  margin: 0 5px;
         }

         /* 兑换区域优化 */
         .exchangeInputDiv {
                  display: flex;
                  flex-direction: column;
                  align-items: center;
         }

         .exchangeItem {
                  width: 100%;
                  margin-bottom: 1rem;
         }

         .exchangeItemSwitch {
                  margin: 0.5rem 0;
         }

         .iconFont1 {
                  width: 30px;
                  height: 30px;
         }

         .exchangeItemContent {
                  display: flex;
                  align-items: center;
                  background-color: white;
                  border-radius: 8px;
                  padding: 0.5rem;
                  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
         }

         #iconName1,
         #iconName2 {
                  font-size: 16px;
                  width: 60px;
                  text-align: center;
         }

         #exchangeInput1 {
                  flex: 1;
                  border: none;
                  padding: 10px;
                  font-size: 16px;
                  text-align: right;
         }

         #getCount {
                  flex: 1;
                  font-size: 16px;
                  font-weight: bold;
                  text-align: right;
                  padding: 10px;
         }

         /* 地址复制区域 */
         .address-with-copy {
                  display: flex;
                  align-items: center;
                  background-color: white;
                  border-radius: 8px;
                  padding: 0.5rem;
                  margin-top: 1rem;
         }

         #exchangeAddress {
                  flex: 1;
                  margin: 0;
                  padding: 10px;
                  background: none;
         }

         .copy-btn {
                  background-color: var(--primary-color);
                  color: white;
                  border: none;
                  border-radius: 6px;
                  padding: 8px 15px;
                  font-size: 14px;
                  cursor: pointer;
         }

         /* 预存区域优化 */
         .prestoreContent {
                  padding: 0;
         }

         .prestoreRow {
                  flex-direction: column;
         }

         .prestoreLeft,
         .prestoreRight {
                  width: 100%;
                  padding: 0;
         }

         .descriptionDiv {
                  width: 100%;
                  padding: 1rem 0;
                  border-bottom: 1px solid #eaeaea;
         }

         .descriptionDiv:last-child {
                  border-bottom: none;
         }

         .setpNumberSytle,
         .setpNumberSytle2 {
                  font-size: 18px;
                  margin-bottom: 0.5rem;
                  display: block;
         }

         .descriptionDiv ul li {
                  font-size: 14px;
                  line-height: 1.6;
                  margin-bottom: 0.5rem;
                  padding-left: 1.5rem;
                  position: relative;
         }

         .descriptionDiv ul li:before {
                  content: "•";
                  position: absolute;
                  left: 0;
                  color: var(--primary-color);
         }

         /* 计算器优化 */
         .calculator {
                  padding: 1rem;
                  background-color: white;
                  border-radius: 12px;
                  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
                  margin-bottom: 1.5rem;
         }

         .calculatorTitle {
                  font-size: 18px;
                  text-align: center;
                  margin-bottom: 1rem;
         }

         .selectMethod {
                  display: flex;
                  justify-content: center;
                  margin-bottom: 1rem;
         }

         .useTrx, 
         .useUsdt {
                  padding: 8px 15px;
                  border-radius: 6px;
                  font-size: 14px;
                  margin: 0 5px;
         }

         #calculatorInput {
                  width: 100%;
                  padding: 12px;
                  font-size: 16px;
                  text-align: center;
                  border-radius: 8px;
                  margin-bottom: 1rem;
         }

         .calculatoriconDiv {
                  text-align: center;
                  margin: 0.5rem 0;
         }

         .calculatoricon {
                  width: 30px;
                  height: 30px;
         }

         .calculatorGetCount {
                  font-size: 16px;
                  text-align: center;
                  margin: 0.5rem 0;
         }

         #calculatorText {
                  font-size: 24px;
                  font-weight: bold;
                  color: var(--primary-color);
                  text-align: center;
                  margin: 0.5rem 0;
         }

         .selectText {
                  font-size: 14px;
                  text-align: center;
                  color: #64748b;
                  margin-top: 0.5rem;
         }

         /* 查询区域优化 */
         .SelectDiv {
                  width: 100%;
                  padding: 1rem;
                  background-color: white;
                  border-radius: 12px;
                  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
                  margin-top: 1.5rem;
         }

         .selectTitle {
                  font-size: 18px;
                  text-align: center;
                  margin-bottom: 1rem;
         }

         #selectAddress {
                  width: 100%;
                  padding: 12px;
                  font-size: 16px;
                  border-radius: 8px;
                  margin-bottom: 1rem;
         }

         #selectAddrBtn {
                  width: 100%;
                  padding: 12px;
                  font-size: 16px;
                  background-color: var(--primary-color);
                  color: white;
                  border: none;
                  border-radius: 8px;
                  cursor: pointer;
         }

         /* API区域优化 */
         .apiContent {
                  display: flex;
                  flex-direction: column;
         }

         .apiDescription,
         .apiUsage {
                  width: 100%;
                  padding: 1rem 0;
         }

         .apiIntro {
                  font-size: 16px;
                  text-align: center;
                  margin-bottom: 1.5rem;
         }

         .apiFeatures {
                  display: flex;
                  flex-direction: column;
         }

         .apiFeature {
                  display: flex;
                  align-items: flex-start;
                  margin-bottom: 1.5rem;
                  padding: 1rem;
                  background-color: white;
                  border-radius: 12px;
                  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
         }

         .apiFeature img {
                  width: 40px;
                  height: 40px;
                  margin-right: 1rem;
         }

         .apiFeatureText h4 {
                  font-size: 16px;
                  margin-bottom: 0.5rem;
         }

         .apiFeatureText p {
                  font-size: 14px;
                  color: #64748b;
         }

         .apiUsage h3 {
                  font-size: 18px;
                  text-align: center;
                  margin: 1.5rem 0;
         }

         .apiSteps {
                  display: flex;
                  flex-direction: column;
         }

         .apiStep {
                  display: flex;
                  align-items: center;
                  margin-bottom: 1rem;
         }

         .apiStepNumber {
                  width: 30px;
                  height: 30px;
                  background-color: var(--primary-color);
                  color: white;
                  border-radius: 50%;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  margin-right: 1rem;
                  font-weight: bold;
         }

         .apiContact {
                  text-align: center;
                  margin-top: 1.5rem;
         }

         .apiContact p {
                  font-size: 14px;
                  margin-bottom: 1rem;
         }

         .apiContactBtn {
                  display: inline-block;
                  padding: 10px 20px;
                  background-color: var(--primary-color);
                  color: white;
                  border-radius: 8px;
                  font-size: 16px;
         }

         /* 代理区域优化 */
         .agentsSalary p,
         .agentsRequire p {
                  font-size: 18px;
                  margin-bottom: 1rem;
         }

         .agentsSalaryDiv,
         .agentsRequireDiv {
                  display: flex;
                  flex-direction: column;
         }

         .ourResources,
         .agentsRequirements {
                  display: flex;
                  align-items: flex-start;
                  width: 100%;
                  margin-bottom: 1rem;
                  padding: 1rem;
                  background-color: white;
                  border-radius: 12px;
                  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
         }

         .ourResources img,
         .agentsRequirements img {
                  width: 30px;
                  height: 30px;
                  margin-right: 1rem;
         }

         .agentsSalarySpan {
                  font-size: 14px;
                  color: #64748b;
         }

         .agentsConsult {
                  margin-top: 1.5rem;
                  padding-top: 1.5rem;
                  border-top: 1px solid #eaeaea;
                  text-align: center;
         }

         .agentsConsultHeader h3 {
                  font-size: 18px;
                  margin-bottom: 1rem;
         }

         .agentsConsultContent {
                  display: flex;
                  justify-content: center;
                  align-items: center;
         }

         .agentsConsultContent img {
                  width: 24px;
                  height: 24px;
                  margin-right: 0.5rem;
         }

         .agentsConsultContent a {
                  font-size: 16px;
         }

         /* 关于我们和加入我们区域优化 */
         .aboutIndexPage,
         .joinUsIndexPage {
                  padding: 1rem;
         }

         .aboutIndexPage h3,
         .joinUsIndexPage h3,
         .faqDiv h3 {
                  font-size: 20px;
                  text-align: center;
                  margin: 1rem 0;
         }

         .aboutUl {
                  display: flex;
                  flex-direction: column;
                  margin: 1.5rem 0;
         }

         .aboutUl li {
                  display: flex;
                  align-items: center;
                  margin-bottom: 1rem;
         }

         .aboutUl li img {
                  width: 30px;
                  height: 30px;
                  margin-right: 1rem;
         }

         .aboutUl li span {
                  font-size: 16px;
         }

         .aboutIndexPage > div {
                  font-size: 14px;
                  line-height: 1.6;
                  text-align: justify;
         }

         /* 删除旧的joinUsUl样式，使用新的样式 */
         /* 加入我们板块优化在下方有更具体的选择器 */

         /* FAQ区域优化 */
         .faqItem {
                  margin-bottom: 1rem;
                  border-bottom: 1px solid #eaeaea;
                  padding-bottom: 1rem;
         }

         .faqItem:last-child {
                  border-bottom: none;
         }

         .faqTitle {
                  display: flex;
                  align-items: center;
                  cursor: pointer;
                  padding: 0.5rem 0;
         }

         .faqTitle img {
                  width: 20px;
                  height: 20px;
                  margin-right: 0.5rem;
         }

         .faqTitle h4 {
                  font-size: 16px;
                  flex: 1;
         }

         .faqItem p {
                  font-size: 14px;
                  line-height: 1.6;
                  padding: 0.5rem 0 0.5rem 2rem;
                  color: #64748b;
         }

         /* 底部区域优化 */
         .footDiv {
                  padding: 1.5rem 0;
                  text-align: center;
         }

         .safeAuthentication {
                  display: flex;
                  justify-content: center;
                  align-items: center;
         }

         .safeAuthentication img {
                  width: 24px;
                  height: 24px;
                  margin-right: 0.5rem;
         }

         .safeAuthentication span {
                  font-size: 14px;
                  color: #64748b;
         }
         
         /* 浮动按钮优化 */
         #backTop,
         #kefuIcon {
                  width: 50px;
                  height: 50px;
                  border-radius: 50%;
                  background-color: white;
                  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  position: fixed;
                  right: 20px;
                  z-index: 100;
         }

         #backTop {
                  bottom: 80px;
         }

         #kefuIcon {
                  bottom: 20px;
         }

         #backTop img,
         #kefuIcon img {
                  width: 30px;
                  height: 30px;
         }

         /* 弹窗优化 */
         #telegramID,
         #addressQrcode,
         #queryModal {
                  position: fixed;
                  top: 0;
                  left: 0;
                  width: 100%;
                  height: 100%;
                  background-color: rgba(0,0,0,0.5);
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  z-index: 1000;
         }

         .telegramDiv,
         .qrcodeDiv,
         .modal {
                  width: 90%;
                  max-width: 350px;
                  background-color: white;
                  border-radius: 12px;
                  padding: 1.5rem;
                  box-shadow: 0 4px 15px rgba(0,0,0,0.2);
         }

         .telegramTitle,
         .qrcodeText,
         .modal-header {
                  display: flex;
                  justify-content: space-between;
                  align-items: center;
                  margin-bottom: 1.5rem;
         }

         .telegramTitle > span:first-of-type,
         #qrcodeTitle,
         .modal-header h3 {
                  font-size: 18px;
                  font-weight: bold;
    }

         #closeTelegram,
         #closeQrcodeBtn,
         .modal-close {
                  font-size: 24px;
                  cursor: pointer;
                  color: #64748b;
    }

         .telegramDiv img,
         #qrcodeImg {
                  width: 100%;
                  height: auto;
                  margin-bottom: 1rem;
    }

         .telegramDiv p {
                  text-align: center;
                  margin-bottom: 1rem;
    }

         .telegramButton {
                  display: flex;
                  justify-content: space-between;
    }

         .telegramButton span,
         .telegramButton a,
         #saveLocal {
                  display: inline-block;
                  padding: 10px 20px;
                  background-color: var(--primary-color);
                  color: white;
                  border-radius: 8px;
                  font-size: 16px;
                  text-align: center;
                  cursor: pointer;
                  border: none;
                  width: 48%;
    }

         .modal-content {
                  padding: 0;
    }

         .modal-step {
                  margin-bottom: 1rem;
    }

         .modal-step h4 {
                  font-size: 16px;
                  margin-bottom: 0.5rem;
    }

         .modal-step p {
                  font-size: 14px;
                  color: #64748b;
    }

         .modal-action {
                  margin-top: 1.5rem;
                  text-align: center;
    }

         .modal-action .btn {
                  display: inline-block;
                  padding: 10px 20px;
                  background-color: var(--primary-color);
                  color: white;
                  border-radius: 8px;
                  font-size: 16px;
    }

         /* 能量闪租板块移动端优化 - 增加特异性 */
         .energyRentalDiv .bishuPublick {
                  width: 100%;
                  padding: 1rem 0;
                  margin-bottom: 1rem;
                  border-bottom: 1px solid #eaeaea;
                  display: block;
                  background-color: transparent;
                  box-shadow: none;
                  transform: none;
         }
         
         .energyRentalDiv .bishuPublick:hover {
                  transform: none;
                  box-shadow: none;
         }
         
         .energyRentalDiv .bishuPublick:last-child {
                  border-bottom: none;
         }
         
         .energyRentalDiv .bishuPublick ul {
                  padding-left: 1rem;
                  margin-top: 0.5rem;
                  list-style: none;
         }
         
         .energyRentalDiv .bishuPublick ul li {
                  font-size: 14px;
                  line-height: 1.6;
                  margin-bottom: 0.5rem;
                  position: relative;
                  padding-left: 1rem;
         }
         
         .energyRentalDiv .bishuPublick ul li:before {
                  content: "•";
                  position: absolute;
                  left: 0;
                  color: var(--primary-color);
         }
         
         .energyRentalDiv .setpNumberSytle {
                  font-size: 18px;
                  margin-bottom: 0.5rem;
                  display: block;
                  color: var(--primary-color);
                  font-weight: 500;
         }
         
         .energyRentalDiv .selectTimeAndPrice {
                  display: flex;
                  flex-direction: column;
                  width: 100%;
                  margin: 1rem 0;
                  align-items: stretch;
         }
         
         .energyRentalDiv .selectTimeAndPrice select {
                  width: 100%;
                  padding: 12px;
                  margin-bottom: 10px;
                  font-size: 16px;
                  border-radius: 8px;
                  border: 1px solid #e2e8f0;
         }
         
         .energyRentalDiv .SelectPrompt {
                  display: flex;
                  flex-direction: column;
                  margin-top: 0.5rem;
         }
         
         .energyRentalDiv .SelectPrompt span {
                  font-size: 14px;
                  margin-bottom: 0.5rem;
                  color: #64748b;
         }
         
         .energyRentalDiv .addressTitle {
                  display: flex;
                  align-items: center;
                  margin-bottom: 0.5rem;
         }
         
         .energyRentalDiv .addressDiv {
                  margin: 1rem 0;
                  background-color: #f8fafc;
                  border-radius: 8px;
                  padding: 1rem;
                  text-align: center;
         }
         
         .energyRentalDiv #energyAddress {
                  font-size: 14px;
                  word-break: break-all;
                  display: block;
                  width: 100%;
         }
         
         /* 加入我们板块优化 - 增加特异性 */
         .joinUsIndexPage .joinUsUl {
        display: flex;
        flex-direction: column;
                  width: 100%;
                  margin: 1.5rem 0;
                  gap: 1rem;
                  flex-wrap: nowrap;
    }

         .joinUsIndexPage .joinUsUl li {
        width: 100%;
                  margin-bottom: 0;
                  padding: 1rem;
                  background-color: white;
                  border-radius: 12px;
                  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
                  display: flex;
                  align-items: flex-start;
         }
         
         .joinUsIndexPage .joinUsUl li img {
                  width: 30px;
                  height: 30px;
                  margin-right: 1rem;
                  flex-shrink: 0;
         }
         
         .joinUsIndexPage .joinUsUl li span {
                  flex: 1;
                  font-size: 14px;
                  line-height: 1.6;
         }
         
         .joinUsIndexPage .joinUsUl li span i {
                  font-size: 16px;
                  font-weight: bold;
                  display: block;
                  margin-bottom: 0.5rem;
                  color: var(--primary-color);
         }
}

/* 超小屏幕适配 */
@media (max-width: 480px) {
    .title h1 {
                  font-size: 20px;
         }

         .title p {
        font-size: 14px;
    }

         .nav {
                  font-size: 12px;
         }

         .nav ul li a {
                  padding: 6px 4px;
                  font-size: 12px;
    }

         .energyRentalDiv h2,
         .exchangeDiv h2,
         .prestoreDiv h2,
         .apiDiv h2,
         .agentsDiv h2 {
                  font-size: 18px;
    }

         .setpNumberSytle,
         .setpNumberSytle2,
         .calculatorTitle,
         .selectTitle,
         .apiUsage h3,
         .agentsSalary p,
         .agentsRequire p,
         .agentsConsultHeader h3,
         .aboutIndexPage h3,
         .joinUsIndexPage h3,
         .faqDiv h3 {
                  font-size: 16px;
    }

         #price {
                  font-size: 20px;
    }

    #calculatorText {
                  font-size: 20px;
    }

         .useTrx, 
         .useUsdt {
                  padding: 6px 12px;
                  font-size: 12px;
    }

         .apiFeature {
                  padding: 0.8rem;
    }

         .apiFeature img {
                  width: 30px;
                  height: 30px;
    }

         .apiFeatureText h4 {
                  font-size: 14px;
    }

         .apiFeatureText p {
                  font-size: 12px;
    }

         .apiStepNumber {
                  width: 24px;
                  height: 24px;
                  font-size: 12px;
    }

         .apiContactBtn {
                  padding: 8px 16px;
                  font-size: 14px;
    }

         #backTop,
         #kefuIcon {
        width: 40px;
        height: 40px;
                  right: 15px;
    }

         #backTop img,
         #kefuIcon img {
                  width: 24px;
                  height: 24px;
    }
}