/* 全局样式重置 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Microsoft Yahei", "PingFang SC", sans-serif;
}

/* 核心卡片容器：100%宽度 + 内容居中 + 相对定位（用于安全图标绝对定位） */
.payment-card {
  width: 100%;
  max-width: 100%;
  padding: 24px;
  background: linear-gradient(135deg, #f9f6ff 0%, #fcfaff 100%);
  border: 1px solid rgba(168, 138, 226, 0.15);
  border-radius: 16px;
  box-shadow: 
    0 4px 12px rgba(168, 138, 226, 0.08),
    0 1px 3px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  gap: 20px;
  transition: all 0.3s ease;
  align-items: center;
  position: relative; /* 新增：作为绝对定位的父容器 */
}

/* 卡片hover效果 */
.payment-card:hover {
  box-shadow: 
    0 6px 16px rgba(168, 138, 226, 0.12),
    0 2px 6px rgba(0, 0, 0, 0.06);
  transform: translateY(-1px);
}

/* 安全图标：绝对定位到卡片右上角 */
.security-icon {
  position: absolute;
  top: 24px; /* 与卡片padding-top一致 */
  right: 24px; /* 与卡片padding-right一致 */
  font-size: 20px;
  color: #9370db;
  transition: transform 0.3s ease;
  z-index: 1; /* 确保在顶层 */
}

.security-icon:hover {
  transform: scale(1.1) rotate(5deg);
}
.green-dot-text {
  /* 控制文本与绿点的整体样式 */
  font-size: 14px;
  color: #333; /* 文本颜色 */
  line-height: 1.5;
}

.green-dot-text::before {
  /* 生成绿点 */
  content: ""; /* 伪元素必须有content，空字符串即可 */
  display: inline-block; /* 让元素可设置宽高 */
  width: 6px; /* 绿点直径 */
  height: 6px;
  border-radius: 50%; /* 圆形 */
  background-color: #4cd964; /* 绿色（可根据需求调整色值） */
  margin-right: 6px; /* 绿点与文本的间距 */
  vertical-align: middle; /* 与文本垂直居中对齐 */
    
}

/* 价格展示区域：居中对齐 */
.price-section {
  display: flex;
  align-items: baseline;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(168, 138, 226, 0.1);
  text-align: center;
  width: 100%;
  max-width: 400px;
  justify-content: center;
}

.price-label {
  font-size: 16px;
  color: #6e6b7b;
  margin-right: 8px;
}

.price-value {
  font-size: 24px;
  font-weight: 600;
  color: #9370db;
  letter-spacing: 0.5px;
}

.price-unit {
  font-size: 16px;
  color: #6e6b7b;
  margin-left: 4px;
}

/* 支付方式选择区域：居中布局 */
.payment-type {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
  padding: 16px 0;
  border-bottom: 1px solid rgba(168, 138, 226, 0.1);
  width: 100%;
  max-width: 400px;
}

/* 隐藏原生单选框 */
.payment-type input[type="radio"] {
  display: none;
}

/* 支付选项基础样式 */
.payment-type .option {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-size: 15px;
  color: #6e6b7b;
  transition: all 0.3s ease;
}

/* 通用图标容器样式 */
.payment-type .option .icon-container {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #d1c4e9;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

/* 支付宝图标容器专属美化 */
.payment-type .option .alipay-icon {
  border-color: #108ee9;
  box-shadow: 0 2px 4px rgba(16, 142, 233, 0.1);
}

/* 支付宝图标样式优化 */
.payment-type .option .pay-icon {
  width: 14px;
  height: 14px;
  object-fit: contain;
  transition: all 0.3s ease;
}

/* 微信/QQ圆点样式 */
.payment-type .option .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: transparent;
  transition: all 0.3s ease;
}

/* 选中状态样式增强 */
.payment-type input[type="radio"]:checked + .option {
  color: #9370db;
  font-weight: 500;
}

/* 支付宝选项选中时的专属样式 */
.payment-type input[type="radio"]:checked + .option.type-1 .alipay-icon {
  border-color: #108ee9;
  background-color: rgba(16, 142, 233, 0.05);
  transform: scale(1.05);
}

/* 其他选项选中时的样式 */
.payment-type input[type="radio"]:checked + .option:not(.type-1) .icon-container {
  border-color: #9370db;
  background-color: rgba(147, 112, 219, 0.05);
  transform: scale(1.05);
}

.payment-type input[type="radio"]:checked + .option .dot {
  background-color: #9370db;
}

/* hover状态增强 */
.payment-type .option:hover {
  color: #8a5cf7;
}

/* 支付宝选项hover专属效果 */
.payment-type .option.type-1:hover .alipay-icon {
  border-color: #108ee9;
  box-shadow: 0 3px 6px rgba(16, 142, 233, 0.15);
  transform: scale(1.1);
}

/* 其他选项hover效果 */
.payment-type .option:not(.type-1):hover .icon-container {
  border-color: #8a5cf7;
  box-shadow: 0 3px 6px rgba(138, 92, 247, 0.15);
  transform: scale(1.1);
}

/* 付款表单：居中布局 */
.payment-form {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 400px;
}

.payment-btn {
  width: 120px;
  height: 48px;
  line-height: 48px;
  padding: 0 16px;
  background: linear-gradient(135deg, #9370db 0%, #8a5cf7 100%);
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  box-shadow: 
    0 4px 8px rgba(147, 112, 219, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
}

.payment-btn:hover {
  background: linear-gradient(135deg, #8a5cf7 0%, #7c3aed 100%);
  transform: translateY(-2px);
  box-shadow: 
    0 6px 12px rgba(147, 112, 219, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

.payment-btn:active {
  transform: translateY(0);
  box-shadow: 
    0 2px 4px rgba(147, 112, 219, 0.2),
    inset 0 1px 0 rgba(0, 0, 0, 0.1);
}

.payment-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  transition: left 0.6s ease;
}

.payment-btn:hover::before {
  left: 100%;
}

/* 辅助信息区域：居中布局（移除安全图标后调整） */
.info-group {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 8px;
  width: 100%;
  max-width: 400px;
}

.download-tip {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: center;
}

.download-text {
  font-size: 15px;
  color: #555269;
  font-weight: 500;
}

.support-text {
  font-size: 13px;
  color: #94929e;
  line-height: 1.4;
  max-width: 280px;
}

/* 响应式适配 */
@media (max-width: 480px) {
  .payment-card {
    padding: 20px 16px;
  }
  
  /* 小屏幕下安全图标位置调整 */
  .security-icon {
    top: 20px;
    right: 20px;
    font-size: 18px;
  }
  
  .price-value {
    font-size: 20px;
  }
  
  .payment-type {
    gap: 20px;
    flex-wrap: wrap;
  }
  
  .payment-type .option {
    font-size: 14px;
  }
  
  .payment-type .option .icon-container {
    width: 22px;
    height: 22px;
  }
  
  .payment-type .option .pay-icon {
    width: 12px;
    height: 12px;
  }
  
  .payment-type .option .dot {
    width: 8px;
    height: 8px;
  }
  
  .payment-btn {
    width: 100px;
    height: 44px;
    line-height: 44px;
    font-size: 15px;
  }
  
  .support-text {
    max-width: 220px;
    font-size: 12px;
  }
}
.ichen-down{overflow:hidden;margin-top:1px;}
.ichen-down a{ position: relative;
            padding: 16px 32px;
            font-size: 18px;
            color: #fff;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border: none;
            border-radius: 50px;
            cursor: pointer;
            overflow: hidden;
            transition: all 0.3s ease;
            box-shadow: 0 0 15px rgba(102, 126, 234, 0.5), 0 0 30px rgba(118, 75, 162, 0.3);}
.ichen-down a:before{margin-right:5px}
.ichen-down a:hover{transform: translateY(-3px);
            box-shadow: 0 0 25px rgba(102, 126, 234, 0.7), 0 0 40px rgba(118, 75, 162, 0.5);}
.ichen-down .title{font-weight: 800;padding-bottom:8px;font-size:18px}

    .paydown{   /* 原有属性保留并重构 */
    margin: 20px 5px 20px 0;
    width: auto;
    border: 1px solid rgba(168, 138, 226, 0.2); /* 淡紫半透明边框，增强通透感 */
    overflow: hidden;
    
    /* 浅紫透渐变背景：淡紫→极浅紫→透白，线性渐变+低透明度 */
    background: linear-gradient(135deg, 
                rgba(240, 232, 252, 0.8) 0%, 
                rgba(247, 243, 255, 0.9) 50%, 
                rgba(255, 255, 255, 0.95) 100%);
    /* 柔化圆角+淡紫调阴影，增强通透质感 */
    border-radius: 16px; 
    box-shadow: 0 4px 15px rgba(168, 138, 226, 0.08), 
                inset 0 1px 0 rgba(255, 255, 255, 0.7); /* 内阴影强化通透感 */
    /* 过渡动画+盒模型标准化 */
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    box-sizing: border-box;
    padding: 15px; /* 内部留白，适配渐变视觉呼吸感 */
}
.paydown p{margin:3px;padding:3px 15px;border-bottom:1px solid #f8f8f8;text-indent:0;color: #666;font-size: 14px;line-height: 180%;}
.paydown p span{color:#e14d43}
.paydown .down-title{float:left;padding-top:15px;width:9%;color:#666;text-align:center;font-weight:700;font-size:15px}
.paydown .down-detail{float:right;min-height:140px;width:90%;border-left:1px solid #eee;background-position: center;background-size: 500px 300px;}
.paydown p.down-ordinary{color:#09b1b9}
.paydown p.down-vip{color:#e14d43}
.paydown p a{margin-left:10px;font-weight:700}
.paydown p.down-tip{border-bottom:0}
.down-tip .downbtn{background: none repeat scroll 0 0 #1BA1E2; border: 0 none; border-radius: 2px; color: #FFFFFF !important; cursor: pointer; font-family: "Open Sans","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",Arial,Verdana,Tahoma,sans-serif; font-size: 14px;  padding: 6px 5%;}
.down-tip .yanshibtn{background: none repeat scroll 0 0 #d33431; border: 0 none; border-radius: 2px; color: #FFFFFF!important; cursor: pointer; font-family: "Open Sans","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",Arial,Verdana,Tahoma,sans-serif; font-size: 14px; padding: 6px 5%;text-transform:none;text-decoration:none;}
.down-tip .downbtn:hover,.yanshibtn:hover{background: none repeat scroll 0 0 #9B59B6; border: 0 none; border-radius: 2px; color: #FFFFFF!important; cursor: pointer; font-family: "Open Sans","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",Arial,Verdana,Tahoma,sans-serif; font-size: 14px; padding: 8px 5%;}
.down-tip .downbtn a:hover,.yanshibtn a:hover{background: none repeat scroll 0 0 #9B59B6; border: 0 none; border-radius: 2px; color: #FFFFFF; cursor: pointer; font-family: "Open Sans","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",Arial,Verdana,Tahoma,sans-serif; font-size: 14px; padding: 8px 5%;}
.ichen-down .tips{padding:25px 15px 25px;border:2px dashed #ccc;position: relative;text-align:center;margin:15px 0;}
.ichen-down .tips span{color:#ff6767;font-weight:600;font-size: 15px;}
.ichen-down .tips .price{height:34px;line-height:34px;border:none;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius:0px;}
.ichen-down .tips .Cleft{position: absolute;top:5px;left:15px;font-size:90%;color:#90949c;}
.ichen-down .tips .Cright{position: absolute;top:5px;right:15px;}
.ichen-down .tips .Ctype{display:inline-flex;height:35px;width:250px;margin:0px 0px 15px 0;}
.ichen-down .tips .Ctype input[type="radio"]{display:none;}
.ichen-down .tips .Ctype .option{border-radius:5px;width:100%;align-items:center;justify-content:space-evenly;margin:0 3px;cursor:pointer;border:1px dashed lightgrey;}
.ichen-down .tips .Ctype .option .dot{height:5px;width:5px;/*background:#d9d9d9;*/border-radius:50%;position:relative;}
.ichen-down .tips .Ctype .option span{font-size:14px;color:#808080;}
#type-1:checked:checked ~ .type-1,#type-2:checked:checked ~ .type-2,#type-3:checked:checked ~ .type-3{color:#000;}
/*#type-1:checked:checked ~ .type-1 .dot,#type-2:checked:checked ~ .type-2 .dot,#type-3:checked:checked ~ .type-3 .dot{border:1px dashed #6600FF;}*/
#type-1:checked:checked ~ .type-1 .dot::before,#type-2:checked:checked ~ .type-2 .dot::before,#type-3:checked:checked ~ .type-3 .dot::before{opacity:1;transform:scale(1);}
#type-1:checked:checked ~ .type-1 span,#type-2:checked:checked ~ .type-2 span,#type-3:checked:checked ~ .type-3 span{color:#000;}
.ichen-down .tips #buy{background:#ff6767;color:#fff;text-align:center;padding:10px;margin:10px auto 0;width:90px;cursor:pointer;font-size:14px;border-radius:4px;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;transition:.8s}
.ichen-down .tips #buy:hover{background:#dc2e2e}

@media screen and (max-width:800px){
.ichen-down a{margin:1px 0px 5px 18px;font-size:.8rem;text-align:center;display:block}
.ichen-down a:nth-child(3n){margin-right:0}
}
/*
by小辰 Q271106735
下载插件：https://www.emlog.net/plugin/detail/526
*/