/* 会员权益页面样式 */
.benefit-main {max-width: 1200px;margin: 32px auto 0 auto;background: #fff;border-radius: 10px;box-shadow: 0 2px 12px rgba(0,0,0,0.04);padding: 32px 40px 24px 40px;}
.benefit-vip-header {background: #fffbe6;border: 1px solid #ffe58f;border-radius: 10px;padding: 32px 24px;margin-bottom: 32px;box-shadow: 0 2px 8px rgba(255,184,0,0.08);}
.benefit-vip-tabs {display: flex;gap: 20px;margin-bottom: 24px;}
.benefit-vip-tab {padding: 10px 32px;border-radius: 8px 8px 0 0;background: #f2f6fc;color: #e86433;font-weight: bold;cursor: pointer;transition: background 0.2s;}
.benefit-vip-tab.active {background: #e86433;color: #fff;}
.benefit-vip-pricing {display: flex;gap: 24px;margin-bottom: 18px;}
.benefit-vip-card {background: #fff;border: 1px solid #ffe58f;border-radius: 8px;padding: 18px 32px;text-align: center;min-width: 180px;box-shadow: 0 2px 8px rgba(255,184,0,0.05);}
.benefit-vip-card-active {border: 2px solid #e86433;box-shadow: 0 4px 16px rgba(232,100,51,0.08);padding: 17px 31px;}
.benefit-vip-card-title {font-size: 18px;font-weight: bold;margin-bottom: 8px;}
.benefit-vip-card-price {font-size: 28px;color: #e86433;font-weight: bold;margin-bottom: 6px;}
.benefit-vip-card-price del {font-size: 16px;color: #bbb;margin-left: 8px;}
.benefit-vip-card-desc {font-size: 13px;color: #d48806;}
.benefit-vip-card:hover{border: 2px solid #e86433;box-shadow: 0 4px 16px rgba(232,100,51,0.08);padding: 17px 31px;cursor: pointer;}
.benefit-vip-pay {margin: 18px 0;color: #666;font-size: 15px;display: flex;align-items: center;gap: 18px;}
.benefit-vip-pay i {font-size: 22px;color: #52c41a;}
.benefit-vip-coupon {background: #fff1b8;color: #d48806;padding: 6px 18px;border-radius: 16px;display: inline-block;margin-bottom: 12px;font-size: 15px;}
.benefit-vip-total {display: flex;gap: 32px;align-items: center;margin-top: 10px;flex-wrap: wrap;}
.benefit-vip-total > div {font-size: 15px;color: #666;}
.benefit-vip-pay-final {font-size: 22px;color: #e86433;font-weight: bold;}
.benefit-vip-pay-btn {background: linear-gradient(to right,#FFB800,#FF9000);color: #fff;border: none;border-radius: 6px;padding: 10px 36px;font-size: 18px;font-weight: bold;cursor: pointer;box-shadow: 0 2px 8px rgba(255,184,0,0.12);transition: background 0.2s;}
.benefit-vip-pay-btn:hover {background: linear-gradient(to right,#FF9000,#FFB800);}

/* 对比表 */
.benefit-compare {margin: 40px 0;}
.benefit-section-title {font-size: 22px;font-weight: bold;color: #e86433;margin-bottom: 24px;text-align: center;}
.benefit-compare-table-wrap {overflow-x: auto;}
.benefit-compare-table {width: 100%;border-collapse: collapse;background: #fff;border-radius: 8px;box-shadow: 0 2px 8px rgba(0,0,0,0.03);}
.benefit-compare-table th,.benefit-compare-table td {padding: 16px 12px;text-align: center;border-bottom: 1px solid #f0f0f0;font-size: 15px;}
.benefit-compare-table th {background: #f2f6fc;color: #e86433;font-size: 16px;}
.benefit-compare-table td {color: #333;}
.benefit-compare-table tr:last-child td {border-bottom: none;}
.benefit-compare-table i.bi-check-lg {color: #52c41a;font-size: 18px;}
.benefit-compare-table i.bi-x-lg {color: #ff4d4f;font-size: 18px;}

/* 全部权益 */
.benefit-all {margin: 40px 0;}
.benefit-all-list {display: flex;flex-wrap: wrap;gap: 24px;justify-content: center;}
.benefit-all-item {background: #f2f6fc;border-radius: 8px;padding: 18px 32px;display: flex;align-items: center;gap: 12px;font-size: 16px;color: #e86433;font-weight: 500;box-shadow: 0 2px 8px rgba(232,100,51,0.04);transition: background 0.2s;min-width: 23%;}
.benefit-all-item i {font-size: 22px;}
.benefit-all-item:hover {background: #ffe7ba;}