/* =============================================================
           重置 & 基础 (兼容 IE10)
           ============================================================= */
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 body {
     font-family: 'PingFang SC', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
     background: #fff;
     color: #1e293b;
     padding: 2rem 1rem;
     line-height: 1.5;
 }
.price-text {
    color: #a254cc;        /* 红色，可自定义 */
    font-size: 0.65rem;

}
 .container {
     max-width: 1360px;
     margin: 0 auto;
 }

 /* 清除浮动 (clearfix) */
 .clearfix:before,
 .clearfix:after {
     content: "";
     display: table;
 }

 .clearfix:after {
     clear: both;
 }

 /* =============================================================
           页头
           ============================================================= */
 .page-header {
     text-align: center;
     margin-bottom: 2.5rem;
 }

 .page-header h1 {
     font-size: 2.5rem;
     font-weight: 700;
     letter-spacing: -0.02em;
     color: #a254cc;
 }

 .page-header h1 .fa-crown {
     color: #a254cc;
     margin-right: 8px;
 }

 .page-header p {
     font-weight: bold;
     color: #a254cc;
     font-size: 1.1rem;
     margin-top: 0.3rem;
     max-width: 600px;
     margin-left: auto;
     margin-right: auto;
 }

 /* =============================================================
           卡片网格 —— float 布局 (兼容 IE10)
           ============================================================= */
 .pricing-grid {
     margin-bottom: 2.5rem;
 }

 .pricing-grid:before,
 .pricing-grid:after {
     content: "";
     display: table;
 }

 .pricing-grid:after {
     clear: both;
 }

 .pricing-card {
     float: left;
     width: 23%;
     margin-right: 2.666%;
     border-radius: 20px;
     padding: 1.2rem 1.0rem 0.2rem 1.0rem;
     box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06), 0 2px 10px rgba(0, 0, 0, 0.02);
     border: 2px solid transparent;
     transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.2s;
     position: relative;
     cursor: pointer;
 }

 .pricing-card:hover {
     transform: translateY(-6px);
     box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.15);
     border-color: rgba(255, 255, 255, 0.6);
 }

 .pricing-card:last-child {
     margin-right: 0;
 }

 /* 选中状态高亮边框 */
 .pricing-card.selected {
     border-color: #d09bed;
     border-width: 2px;
     box-shadow: 0 0 0 0px #a254cc, 0 8px 30px rgba(162, 84, 204, 0.2);
 }

 /* 四种会员背景 */
 .free-card {
     background: linear-gradient(135deg, #d4e0f0, #b0c6de);
 }

 .monthly-card {
     background: linear-gradient(135deg, #c8ddfa, #9bb9f0);
 }

 .quarterly-card {
     background: linear-gradient(135deg, #d5c8ff, #b8a0f0);
 }

 .annual-card {
     background: linear-gradient(135deg, #fce8d0, #f5d0a8);
     border-color: #fde4c8;
 }

 .annual-card.selected {
     border-color: #e3ae85;
     border-width: 1px;
     box-shadow: 0 0 0 1px #b45309, 0 8px 30px rgba(180, 83, 9, 0.2);
 }

 /* 卡片内部文字颜色 */
 .free-card .plan-name,
 .free-card .plan-price,
 .free-card .plan-duration,
 .free-card .feature-list li,
 .free-card .feature-divider {
     color: #2c3e66;
 }

 .free-card .plan-price small {
     color: #4a5f7a;
 }

 .free-card .feature-list li .limit-badge {
     color: #2c3e66;
     background: rgba(255, 255, 255, 0.5);
 }

 .free-card .feature-list li .free-tag {
     color: #3a5a8a;
 }

 .free-card .feature-divider .free-tag {
     color: #2c3e66;
 }

 .monthly-card .plan-name,
 .monthly-card .plan-price,
 .monthly-card .plan-duration,
 .monthly-card .feature-list li,
 .monthly-card .feature-divider {
     color: #1a3a6a;
 }

 .monthly-card .plan-price small {
     color: #3a5a8a;
 }

 .monthly-card .feature-list li .limit-badge {
     color: #1a3a6a;
     background: rgba(255, 255, 255, 0.5);
 }

 .monthly-card .feature-list li .free-tag {
     color: #3d62b1;
 }

 .monthly-card .feature-divider .free-tag {
     color: #1a3a6a;
 }

 .quarterly-card .plan-name,
 .quarterly-card .plan-price,
 .quarterly-card .plan-duration,
 .quarterly-card .feature-list li,
 .quarterly-card .feature-divider {
     color: #3d2a6b;
 }

 .quarterly-card .plan-price small {
     color: #5a4a8a;
 }

 .quarterly-card .feature-list li .limit-badge {
     color: #3d2a6b;
     background: rgba(255, 255, 255, 0.5);
 }

 .quarterly-card .feature-list li .free-tag {
     color: #6b4fc0;
 }

 .quarterly-card .feature-divider .free-tag {
     color: #3d2a6b;
 }

 .annual-card .plan-name,
 .annual-card .plan-price,
 .annual-card .plan-duration,
 .annual-card .feature-list li,
 .annual-card .feature-divider {
     color: #6b3d1a;
 }

 .annual-card .plan-price small {
     color: #8a5a3a;
 }

 .annual-card .feature-list li .limit-badge {
     color: #6b3d1a;
     background: rgba(255, 255, 255, 0.5);
 }

 .annual-card .feature-list li .free-tag {
     color: #c0702a;
 }

 .annual-card .feature-divider .free-tag {
     color: #6b3d1a;
 }

 /* =============================================================
           自定义单选按钮 (左上角)
           ============================================================= */
 .card-radio {
     top: 0.8rem;
     left: 0.8rem;
     z-index: 5;
     width: 24px;
     height: 24px;
     cursor: pointer;
 }

 .card-radio input[type="radio"] {
     display: none;
 }

 .card-radio .radio-mark {
     display: block;
     width: 24px;
     height: 24px;
     border-radius: 50%;
     border: 2px solid rgba(255, 255, 255, 0.8);
     background: rgba(255, 255, 255, 0.3);
     transition: all 0.2s;
     position: relative;
 }

 .card-radio input[type="radio"]:checked+.radio-mark {
     border-color: #a254cc;
     background: #a254cc;
 }

 .card-radio input[type="radio"]:checked+.radio-mark::after {
     content: "";
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 10px;
     height: 10px;
     border-radius: 50%;
     background: #fff;
 }

 .annual-card .card-radio input[type="radio"]:checked+.radio-mark {
     border-color: #b45309;
     background: #b45309;
 }

 /* =============================================================
           通用组件
           ============================================================= */
 .badge {
     display: inline-block;
     min-width: 80px;
     text-align: center;
     font-size: 0.65rem;
     font-weight: 600;
     letter-spacing: 0.03em;
     text-transform: uppercase;
     padding: 0.15rem 0.7rem;
     border-radius: 30px;
     background: linear-gradient(135deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.3));
     margin-bottom: 0.6rem;
     border: 1px solid rgba(255, 255, 255, 0.4);
     float: left;
 }

 .free-card .badge {
     color: #2c3e66;
 }

 .monthly-card .badge {
     color: #1a3a6a;
 }

 .quarterly-card .badge {
     color: #3d2a6b;
 }

 .annual-card .badge {
     color: #6b3d1a;
 }

 .badge.recommend {
     background: linear-gradient(135deg, rgba(255, 215, 0, 0.4), rgba(255, 200, 0, 0.15));
     color: #b45309;
     border-color: #fbbf24;
 }

 .plan-name {
     font-size: 1.4rem;
     font-weight: 700;
     margin-bottom: 0.1rem;
     clear: both;
     padding-top: 0.1rem;
 }

 .plan-price {
     font-size: 2.2rem;
     font-weight: 700;
     margin: 0.2rem 0 0.1rem;
 }

 .plan-price small {
     font-size: 0.95rem;
     font-weight: 500;
     margin-left: 0.2rem;
 }

 .plan-duration {
     font-size: 0.85rem;
     border-bottom: 1px solid rgba(0, 0, 0, 0.06);
     padding-bottom: 0.6rem;
     margin-bottom: 0.8rem;
 }

 /* =============================================================
           功能列表 —— 两列 float (兼容 IE10)
           ============================================================= */
 .feature-list {
     list-style: none;
     padding: 0;
     margin: 0 0 0.1rem 0;
 }

 .feature-list:before,
 .feature-list:after {
     content: "";
     display: table;
 }

 .feature-list:after {
     clear: both;
 }

 .feature-list li {
     float: left;
     width: 50%;
     display: block;
     font-size: 0.8rem;
     padding: 0.1rem 0.8rem 0.1rem 0;
     border-bottom: 1px dashed rgba(0, 0, 0, 0.05);
     min-height: 1.6rem;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     line-height: 1.6rem;
     box-sizing: border-box;
 }

 .feature-list li.full-width {
     float: none;
     width: 100%;
     white-space: normal;
     clear: both;
     padding: 0.1rem 0.5rem;
     margin-bottom: 0.05rem;
 }

 .feature-list li i {
     font-size: 1.0rem;
     width: 1.3rem;
     text-align: center;
     color: #a254cc;
     font-weight: 100;
     display: inline-block;
     vertical-align: middle;
 }

 .feature-list li .icon-infinity {
     color: #a254cc;
 }

 .feature-list li .icon-disabled {
     color: #a254cc;
     opacity: 0.35;
 }

 /* 次数标签 */
 .feature-list li .limit-badge {
     background: rgba(255, 255, 255, 0.5);
     padding: 0 0.2rem;
     border-radius: 30px;
     font-size: 0.65rem;
     font-weight: 500;
     margin-left: 0.9rem;
     float: right;
     white-space: nowrap;
     width: 3.5rem;
     text-align: center;
     line-height: 1.4rem;
     height: 1.4rem;
     display: inline-block;
     box-sizing: border-box;
 }

 /* “无限制”标签 */
 .feature-list li .free-tag {
     font-weight: 600;
     display: inline-block;
     margin-left: 0.3rem;
 }

 .zero-badge {
     color: #94a3b8;
     font-weight: 400;
 }

 /* =============================================================
           分隔条 —— 加大上下间距
           ============================================================= */
 .feature-divider {
     font-weight: 700 !important;
     background: linear-gradient(135deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.2));
     padding: 0.15rem 0.5rem !important;
     border-radius: 8px;
     font-size: 0.75rem;
     letter-spacing: 0.02em;
     border-bottom: none !important;
     line-height: 1.6rem;
     float: none !important;
     width: 100% !important;
     clear: both;
     margin-top: 0.5rem;
     margin-bottom: 0.8rem;
 }

 .feature-divider i {
     font-size: 0.75rem;
     color: #a254cc !important;
     vertical-align: middle;
 }

 .feature-divider .free-tag {
     float: none !important;
     display: inline-block;
     margin-left: 0.3rem;
 }

 /* =============================================================
           隐藏的 AI 功能项（默认收起）
           ============================================================= */
 .feature-list .ai-extra {
     display: none;
 }

 /* =============================================================
           “更多”按钮
           ============================================================= */
 .ai-more-btn {
     border-bottom: none !important;
     padding: 0.05rem 0 !important;
     text-align: center;
     cursor: pointer;
     user-select: none;
 }

 .ai-more-btn a {
     color: #a254cc;
     font-weight: 600;
     text-decoration: none;
     font-size: 0.65rem;
     display: inline-block;
     padding: 0.03rem 0.5rem;
     border-radius: 30px;
     background: rgba(255, 255, 255, 0.5);
     transition: background 0.2s;
     line-height: 1.2rem;
     vertical-align: middle;
 }

 .ai-more-btn a:hover {
     background: rgba(255, 255, 255, 0.8);
 }

 .ai-more-btn a i {
     margin-right: 0.25rem;
     font-size: 0.55rem;
 }

 /* =============================================================
           底部价格显示
           ============================================================= */
 .selected-price-area {
     width: 100%;
     background: #ffffff;
     padding: 0.3rem 1.6rem;
     border-radius: 20px;
     border: 1px solid #a254cc;
     margin-top: 2rem;
     text-align: center;
     font-size: 0.8rem;
     color: #1e293b;
     box-shadow: 0 4px 12px rgba(162, 84, 204, 0.15);
 }

 .selected-price-area strong {
     color: #a254cc;
     font-size: 1.2rem;
 }

 .selected-price-area .price-placeholder {
     color: #94a3b8;
     font-weight: 300;
 }

 /* =============================================================
           超出收费标准
           ============================================================= */
 .global-extra-fee {
     width: 100%;
     background: linear-gradient(135deg, #f1f7fe, #e9effa);
     padding: 1.0rem 1.6rem;
     border-radius: 20px;
     border: 1px solid #e2ebf6;
     margin: 0;
 }

 .global-extra-fee:before,
 .global-extra-fee:after {
     content: "";
     display: table;
 }

 .global-extra-fee:after {
     clear: both;
 }

 .extra-fee-header {
     font-size: 0.9rem;
     color: #2a405e;
     margin-bottom: 0.6rem;
     border-bottom: 1px dashed rgba(0, 0, 0, 0.05);
     padding-bottom: 0.4rem;
 }

 .extra-fee-header i {
     color: #2b6cf7;
     margin-right: 0.4rem;
 }

 .extra-fee-header .sub {
     font-weight: 400;
     font-size: 0.75rem;
     color: #5a6d8a;
     margin-left: 0.2rem;
 }

 .extra-fee-grid:before,
 .extra-fee-grid:after {
     content: "";
     display: table;
 }

 .extra-fee-grid:after {
     clear: both;
 }

 .extra-fee-grid .fee-item {
     float: left;
     width: 30.333%;
     background: rgba(255, 255, 255, 0.7);
     padding: 0.2rem 0.5rem;
     border-radius: 30px;
     border: 1px solid rgba(255, 255, 255, 0.5);
     font-size: 0.9rem;
     color: #435673;
     text-align: center;
     transition: background 0.2s;
     margin-bottom: 0.5rem;
     line-height: 1.5rem;
     box-sizing: border-box;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 .extra-fee-grid .fee-item:nth-child(3n) {
     margin-right: 0;
 }

 .extra-fee-grid .fee-item:hover {
     background: rgba(255, 255, 255, 0.9);
 }

 .extra-fee-grid .fee-item i {
     color: #f59e0b;
     margin-right: 0.3rem;
 }

 .extra-fee-grid {
     display: flex;
     flex-wrap: wrap;
     gap: 8px 16px;
     /* 行间距 8px，列间距 16px，可按需调整 */
     /* 清除可能来自 .clearfix 的浮动影响 */
     overflow: hidden;
 }

 /* 每个费用项默认占两列中的一列（50%宽度） */
 .fee-item {
     flex: 0 0 calc(50% - 8px);
     /* 减去一半的列间距 (16px/2) */
     max-width: calc(50% - 8px);
     box-sizing: border-box;
     white-space: nowrap;
     /* 默认不换行，保持整洁 */
     overflow: hidden;
     text-overflow: ellipsis;
     /* 如果内容过长，显示省略号 */
 }

 /* 智能校对独占一行 */
 .fee-item.single-row {
     flex: 0 0 100%;
     max-width: 100%;
     white-space: normal;
     /* 允许换行，适应长价格描述（如 "¥12.5/次"） */
     overflow: visible;
     text-overflow: clip;
 }

 /* =============================================================
           大屏 (≥1025px) 优化
           ============================================================= */
 @media (min-width: 1025px) {
     .pricing-card {
         padding: 0.8rem 0.8rem 0.15rem 0.8rem;
     }

     .plan-name {
         font-size: 1.3rem;
         margin-bottom: 0.05rem;
         padding-top: 0.05rem;
     }

     .plan-price {
         font-size: 2.0rem;
         margin: 0.1rem 0 0.05rem;
     }

     .plan-duration {
         font-size: 0.75rem;
         padding-bottom: 0.4rem;
         margin-bottom: 0.5rem;
     }

     .badge {
         font-size: 0.6rem;
         padding: 0.1rem 0.6rem;
         min-width: 70px;
         margin-bottom: 0.4rem;
     }

     .feature-list {
         margin-bottom: 0.05rem;
     }

     .feature-list li {
         font-size: 0.65rem;
         padding: 0.05rem 1.0rem 0.05rem 0;
         min-height: 1.3rem;
         line-height: 1.3rem;
         white-space: nowrap;
     }

     .feature-list li .limit-badge {
         font-size: 0.55rem;
         width: 2.6rem;
         line-height: 1.1rem;
         height: 1.1rem;
         margin-left: 0.4rem;
         padding: 0 0.1rem;
     }

     .feature-list li i {
         font-size: 0.8rem;
         width: 1.0rem;
     }

     .feature-divider {
         font-size: 0.65rem;
         padding: 0.1rem 0.4rem !important;
         line-height: 1.3rem;
         margin-top: 0.4rem;
         margin-bottom: 0.6rem;
     }

     .feature-divider i {
         font-size: 0.65rem;
     }

     .feature-list li.full-width {
         padding: 0.05rem 0.4rem;
         margin-bottom: 0.03rem;
         white-space: normal;
     }

     .ai-more-btn a {
         font-size: 0.55rem;
         padding: 0.02rem 0.4rem;
         line-height: 1.1rem;
     }

     .ai-more-btn a i {
         font-size: 0.5rem;
         margin-right: 0.2rem;
     }

     .ai-more-btn {
         padding: 0.03rem 0 !important;
     }

     .card-radio {
         top: 0.6rem;
         left: 0.6rem;
         width: 20px;
         height: 20px;
     }

     .card-radio .radio-mark {
         width: 20px;
         height: 20px;
     }

     .card-radio input[type="radio"]:checked+.radio-mark::after {
         width: 8px;
         height: 8px;
     }
 }

 /* =============================================================
           1024px 以下：会员卡 2列
           ============================================================= */
 @media (max-width: 1024px) {
     .pricing-card {
         width: 48%;
         margin-right: 4%;
         margin-bottom: 1.2rem;
         padding: 1.0rem 0.8rem 0.15rem 0.8rem;
     }

     .pricing-card:nth-child(2n) {
         margin-right: 0;
     }

     .pricing-card:nth-child(2n+1) {
         clear: left;
     }

     .pricing-card:last-child {
         margin-right: 0;
     }

     .extra-fee-grid .fee-item {
         float: left;
         width: 50%;
         padding: 0.2rem 0.5rem;
         margin-right: 0;
         margin-left: 0;
         clear: none;
         font-size: 0.85rem;
         margin-bottom: 0.5rem;
     }

     .extra-fee-grid .fee-item:nth-child(2n),
     .extra-fee-grid .fee-item:nth-child(2n+1),
     .extra-fee-grid .fee-item:nth-child(3n) {
         margin-right: 0;
         clear: none;
         float: left;
         width: 50%;
     }

     .feature-list li {
         font-size: 0.75rem;
         min-height: 1.5rem;
         line-height: 1.5rem;
         padding-right: 0.6rem;
         white-space: nowrap;
     }

     .feature-list li .limit-badge {
         margin-left: 0.7rem;
         font-size: 0.65rem;
         width: 3.2rem;
         line-height: 1.3rem;
         height: 1.3rem;
         padding: 0 0.15rem;
     }

     .feature-list li i {
         font-size: 0.95rem;
         width: 1.2rem;
     }

     .feature-divider {
         margin-top: 0.4rem;
         margin-bottom: 0.6rem;
     }

     .badge {
         min-width: 65px;
         font-size: 0.6rem;
         padding: 0.1rem 0.5rem;
     }

     .plan-name {
         font-size: 1.3rem;
     }

     .plan-price {
         font-size: 2rem;
     }

     .plan-duration {
         font-size: 0.8rem;
     }

     .ai-more-btn a {
         font-size: 0.6rem;
         padding: 0.03rem 0.4rem;
         line-height: 1.15rem;
     }

     .ai-more-btn a i {
         font-size: 0.5rem;
         margin-right: 0.2rem;
     }

     .ai-more-btn {
         padding: 0.04rem 0 !important;
     }
 }

 /* 720px 以下：卡片单列 */
 @media (max-width: 720px) {
     .pricing-card {
         float: none;
         width: 100%;
         margin-right: 0;
         margin-bottom: 1.0rem;
         padding: 0.8rem 0.6rem 0.15rem 0.6rem;
     }

     .pricing-card:last-child {
         margin-bottom: 0;
     }

     .page-header h1 {
         font-size: 1.8rem;
     }

     .extra-fee-grid .fee-item {
         width: 50%;
         padding: 0.15rem 0.4rem;
         font-size: 0.75rem;
         margin-bottom: 0.4rem;
         line-height: 1.4rem;
     }

     .extra-fee-grid .fee-item:nth-child(2n),
     .extra-fee-grid .fee-item:nth-child(2n+1),
     .extra-fee-grid .fee-item:nth-child(3n) {
         margin-right: 0;
         clear: none;
         float: left;
         width: 50%;
     }

     .feature-list li {
         font-size: 0.7rem;
         min-height: 1.4rem;
         line-height: 1.4rem;
         padding-right: 0.5rem;
         white-space: nowrap;
     }

     .feature-list li .limit-badge {
         margin-left: 0.6rem;
         font-size: 0.65rem;
         width: 3.0rem;
         line-height: 1.2rem;
         height: 1.2rem;
         padding: 0 0.1rem;
     }

     .feature-list li i {
         font-size: 0.9rem;
         width: 1.0rem;
     }

     .feature-list li.full-width {
         white-space: normal;
     }

     .feature-divider {
         margin-top: 0.3rem;
         margin-bottom: 0.5rem;
     }

     .badge {
         min-width: 55px;
         font-size: 0.55rem;
         padding: 0.1rem 0.4rem;
     }

     .plan-name {
         font-size: 1.1rem;
     }

     .plan-price {
         font-size: 1.8rem;
     }

     .plan-price small {
         font-size: 0.8rem;
     }

     .plan-duration {
         font-size: 0.7rem;
         padding-bottom: 0.4rem;
         margin-bottom: 0.5rem;
     }

     .global-extra-fee {
         padding: 0.6rem 0.8rem;
     }

     .extra-fee-header {
         font-size: 0.8rem;
     }

     .ai-more-btn a {
         font-size: 0.6rem;
         padding: 0.03rem 0.4rem;
         line-height: 1.1rem;
     }

     .ai-more-btn a i {
         font-size: 0.5rem;
         margin-right: 0.15rem;
     }

     .ai-more-btn {
         padding: 0.03rem 0 !important;
     }

     .card-radio {
         top: 0.5rem;
         left: 0.5rem;
         width: 20px;
         height: 20px;
     }

     .card-radio .radio-mark {
         width: 20px;
         height: 20px;
     }

     .card-radio input[type="radio"]:checked+.radio-mark::after {
         width: 8px;
         height: 8px;
     }
 }

 /* =============================================================
           480px 以下：极小屏幕
           ============================================================= */
 @media (max-width: 480px) {
     .extra-fee-grid .fee-item {
         float: none;
         flex: 0 0 100%;
         max-width: 100%;
         width: 100%;
         padding: 0.15rem 0.3rem;
         margin-right: 0;
         margin-left: 0;
         clear: both;
         font-size: 0.65rem;
         margin-bottom: 0.3rem;
         line-height: 1.4rem;
         text-align: center;
     }

     .extra-fee-grid .fee-item:nth-child(2n),
     .extra-fee-grid .fee-item:nth-child(2n+1),
     .extra-fee-grid .fee-item:nth-child(3n) {
         margin-right: 0;
         clear: both;
         float: none;
         width: 100%;
     }

     .feature-list li {
         font-size: 0.55rem;
         min-height: 1.1rem;
         line-height: 1.1rem;
         padding-right: 0.35rem;
         white-space: nowrap;
     }

     .feature-list li .limit-badge {
         font-size: 0.55rem;
         width: 2.8rem;
         margin-left: 0.4rem;
         padding: 0 0.1rem;
         line-height: 1.0rem;
         height: 1.0rem;
     }

     .feature-list li i {
         font-size: 0.7rem;
         width: 0.8rem;
     }

     .feature-list li.full-width {
         white-space: normal;
     }

     .feature-divider {
         margin-top: 0.2rem;
         margin-bottom: 0.4rem;
     }

     .badge {
         min-width: 45px;
         font-size: 0.5rem;
         padding: 0.05rem 0.3rem;
     }

     .plan-price {
         font-size: 1.5rem;
     }

     .pricing-card {
         padding: 0.6rem 0.4rem 0.1rem 0.4rem;
     }

     .ai-more-btn a {
         font-size: 0.55rem;
         padding: 0.02rem 0.3rem;
         line-height: 1.0rem;
     }

     .ai-more-btn a i {
         font-size: 0.45rem;
         margin-right: 0.12rem;
     }

     .ai-more-btn {
         padding: 0.02rem 0 !important;
     }

     .card-radio {
         top: 0.4rem;
         left: 0.4rem;
         width: 18px;
         height: 18px;
     }

     .card-radio .radio-mark {
         width: 18px;
         height: 18px;
         border-width: 1.5px;
     }

     .card-radio input[type="radio"]:checked+.radio-mark::after {
         width: 7px;
         height: 7px;
     }
 }

 /* =============================================================
           IE10 专用补丁
           ============================================================= */
 .pricing-card,
 .feature-list li {
     box-sizing: border-box;
 }

 .clearfix {
     zoom: 1;
 }