.level-comparison{padding:95px 0;background:#fff;.section-content{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.el-main{padding:30px 20px}.section-header{text-align:center;margin-bottom:4rem;h2{font-size:2.5rem;font-weight:700;color:#303133;margin:0 0 15px}p{font-size:1.25rem;color:#606266;margin:0 auto}}.level-card{position:relative;border-radius:24px;padding:2rem;-webkit-transition:all .3s ease;transition:all .3s ease;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid transparent;overflow:inherit;.el-card__body{padding:0}&.gold{background:linear-gradient(135deg,#fff8e1,#ffecb3);border-color:#ffd54f}&.platinum{background:linear-gradient(135deg,#f5f5f5,#eee);border-color:#bdbdbd}&.diamond{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#42a5f5}&.featured{border-color:#003970;-webkit-box-shadow:0 5px 20px rgba(0,57,112,.4);box-shadow:0 5px 20px rgba(0,57,112,.4);-webkit-transform:scale(1.02);transform:scale(1.02)}&:hover{-webkit-transform:translateY(-8px) scale(1.02);transform:translateY(-8px) scale(1.02)}}.featured-badge{position:absolute;top:-16px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#003970;color:#fff;padding:8px 16px;border-radius:20px;font-size:.875rem;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-gap:4px;gap:4px}.level-header{text-align:center;margin-bottom:32px}.level-icon{width:64px;height:64px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto 16px;font-size:32px;&.gold{background:gold;color:#ff8f00}&.platinum{background:#e0e0e0;color:#616161}&.diamond{background:#bbdefb;color:#003970}}.level-name{font-size:1.5rem;font-weight:700;margin:0;&.gold{color:#ff8f00}&.platinum{color:#616161}&.diamond{color:#003970}}.level-details{margin-bottom:32px}.detail-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:16px;grid-gap:8px;gap:8px}.detail-label{font-size:.875rem;color:#909399;font-weight:500;min-width:100px;width:6rem;-ms-flex-negative:0;flex-shrink:0}.detail-value{-webkit-box-flex:1;-ms-flex:1;flex:1;&.points{font-size:1.125rem;font-weight:700;&.gold{color:#ff8f00}&.platinum{color:#616161}&.diamond{color:#003970}}&.referral{font-weight:600;&.gold{color:#ff8f00}&.platinum{color:#616161}&.diamond{color:#003970}}}.benefit-value,.detail-value{font-size:.875rem;color:#303133}.benefit-value{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;grid-gap:4px;gap:4px;ul{padding:0;margin:0}}.benefit-check{color:#67c23a;margin-top:2px;-ms-flex-negative:0;flex-shrink:0}.level-cta{font-weight:600;padding:12px 24px;-webkit-transition:all .3s ease;transition:all .3s ease;display:block;width:100%;&.gold{background:gold;border-color:gold;color:#ff8f00;&:hover{background:#ffc107;border-color:#ffc107;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(255,193,7,.3);box-shadow:0 4px 12px rgba(255,193,7,.3)}}&.platinum{background:#e0e0e0;border-color:#e0e0e0;color:#616161;&:hover{background:#bdbdbd;border-color:#bdbdbd;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px hsla(0,0%,74.1%,.3);box-shadow:0 4px 12px hsla(0,0%,74.1%,.3)}}&.diamond{background:#003970;border-color:#003970;color:#fff;&:hover{background:#002855;border-color:#002855;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(0,57,112,.3);box-shadow:0 4px 12px rgba(0,57,112,.3)}}}@media only screen and (max-width:767px){.section-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;grid-gap:40px;gap:40px}}}