/* 会员权益页面样式 */
.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-compare table {width: 100%;border-collapse: collapse;border: 2px solid #e6e6e6;}
.benefit-compare table th,
.benefit-compare table td {border: 2px solid #e6e6e6;padding: 14px 12px;text-align: center;vertical-align: middle;font-size: 15px;color: #333;}
.benefit-compare table thead th {background: #fff5e6;font-weight: 600;}
.benefit-compare table tbody:first-of-type tr {background: #FF9900;}
.benefit-compare table tbody:first-of-type tr th {color: #fff !important;}
.benefit-compare table tbody tr:nth-child(even) {background: #fffdf7;}
.benefit-compare table tbody:nth-of-type(2) tr {background: #fff;}
.benefit-compare table tbody:nth-of-type(2) td[rowspan] {background: #ffe58f;}
.benefit-compare table tbody:nth-of-type(2) tr td:nth-child(n+2):nth-child(-n+5) {text-align: left;justify-content: flex-start;align-items: flex-start;padding-left: 110px;}
.benefit-compare table tbody:nth-of-type(2) tr:first-child td:nth-child(2) {text-align: center;justify-content: center;align-items: center;}
.benefit-compare table tbody:nth-of-type(2) td[rowspan] + td {text-align: center !important;justify-content: center !important;align-items: center !important;padding-left:0px !important;}
.benefit-dot-green {color: #52c41a;font-weight: 700;}
.benefit-dot-gray {color: #bfbfbf;font-weight: 700;}
.benefit-section-title {font-size: 22px;font-weight: bold;color: #e86433;margin-bottom: 24px;text-align: center;}
.benefit-compare-card {background: linear-gradient(135deg, #fffdf6 0%, #fff9eb 100%);border: 1px solid #ffe1b5;border-radius: 18px;padding: 26px 30px;box-shadow: 0 12px 32px rgba(255, 193, 96, 0.18);position: relative;}
.benefit-compare-card::before {content: "";position: absolute;top: 18px;left: 22px;right: 22px;height: 12px;background: radial-gradient(circle at center, rgba(255, 212, 138, 0.35), transparent 72%);border-radius: 12px;pointer-events: none;}
.benefit-compare-table-wrap {overflow-x: auto;border-radius: 14px;background: #fff;box-shadow: inset 0 0 0 1px rgba(255,225,181,0.4);}
.benefit-compare-table-wrap::-webkit-scrollbar {height: 6px;}
.benefit-compare-table-wrap::-webkit-scrollbar-thumb {background: rgba(232,100,51,0.35);border-radius: 4px;}
.benefit-compare-table {width: 100%;border-collapse: separate;border-spacing: 0;background: #fff;border-radius: 14px;overflow: hidden;}
.benefit-compare-table thead {background: linear-gradient(90deg, rgba(232,100,51,0.94) 0%, rgba(255,158,68,0.92) 100%);color: #fff;}
.benefit-compare-table th,.benefit-compare-table td {padding: 18px 16px;text-align: center;border-bottom: 1px solid #f6f0e5;font-size: 15px;position: relative;transition: background 0.2s;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 6px;}
.benefit-compare-table th {font-size: 16px;font-weight: 600;letter-spacing: 0.2px;min-width: 150px;}
.benefit-compare-table td {color: #333;min-width: 150px;}
.benefit-compare-table tbody tr:nth-child(even) {background: #fffaf1;}
.benefit-compare-table tbody tr:hover {background: rgba(255, 197, 125, 0.12);}
.benefit-compare-table tr:last-child td {border-bottom: none;}
.benefit-compare-feature {text-align: center!important;color: #5b4c38;font-weight: 600;white-space: nowrap;min-width: 170px;}
.benefit-compare-feature-header {text-align: center!important;padding-left: 0;}
.benefit-compare-feature,.benefit-compare-feature-header {position: sticky;left: 0;background: linear-gradient(135deg, #fffdf6 0%, #fff9eb 100%);z-index: 3;box-shadow: 4px 0 12px rgba(255,190,120,0.18);}
.benefit-compare-table thead tr .benefit-compare-feature-header {z-index: 4;}
.benefit-compare-table td:not(.benefit-compare-feature)::after,.benefit-compare-table th::after {content: "";position: absolute;top: 12px;bottom: 12px;right: 0;border-right: 1px dashed rgba(255,191,128,0.45);}
.benefit-compare-table td:last-child::after,.benefit-compare-table th:last-child::after {display: none;}
.benefit-compare-table .benefit-col-hover {background: rgba(255, 203, 121, 0.2)!important;box-shadow: inset 0 0 0 1px rgba(255,181,99,0.3);}
.benefit-dot {display: inline-flex;width: 11px;height: 11px;border-radius: 50%;margin-right: 8px;position: relative;top: 1px;}
.benefit-dot-yes {background: #52c41a;box-shadow: 0 0 6px rgba(82,196,26,0.4);}
.benefit-dot-no {border: 2px solid #d2d2d2;background: transparent;}
.benefit-cell-label {display: inline-block;font-weight: 500;color: #403326;}
.benefit-cell-no .benefit-cell-label {color: #bdbdbd;font-weight: 400;}
.benefit-cell-text .benefit-cell-label {color: #403326;}
.benefit-cell-empty .benefit-cell-placeholder {color: rgba(0,0,0,0.2);font-size: 18px;display: inline-block;transform: translateY(-2px);}
.benefit-category-cell {font-size: 16px;font-weight: 700;color: #5b4c38;}
.benefit-service-cell {font-weight: 600;color: #333;}
.benefit-service-cell .benefit-feature-text {display: inline-flex;align-items: center;gap: 6px;font-weight: 600;}
.benefit-feature-text {display: inline-flex;align-items: center;gap: 6px;justify-content: center;}
.benefit-compare-legend {margin-top: 18px;display: flex;flex-wrap: wrap;gap: 16px;align-items: center;background: #fffefd;border: 1px dashed #ffd591;border-radius: 12px;padding: 14px 18px;color: #8c6633;font-size: 13px;}
.benefit-compare-legend .legend-item {display: flex;align-items: center;gap: 8px;}
.benefit-compare-legend .legend-dot {width: 12px;height: 12px;border-radius: 50%;display: inline-block;}
.benefit-compare-legend .legend-dot-yes {background: #52c41a;box-shadow: 0 0 6px rgba(82,196,26,0.4);}
.benefit-compare-legend .legend-dot-no {border: 2px solid #d0d0d0;border-radius: 50%;width: 10px;height: 10px;box-sizing: border-box;}
.benefit-compare-legend .legend-text {flex: 1 1 100%;margin-top: 4px;color: #a87a3d;}

@media (max-width: 992px) {
    .benefit-main {padding: 24px 20px;}
    .benefit-compare-card {padding: 22px 20px;}
    .benefit-compare-table th,.benefit-compare-table td {min-width: 140px;padding: 16px 12px;}
    .benefit-compare-feature {min-width: 150px;}
}

@media (max-width: 768px) {
    .benefit-compare-card {border-radius: 16px;}
    .benefit-compare-table-wrap {box-shadow: none;border-radius: 10px;}
    .benefit-compare-table {border-radius: 10px;}
    .benefit-compare-table th,.benefit-compare-table td {min-width: 120px;}
    .benefit-compare-feature,.benefit-compare-feature-header {min-width: 140px;}
}

/* 全部权益 */
.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;}