.mc-page{background:#f8f9fb;color:#292d33}
.mc-wrap{width:min(960px,calc(100% - 40px));max-width:960px;margin:0 auto;box-sizing:border-box}
.mc-hero{padding:56px 0 34px;background:radial-gradient(circle at 10% 5%,rgba(101,71,173,.10),transparent 28%),radial-gradient(circle at 90% 10%,rgba(255,79,130,.08),transparent 25%),#fff;border-bottom:1px solid #eceef1}
.mc-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:28px;align-items:stretch}
.mc-hero-copy{padding:18px 0 10px}
.mc-eyebrow,.mc-section-head span,.mc-quick>div>span,.mc-bottom-card>div>span{color:#7656bd;font-size:11px;font-weight:800;letter-spacing:.08em}
.mc-hero h1{margin:12px 0 14px;font-size:42px;line-height:1.12;letter-spacing:-1.8px}
.mc-hero h1 em{color:#6547ad;font-style:normal}
.mc-hero-copy>p{max-width:580px;margin:0;color:#7d838b;font-size:14px;line-height:1.75}
.mc-hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}
.mc-btn{height:48px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font-size:13px;font-weight:700;box-sizing:border-box}
.mc-btn.primary{background:#6547ad;color:#fff;box-shadow:0 9px 20px rgba(101,71,173,.16)}
.mc-btn.ghost{border:1px solid #e3dcef;background:#fff;color:#6547ad}
.mc-status-card{position:relative;overflow:hidden;padding:24px;border:1px solid #e5e1eb;border-radius:22px;background:radial-gradient(circle at 90% 5%,rgba(255,255,255,.9),transparent 22%),linear-gradient(145deg,#f8f5fd 0%,#f0ebf9 55%,#fff 100%);box-shadow:0 18px 45px rgba(50,43,67,.07)}
.mc-status-card:after{content:"";position:absolute;right:-36px;top:-36px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.5)}
.mc-status-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:15px}
.mc-status-top>span{color:#8065bd;font-size:10px;font-weight:800;letter-spacing:.07em}
.mc-status-top>b{height:24px;padding:0 8px;display:inline-flex;align-items:center;border-radius:999px;background:#fff;color:#7e6a9f;font-size:10px}
.mc-status-grade{position:relative;z-index:1;display:flex;align-items:center;gap:13px;margin-top:22px;padding:18px;border:1px solid rgba(255,255,255,.85);border-radius:16px;background:rgba(255,255,255,.72)}
.mc-grade-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#eee8fa;color:#6547ad;font-size:17px;font-weight:800}
.mc-status-grade.vip .mc-grade-mark{background:#fff3d6;color:#ad7700}.mc-status-grade.svip .mc-grade-mark{background:#ebe3ff;color:#6547ad}
.mc-status-grade small{display:block;color:#92969d;font-size:11px}.mc-status-grade strong{display:block;margin-top:3px;font-size:20px}
.mc-status-list{position:relative;z-index:1;display:grid;gap:1px;margin-top:16px;overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:14px;background:rgba(255,255,255,.55)}
.mc-status-list>div{min-height:46px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:rgba(255,255,255,.45)}
.mc-status-list span,.mc-status-list b{font-size:12px}.mc-status-list span{color:#777d84}.mc-status-list b{color:#4b4f56}
.mc-section{padding:54px 0}.mc-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:20px}
.mc-section-head h2{margin:6px 0 0;font-size:27px;letter-spacing:-1px}.mc-section-head>p{margin:0;color:#8a9097;font-size:13px}
.mc-plans{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mc-plan{padding:26px;border:1px solid #e4e6e9;border-radius:20px;background:#fff;box-shadow:0 13px 36px rgba(40,44,50,.045)}
.mc-plan.svip{border-color:#ddd4ef;background:linear-gradient(180deg,#fbf9ff 0%,#fff 100%)}.mc-plan-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
.mc-plan-en{color:#9a9fa5;font-size:10px;font-weight:800;letter-spacing:.07em}.mc-plan h3{margin:5px 0 0;font-size:22px}
.mc-plan-badge{height:25px;padding:0 9px;display:inline-flex;align-items:center;border-radius:999px;background:#f1ecfb;color:#6547ad;font-size:9px;font-weight:800}
.mc-price{margin-top:20px;padding:17px 0;border-top:1px solid #eff0f2;border-bottom:1px solid #eff0f2}.mc-price strong{display:block;font-size:28px;letter-spacing:-1px}.mc-price span{display:block;margin-top:4px;color:#92979e;font-size:11px}
.mc-plan ul{display:grid;gap:11px;margin:20px 0 0;padding:0;list-style:none}.mc-plan li{position:relative;padding-left:20px;color:#62686f;font-size:13px;line-height:1.55}
.mc-plan li:before{content:"✓";position:absolute;left:0;top:0;color:#7656bd;font-weight:800}.mc-plan li b{color:#6547ad}
.mc-plan>a{height:47px;margin-top:22px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#6547ad;color:#fff;font-size:13px;font-weight:700}.mc-plan.vip>a{background:#3e4147}
.mc-benefit-section{background:#fff;border-top:1px solid #eceef1;border-bottom:1px solid #eceef1}.mc-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}
.mc-benefit-grid article{min-height:180px;padding:20px;border:1px solid #e8e9ec;border-radius:17px;background:#fff}.mc-benefit-grid i{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#f2edf9;color:#6547ad;font-size:10px;font-style:normal;font-weight:800}
.mc-benefit-grid h3{margin:17px 0 8px;font-size:17px}.mc-benefit-grid p{margin:0;color:#858b92;font-size:12px;line-height:1.7}
.mc-quick-section{padding-top:44px}.mc-quick{padding:28px;border:1px solid #e4e6e9;border-radius:20px;background:#fff;display:grid;grid-template-columns:210px 1fr;gap:25px;align-items:center}
.mc-quick h2{margin:6px 0 0;font-size:22px}.mc-quick-links{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mc-quick-links a{min-height:76px;padding:13px;display:flex;flex-direction:column;justify-content:center;border:1px solid #ebe7f1;border-radius:13px;background:#faf9fc}
.mc-quick-links b{color:#4b4f55;font-size:13px}.mc-quick-links small{display:block;margin-top:5px;color:#8d9299;font-size:11px}
.mc-bottom{padding:0 0 72px}.mc-bottom-card{padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:22px;background:linear-gradient(135deg,#38343f 0%,#59456e 55%,#6547ad 100%);color:#fff}
.mc-bottom-card>div>span{color:#d9ccef}.mc-bottom-card h2{margin:7px 0 5px;font-size:25px}.mc-bottom-card p{margin:0;color:rgba(255,255,255,.72);font-size:12px}
.mc-bottom-card>a{flex:0 0 auto;height:47px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#fff;color:#59456e;font-size:13px;font-weight:700}
@media(max-width:1000px){.mc-wrap{width:calc(100% - 28px);max-width:960px}.mc-hero{padding:34px 0 28px}.mc-hero-grid{grid-template-columns:1fr;gap:18px}.mc-hero h1{font-size:34px}.mc-section{padding:40px 0}.mc-section-head{align-items:flex-start;flex-direction:column;gap:7px}.mc-section-head h2{font-size:24px}.mc-benefit-grid{grid-template-columns:1fr 1fr}.mc-quick{grid-template-columns:1fr}.mc-quick-links{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.mc-wrap{width:calc(100% - 20px)}.mc-hero h1{font-size:31px}.mc-hero-actions{display:grid;grid-template-columns:1fr 1fr}.mc-btn{padding:0 12px;font-size:12px}.mc-status-card{padding:20px 16px}.mc-plans{grid-template-columns:1fr}.mc-plan{padding:21px 18px}.mc-price strong{font-size:26px}.mc-benefit-grid{grid-template-columns:1fr}.mc-benefit-grid article{min-height:0}.mc-benefit-grid p{font-size:13px}.mc-quick{padding:21px 16px}.mc-quick-links{grid-template-columns:1fr 1fr}.mc-bottom{padding-bottom:50px}.mc-bottom-card{align-items:flex-start;flex-direction:column;padding:24px 19px}.mc-bottom-card h2{font-size:22px}.mc-bottom-card p{font-size:13px;line-height:1.65}.mc-bottom-card>a{width:100%;box-sizing:border-box;font-size:13px}}
@media(max-width:420px){.mc-hero-actions{grid-template-columns:1fr}.mc-quick-links{grid-template-columns:1fr}}

/* ===== LOGGED-IN MEMBER CENTER ===== */
.mc-member-hero{
    padding:44px 0 26px;
    background:
        radial-gradient(circle at 92% 7%,rgba(255,255,255,.72),transparent 18%),
        linear-gradient(145deg,#f5f1fb 0%,#ece5f8 56%,#faf8fd 100%);
    border-bottom:1px solid #e6e0ee;
}

.mc-member-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
}

.mc-member-head>div:first-child>span,
.mc-upgrade-card>div:first-child>span,
.mc-svip-complete>span{
    color:#7656bd;
    font-size:10px;
    font-weight:800;
    letter-spacing:.08em;
}

.mc-member-head h1{
    margin:7px 0 7px;
    font-size:32px;
    letter-spacing:-1.2px;
}

.mc-member-head p{
    margin:0;
    color:#777d85;
    font-size:13px;
    line-height:1.65;
}

.mc-member-grade{
    min-width:150px;
    padding:16px 20px;
    border:1px solid rgba(255,255,255,.88);
    border-radius:18px;
    background:rgba(255,255,255,.65);
    text-align:right;
    box-shadow:0 12px 32px rgba(72,54,107,.07);
}

.mc-member-grade small{
    display:block;
    color:#a09aa9;
    font-size:9px;
    font-weight:700;
}

.mc-member-grade strong{
    display:block;
    margin-top:3px;
    color:#6547ad;
    font-size:27px;
}

.mc-member-grade em{
    display:block;
    margin-top:2px;
    color:#847c8e;
    font-size:10px;
    font-style:normal;
}

.mc-member-grade.svip strong{
    color:#5635a5;
}

.mc-member-summary{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:9px;
    margin-top:24px;
}

.mc-member-summary article{
    padding:17px;
    border:1px solid rgba(255,255,255,.86);
    border-radius:15px;
    background:rgba(255,255,255,.68);
}

.mc-member-summary span{
    display:block;
    color:#929099;
    font-size:10px;
}

.mc-member-summary strong{
    display:block;
    margin-top:7px;
    color:#49454f;
    font-size:18px;
}

.mc-member-summary small{
    display:block;
    margin-top:5px;
    color:#97949d;
    font-size:9px;
    line-height:1.45;
}

.mc-dashboard-section{
    padding-bottom:38px;
}

.mc-member-menu{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}

.mc-member-menu>a{
    min-height:92px;
    padding:16px 18px;
    display:grid;
    grid-template-columns:42px 1fr auto;
    gap:13px;
    align-items:center;
    border:1px solid #e5e5e9;
    border-radius:16px;
    background:#fff;
    transition:.15s;
}

.mc-member-menu>a:hover{
    transform:translateY(-1px);
    border-color:#d7cdea;
    box-shadow:0 10px 25px rgba(65,52,86,.06);
}

.mc-member-menu i{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:#f1ecf9;
    color:#6547ad;
    font-size:13px;
    font-style:normal;
    font-weight:800;
}

.mc-member-menu b{
    display:block;
    color:#3f4349;
    font-size:14px;
}

.mc-member-menu span{
    display:block;
    margin-top:4px;
    color:#9499a0;
    font-size:11px;
}

.mc-member-menu em{
    color:#9179bf;
    font-size:17px;
    font-style:normal;
}

.mc-member-benefit-section{
    padding-top:42px;
    background:#fff;
    border-top:1px solid #eceef1;
    border-bottom:1px solid #eceef1;
}

.mc-active-benefits{
    display:grid;
    gap:9px;
}

.mc-active-benefits article{
    min-height:76px;
    padding:14px 17px;
    display:grid;
    grid-template-columns:35px 1fr auto;
    gap:14px;
    align-items:center;
    border:1px solid #e9e9ec;
    border-radius:15px;
    background:#fff;
}

.mc-active-benefits>article>span{
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:#f2edf9;
    color:#6547ad;
    font-size:9px;
    font-weight:800;
}

.mc-active-benefits h3{
    margin:0;
    color:#454950;
    font-size:14px;
}

.mc-active-benefits p{
    margin:4px 0 0;
    color:#8d939a;
    font-size:11px;
    line-height:1.5;
}

.mc-active-benefits>article>b{
    height:24px;
    padding:0 8px;
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    background:#edf8f1;
    color:#3a8a5b;
    font-size:8px;
    font-weight:800;
}

.mc-upgrade-section,
.mc-svip-complete-section{
    padding-top:38px;
}

.mc-upgrade-card{
    padding:25px 27px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    border:1px solid #ddd4ef;
    border-radius:20px;
    background:linear-gradient(135deg,#fbf9ff,#f4effb);
}

.mc-upgrade-card h2{
    margin:6px 0 6px;
    font-size:22px;
}

.mc-upgrade-card p{
    margin:0;
    color:#86818d;
    font-size:12px;
}

.mc-upgrade-side{
    text-align:right;
}

.mc-upgrade-side small{
    display:block;
    color:#98929f;
    font-size:9px;
}

.mc-upgrade-side strong{
    display:block;
    margin:3px 0 8px;
    color:#6547ad;
    font-size:22px;
}

.mc-upgrade-side a{
    height:39px;
    padding:0 13px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:#6547ad;
    color:#fff;
    font-size:11px;
    font-weight:700;
}

.mc-svip-complete{
    padding:27px;
    border:1px solid #ddd4ef;
    border-radius:20px;
    background:linear-gradient(135deg,#f7f3fd,#ede5fa);
    text-align:center;
}

.mc-svip-complete h2{
    margin:7px 0 5px;
    font-size:22px;
}

.mc-svip-complete p{
    margin:0;
    color:#85808d;
    font-size:12px;
}

.mc-svip-complete a{
    height:41px;
    margin-top:15px;
    padding:0 14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:#6547ad;
    color:#fff;
    font-size:11px;
    font-weight:700;
}

@media(max-width:760px){
    .mc-member-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .mc-member-grade{
        width:100%;
        box-sizing:border-box;
        text-align:left;
    }

    .mc-member-summary{
        grid-template-columns:1fr 1fr;
    }

    .mc-member-menu{
        grid-template-columns:1fr;
    }

    .mc-upgrade-card{
        align-items:flex-start;
        flex-direction:column;
    }

    .mc-upgrade-side{
        width:100%;
        text-align:left;
    }
}

@media(max-width:480px){
    .mc-member-summary{
        grid-template-columns:1fr;
    }

    .mc-member-head h1{
        font-size:27px;
    }

    .mc-active-benefits article{
        grid-template-columns:32px 1fr;
    }

    .mc-active-benefits>article>b{
        grid-column:2;
        justify-self:start;
    }
}

/* ===== MEMBERSHIP LIMITED EVENT PRICE ===== */
.mc-event-price small{
    display:block;
    margin-bottom:6px;
    color:#ff4f82;
    font-size:10px;
    font-weight:800;
    letter-spacing:.055em;
}

.mc-event-price del{
    display:block;
    margin-bottom:4px;
    color:#a0a4aa;
    font-size:14px;
}

.mc-event-price strong{
    color:#ff4f82;
    font-size:29px;
}

.mc-plan.svip .mc-event-price strong{
    color:#6547ad;
}

.mc-event-price span{
    display:inline-flex;
    align-items:center;
    min-height:25px;
    margin-top:8px;
    padding:0 9px;
    border-radius:999px;
    background:#fff0f5;
    color:#ff4f82;
    font-size:10px;
    font-weight:800;
}

.mc-plan.svip .mc-event-price span{
    background:#f1ecfb;
    color:#6547ad;
}

.mc-event-notice{
    margin-top:14px;
    padding:15px 17px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    border:1px solid #efdce4;
    border-radius:14px;
    background:#fff8fa;
}

.mc-event-notice>div span{
    display:block;
    color:#ff4f82;
    font-size:9px;
    font-weight:800;
    letter-spacing:.06em;
}

.mc-event-notice>div strong{
    display:block;
    margin-top:4px;
    color:#52565c;
    font-size:12px;
}

.mc-event-notice p{
    margin:0;
    max-width:520px;
    color:#8c9197;
    font-size:11px;
    line-height:1.55;
    text-align:right;
}

.mc-upgrade-side del{
    display:block;
    margin-top:5px;
    color:#aaa4b0;
    font-size:11px;
}

.mc-upgrade-side>em{
    display:block;
    margin:-4px 0 9px;
    color:#ff4f82;
    font-size:10px;
    font-style:normal;
    font-weight:800;
}

@media(max-width:600px){
    .mc-event-price small{font-size:11px}
    .mc-event-price del{font-size:15px}
    .mc-event-price strong{font-size:27px}
    .mc-event-price span{font-size:11px}
    .mc-event-notice{
        align-items:flex-start;
        flex-direction:column;
        gap:7px;
    }
    .mc-event-notice>div strong,
    .mc-event-notice p{
        font-size:12px;
    }
    .mc-event-notice p{
        max-width:none;
        text-align:left;
    }
}