/* V4 性能优化 */
    #wpadminbar { display:none !important; }
    html { margin-top:0 !important; }
    *, *::before, *::after { box-sizing:border-box; }

    body.saas-takeover-active {
        overflow:hidden !important; background:#edf0f5 !important;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', 'DM Sans', Roboto, sans-serif !important;
        margin:0 !important; padding:0 !important; -webkit-font-smoothing:antialiased;
    }
    body.saas-takeover-active > *:not(#saas-fullscreen-app-wrapper):not(#saas-global-login-mask):not(#saas-global-login-modal):not(#storyos-sidebar-login-test-mask):not(#storyos-sidebar-login-test-modal):not([class^="ql-"]):not(script):not(style):not(link):not([id^="saas-toast-"]):not([id^="saas-dialog-"]):not([id$="-modal-bg"]):not([id$="-modal-box"]) { display: none !important; opacity: 0 !important; visibility: hidden !important; height: 0 !important; width: 0 !important; position: absolute !important; z-index: -9999 !important; }

    #saas-fullscreen-app-wrapper {
        position:fixed !important; inset:0 !important; width:100vw !important; height:100vh !important;
        background:#edf0f5 !important; z-index:2147483640 !important; overflow:hidden !important;
        display:flex; pointer-events:auto !important;
    }
    #saas-dashboard-main-container {
        width:100%; height:100vh; background:#edf0f5; display:flex; overflow:hidden;
    }

    /* ── 右侧自适应结界容器 ── */
    .mc-right-area {
        position:relative; flex:1; display:flex; flex-direction:column; min-width:0; overflow:hidden;
    }

    /* ── 主内容列 ── */
    .mc-main {
        flex:1; display:flex; flex-direction:column;
        padding:28px 36px; overflow-y:auto; overflow-x:hidden;
        background:#edf0f5; gap:20px;
    }

    /* ── 通用卡片 ── */
    .mc-card {
        background:#fff; border-radius:24px; padding:24px;
        box-shadow:0 1px 3px rgba(5,0,56,.08),0 1px 2px rgba(5,0,56,.06);
        border:1px solid #eef0f8;
    }

    .mc-section-title {
        font-size:18px; font-weight:600; color:#1A1A40; margin:0 0 20px;
        display:flex; align-items:center; gap:8px; line-height:1.4;
    }
    .mc-section-title svg { width:16px; height:16px; stroke:#4682B4; fill:none; stroke-width:2; flex-shrink:0; }

    .mc-name {
        font-size:24px; font-weight:700; color:#050038;
        margin:0; line-height:1.3; letter-spacing:-0.01em;
    }
    .mc-email {
        font-size:14px; font-weight:400; color:#6B6B9A;
        line-height:1.65; margin:0 0 4px;
    }
    .mc-vip-expire {
        font-family:'DM Mono',monospace;
        font-size:12px; font-weight:600; color:#6B6B9A;
        letter-spacing:.04em; text-transform:uppercase;
        margin-bottom:12px; line-height:1.5;
    }
    .mc-vip-badge {
        font-family:'DM Mono',monospace;
        font-size:12px; font-weight:600;
        padding:4px 12px; border-radius:999px;
        letter-spacing:.04em; text-transform:uppercase;
        white-space:nowrap; line-height:1.5;
        flex-shrink:0;
    }
    .mc-vip-badge.is-vip { background:rgba(70,130,180,.12); color:#4682B4; border:1px solid rgba(70,130,180,.22); }
    .mc-vip-badge.no-vip { background:rgba(107,107,154,.10); color:#6B6B9A; border:1px solid rgba(107,107,154,.20); }

    .mc-meta-strip {
        display:flex; align-items:center; gap:6px; flex-wrap:wrap;
        margin-top:10px;
        font-size:13px; font-weight:400; color:#6B6B9A; line-height:1.6;
    }
    .mc-meta-strip b { font-family:'DM Mono',monospace; font-weight:600; color:#2D2D5C; }
    .mc-meta-dot { color:#C2C2D9; font-size:10px; }

    .mc-avatar-wrap {
        width:68px; height:68px; border-radius:50%; overflow:hidden;
        border:2px solid #fff; box-shadow:0 4px 16px rgba(5,0,56,.10);
        cursor:pointer; flex-shrink:0; transition:.2s;
    }
    .mc-avatar-wrap:hover { transform:scale(1.05); }
    .mc-avatar-wrap img { width:100%; height:100%; object-fit:cover; display:block; }

    .mc-profile-c {
        display:flex; align-items:center; gap:16px;
        padding:16px 20px; flex-wrap:nowrap;
    }
    .mc-avatar-sm {
        width:40px; height:40px; border-radius:50%; overflow:hidden;
        border:2px solid #fff; box-shadow:0 2px 8px rgba(5,0,56,.10);
        cursor:pointer; flex-shrink:0; transition:.2s;
    }
    .mc-avatar-sm:hover { transform:scale(1.06); }
    .mc-avatar-sm img { width:100%; height:100%; object-fit:cover; display:block; }
    
    .mc-profile-c-identity { flex:1; min-width:0; }
    .mc-profile-c-top { display:flex; align-items:center; gap:8px; margin-bottom:4px; }
    
    .mc-name-c { font-size:18px; font-weight:600; color:#1A1A40; line-height:1.4; white-space:nowrap; }
    
    .mc-c-sep { width:1px; height:32px; background:#C2C2D9; flex-shrink:0; align-self:center; opacity:0.5; }
    
    .mc-profile-c-btns { display:flex; gap:8px; flex-shrink:0; }
    .mc-profile-c-links { display:flex; gap:16px; align-items:center; flex-shrink:0; }
    
    .mc-btn {
        height:36px; padding:0 16px; border-radius:10px; border:1px solid #C2C2D9;
        background:#fff; color:#1A1A40; font-size:14px; font-weight:600; cursor:pointer;
        display:inline-flex; align-items:center; gap:6px; transition:.18s ease;
        box-shadow:0 1px 3px rgba(5,0,56,.07); white-space:nowrap; font-family: 'DM Sans', sans-serif;
    }
    .mc-btn svg { width:14px; height:14px; stroke:currentColor; fill:none; stroke-width:2; }
    .mc-btn:hover { background:#F4F4F9; transform:translateY(-1px); box-shadow:0 4px 12px rgba(5,0,56,.10); border-color:#6B6B9A; }
    .mc-btn.primary { background:#4682B4; color:#fff; border-color:#4682B4; }
    .mc-btn.primary:hover { background:#3a6b96; border-color:#3a6b96; }
    
    .mc-pts-pill {
        font-size:14px; font-weight:600; color:#2D2D5C;
        background:#F4F4F9; padding:0 14px; height:36px;
        border-radius:10px; display:inline-flex; align-items:center; gap:6px;
    }
    .mc-pts-pill span { font-family:'DM Mono',monospace; color:#1A1A40; font-weight:600; }
    
    .mc-icon-btn {
        width:36px; height:36px; border-radius:10px; border:1px solid #C2C2D9;
        background:#fff; color:#6B6B9A; cursor:pointer;
        display:flex; align-items:center; justify-content:center;
        transition:.18s ease; box-shadow:0 1px 3px rgba(5,0,56,.07);
    }
    .mc-icon-btn:hover { transform:translateY(-1px); box-shadow:0 4px 12px rgba(5,0,56,.10); color:#1A1A40; }
    .mc-icon-btn svg { width:16px; height:16px; stroke:currentColor; fill:none; stroke-width:2; }

    .mc-profile-links {
        display:flex; gap:20px; padding-left:20px;
        border-left:1px dashed #C2C2D9; margin-left:auto; align-items:center;
    }
    .mc-link {
        display:flex; flex-direction:column; align-items:center; gap:4px;
        font-family:'DM Mono',monospace; font-size:12px; font-weight:600;
        color:#6B6B9A; text-decoration:none; cursor:pointer; transition:.15s ease;
        letter-spacing:.04em; text-transform:uppercase; white-space:nowrap;
        background:none; border:none; padding:0;
    }
    .mc-link:hover { color:#4682B4; }
    .mc-link.danger:hover { color:#F24726; }
    .mc-link svg { width:16px; height:16px; stroke:currentColor; fill:none; stroke-width:2; }

    .mc-gift-grid { display:grid; grid-template-columns:1fr 1px 1fr; gap:24px; align-items:start; }
    .mc-gift-sep  { background:#F4F4F9; width:1px; height:100%; min-height:120px; align-self:stretch; }
    .mc-gift-pkg {
        display:flex; align-items:center; justify-content:space-between; gap:12px;
        padding:16px; border:1px solid #C2C2D9; border-radius:16px;
        cursor:pointer; transition:.18s ease; background:#fff;
        box-shadow:0 1px 3px rgba(5,0,56,.05);
    }
    .mc-gift-pkg:hover { border-color:#4682B4; transform:translateY(-1px); box-shadow:0 4px 12px rgba(5,0,56,.10); }
    .mc-gift-pkg-name { font-size:16px; font-weight:600; color:#1A1A40; margin-bottom:4px; line-height: 1.4; }
    .mc-gift-pkg-desc { font-size:14px; color:#6B6B9A; line-height: 1.65; }
    .mc-gift-pkg-price { font-family:'DM Mono',monospace; font-size:16px; font-weight:500; color:#4682B4; flex-shrink:0; }
    @media (max-width:900px) { .mc-gift-grid { grid-template-columns:1fr; } .mc-gift-sep { display:none; } }

    .mc-grid { display:grid; grid-template-columns:1.5fr 1fr; gap:20px; align-items:start; }

    .mc-tabs {
        display:flex; gap:4px; padding:4px; background:#F4F4F9;
        border-radius:999px; border:1px solid #C2C2D9;
    }
    .mc-tab {
        font-family: 'DM Sans', sans-serif;
        font-size:14px; font-weight:600; color:#6B6B9A; padding:6px 16px;
        border-radius:999px; cursor:pointer; border:none; background:transparent;
        transition:.2s ease;
    }
    .mc-tab.active { background:#fff; color:#050038; box-shadow:0 1px 4px rgba(5,0,56,.08); }
    .mc-tab:hover:not(.active) { color:#1A1A40; background:rgba(255,255,255,0.5); }

    .mc-table { width:100%; border-collapse:collapse; text-align:left; }
    .mc-table th {
        padding:0 0 12px; font-family:'DM Mono',monospace;
        font-size:12px; font-weight:600; color:#6B6B9A;
        text-transform:uppercase; letter-spacing:.04em; line-height:1.5;
        border-bottom:1px solid #F4F4F9;
    }
    .mc-table td {
        padding:14px 0; font-size:14px; color:#1A1A40;
        border-bottom:1px solid #F4F4F9; font-weight:400; line-height:1.65;
    }
    .mc-table tr:last-child td { border-bottom:none; }
    .mc-empty {
        text-align:center; padding:52px 0; color:#6B6B9A; font-size:14px;
        background:#F4F4F9; border-radius:16px; font-weight:400;
    }

    .mc-asset-row {
        display:flex; justify-content:space-between; align-items:center;
        padding:16px 0; border-bottom:1px solid #F4F4F9; gap:12px;
    }
    .mc-asset-row:last-of-type { border-bottom:none; padding-bottom:0; }
    .mc-asset-left { display:flex; align-items:center; gap:14px; }
    .mc-asset-icon {
        width:40px; height:40px; border-radius:12px; background:#F4F4F9;
        display:flex; align-items:center; justify-content:center; font-size:18px; flex-shrink:0;
    }
    .mc-asset-name { font-size:16px; font-weight:600; color:#1A1A40; line-height:1.4; }
    .mc-asset-desc { font-size:14px; color:#6B6B9A; margin-top:4px; line-height:1.65; }
    .mc-asset-action {
        font-family: 'DM Sans', sans-serif;
        font-size:14px; color:#4682B4; font-weight:600; cursor:pointer;
        background:transparent; border:none; white-space:nowrap;
        transition:.15s ease; padding:0;
    }
    .mc-asset-action:hover { opacity:.75; }

    .mc-upsell {
        background:#EEF1FF; border:1px solid rgba(70,130,180,.18); border-radius:16px;
        padding:16px 20px; display:flex; align-items:center; justify-content:space-between;
        gap:12px; margin-top:16px; flex-wrap:wrap;
    }
    .mc-upsell-text { font-size:14px; color:#2D2D5C; font-weight:500; }
    .mc-upsell-text strong { font-family:'DM Mono',monospace; color:#4682B4; font-weight:600; }

    .mc-notice {
        border-radius:12px; padding:12px 20px; font-size:14px; font-weight:600;
        display:inline-flex; align-items:center; gap:10px;
        box-shadow:0 1px 3px rgba(5,0,56,.08);
    }
    .mc-notice.success { background:#E8FAF2; color:#166E45; border:1px solid #23C277; }
    .mc-notice.warning { background:#FFFBEB; color:#8B6A00; border:1px solid #FFD02F; }
    .mc-notice-close { background:none; border:none; cursor:pointer; font-size:16px; opacity:.5; color:inherit; }
    .mc-notice-close:hover { opacity:1; }

    /* ── 弹窗及覆盖层：全部改为 absolute 以适应右侧结界 ── */
    .mc-modal-bg {
        display:none; position:absolute; inset:0;
        background:rgba(5,0,56,0.45); z-index:2000;
        backdrop-filter:blur(4px); opacity:0; transition:.3s;
    }
    .mc-modal-bg.show { display:block; opacity:1; }
   .mc-modal-box {
        display:none; position:absolute; top:50%; left:50%;
        transform:translate(-50%,-45%); background:#fff; border-radius:24px;
        z-index:2001; box-shadow:0 24px 64px rgba(5,0,56,.18);
        padding:32px 40px; border:1px solid #C2C2D9;
        max-height:90vh; overflow-y:auto;
        width:min(720px,calc(100% - 40px));
        opacity:0; transition:.3s ease;
        -ms-overflow-style: none; /* 隐藏 IE/Edge 滚动条 */
        scrollbar-width: none; /* 隐藏 Firefox 滚动条 */
    }
    /* 隐藏 Chrome/Safari/Opera 滚动条 */
    .mc-modal-box::-webkit-scrollbar {
        display: none;
    }
    .mc-modal-box.show { display:block; opacity:1; transform:translate(-50%,-50%); }
    .mc-modal-close {
        position:absolute; top:24px; right:24px; background:#F4F4F9;
        border:1px solid #C2C2D9; color:#6B6B9A; font-size:20px;
        width:36px; height:36px; border-radius:50%; cursor:pointer;
        display:flex; align-items:center; justify-content:center; transition:.2s;
    }
    .mc-modal-close:hover { background:#E8E8E8; color:#1A1A40; }
    
    .mc-modal-title { font-size:24px; font-weight:700; color:#050038; margin:0 0 8px; line-height:1.3; letter-spacing:-0.01em; }
    .mc-modal-desc  { font-size:14px; color:#6B6B9A; margin:0 0 24px; line-height:1.65; }

    .mc-pkg-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:24px; }
    .mc-pkg-card {
        background:#fff; border:1px solid #C2C2D9; border-radius:16px;
        padding:20px 16px; text-align:center; cursor:pointer;
        transition:.2s ease; box-shadow:0 1px 3px rgba(5,0,56,.06);
    }
    .mc-pkg-card.active { border-color:#4682B4; background:#EEF1FF; box-shadow:0 4px 16px rgba(70,130,180,.14); }
    .mc-pkg-card:hover { transform:translateY(-2px); box-shadow:0 4px 12px rgba(5,0,56,.10); }
    .mc-pkg-pts { font-family:'DM Mono',monospace; font-size:24px; font-weight:500; color:#050038; letter-spacing:-.02em; }
    .mc-pkg-price { font-family:'DM Mono',monospace; font-size:16px; color:#4682B4; font-weight:500; margin-top:6px; }
    .mc-pkg-bonus { font-family:'DM Mono',monospace; font-size:12px; color:#6B6B9A; font-weight:600; text-transform:uppercase; letter-spacing:.04em; margin-top:10px; }

    .mc-pay-btn {
        width:100%; background:#4682B4; color:#fff; border:none;
        padding:16px; border-radius:12px; font-size:16px; font-weight:600; font-family: 'DM Sans', sans-serif;
        cursor:pointer; box-shadow:0 4px 16px rgba(5,0,56,.10); transition:.2s ease;
    }
    .mc-pay-btn:hover { background:#3a6b96; transform:translateY(-2px); box-shadow:0 8px 28px rgba(5,0,56,.14); }

    /* ── 订阅全屏层 ── */
    #mc-subscription-overlay {
        display:none; position:absolute; inset:0; background:#e7eaf3;
        z-index:3000; opacity:0; transition:opacity .3s ease; overflow:hidden;
    }
    #mc-subscription-overlay.show { opacity:1; display:flex; flex-direction:column; }
    .mc-sub-scroll-area {
        flex:1; width:100%; height:100%; overflow-y:auto; position:relative;
    }
    .mc-sub-close {
        position:absolute; top:24px; right:32px; background:#fff; border:1px solid #C2C2D9;
        width:48px; height:48px; border-radius:50%; display:flex; align-items:center;
        justify-content:center; cursor:pointer; color:#6B6B9A; z-index:3100;
        transition:.2s ease; box-shadow:0 1px 3px rgba(5,0,56,.08);
    }
    .mc-sub-close:hover { transform:translateY(-2px); box-shadow:0 4px 16px rgba(5,0,56,.10); color:#050038; }
    .mc-sub-container { min-height:100vh; padding:80px 20px; display:flex; flex-direction:column; align-items:center; }
    .mc-sub-header { text-align:center; margin-bottom:40px; }
    .mc-sub-header h1 { font-size:32px; font-weight:700; margin:0 0 12px; color:#050038; line-height:1.2; letter-spacing:-.01em; }
    .mc-sub-header p  { font-size:16px; color:#6B6B9A; margin:0; line-height:1.65; }
    
    .mc-billing-toggle {
        background:#F4F4F9; border-radius:999px; padding:4px; border:1px solid #C2C2D9;
        display:inline-flex; margin-bottom:48px;
    }
    .mc-billing-btn {
        padding:12px 32px; border-radius:999px; border:none; background:transparent; font-family: 'DM Sans', sans-serif;
        font-size:14px; font-weight:600; color:#6B6B9A; cursor:pointer; transition:.2s ease;
    }
    .mc-billing-btn.active { background:#fff; color:#050038; box-shadow:0 1px 4px rgba(5,0,56,.08); }
    
    .mc-plan-grid {
        display:flex; gap:24px; max-width:1080px; width:100%;
        justify-content:center; flex-wrap:wrap;
    }
    .mc-plan-card {
        background:#fff; border-radius:20px; width:320px; display:flex;
        flex-direction:column; border:none;
        box-shadow:0 8px 28px rgba(40,50,90,0.10);
        transition:.2s ease; overflow:hidden; position:relative;
    }
    /* 款1：顶部 4px 细色条，三档不同色（基础灰 / 专业雅蓝 / 旗舰深） */
    .mc-plan-card::before { content:''; display:block; height:4px; width:100%; background:#c2c6d6; }
    .mc-plan-card:nth-child(1)::before { background:#c2c6d6; }
    .mc-plan-card:nth-child(2)::before { background:#7083df; }
    .mc-plan-card:nth-child(3)::before { background:#0b0b2b; }
    .mc-plan-card:hover { transform:translateY(-4px); box-shadow:0 16px 40px rgba(40,50,90,0.16); }
    .mc-plan-body { padding:30px 26px; display:flex; flex-direction:column; flex:1; }
    .mc-plan-name { font-size:15px; font-weight:600; color:#3a3f55; margin:0 0 14px; line-height:1.4; }
    .mc-plan-price-row { display:flex; align-items:baseline; gap:4px; margin-bottom:10px; flex-wrap:wrap; }
    .mc-plan-currency { font-family:'DM Mono',monospace; font-size:15px; font-weight:500; color:#0b0b2b; }
    .mc-plan-amount  { font-family:'DM Mono',monospace; font-size:40px; font-weight:500; color:#0b0b2b; line-height:1; letter-spacing:-.02em; }
    .mc-plan-period  { font-size:13px; color:#9aa0b8; font-weight:400; }
    .mc-plan-old     { font-family:'DM Mono',monospace; font-size:13px; color:#c2c6d6; text-decoration:line-through; margin-left:4px; }
    .mc-plan-desc    { font-size:12.5px; color:#9aa0b8; margin:0 0 22px; line-height:1.6; }
    .mc-plan-cta {
        display:block; width:100%; text-align:center; padding:0; height:44px; line-height:44px;
        border-radius:12px; font-size:14px; font-weight:600; text-decoration:none; font-family: 'DM Sans', sans-serif;
        cursor:pointer; border:1px solid #d7dce5; background:#fff; color:#3a3f55;
        box-shadow:none; transition:.2s ease; margin-bottom:22px;
    }
    .mc-plan-cta:hover { background:#f4f5fb; border-color:#9aa3af; transform:translateY(-1px); box-shadow:0 4px 12px rgba(5,0,56,.06); }
    .mc-plan-features { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:11px; border-top:1px solid #f0f1f6; padding-top:18px; }
    .mc-plan-features li { display:flex; align-items:flex-start; gap:8px; font-size:13px; color:#5a6072; line-height:1.6; font-weight:400; }
    .mc-plan-check { width:16px; height:16px; color:#7083df; flex-shrink:0; margin-top:2px; }

    /* ── 支付弹窗 ── */
    .mc-pay-chooser-bg {
        display:none; position:absolute; inset:0;
        background:rgba(5,0,56,0.45); z-index:4000;
        backdrop-filter:blur(4px); opacity:0; transition:.3s ease;
    }
    .mc-pay-chooser-bg.show { display:block; opacity:1; }
    .mc-pay-chooser-box {
        display:none; position:absolute; top:50%; left:50%;
        transform:translate(-50%,-45%);
        width:min(400px,calc(100% - 32px));
        background:#fff; border-radius:24px; padding:32px;
        box-shadow:0 24px 64px rgba(5,0,56,.18); z-index:4001;
        border:1px solid #C2C2D9; opacity:0; transition:.3s ease;
    }
    .mc-pay-chooser-box.show { display:block; opacity:1; transform:translate(-50%,-50%); }
    .mc-chooser-title { font-size:24px; font-weight:700; color:#050038; margin:0 0 8px; text-align:center; line-height:1.3; }
    .mc-chooser-desc  { font-size:14px; color:#6B6B9A; margin:0 0 28px; text-align:center; line-height:1.65; }
    .mc-chooser-close {
        position:absolute; top:20px; right:20px; background:#F4F4F9;
        border:1px solid #C2C2D9; color:#6B6B9A; font-size:20px;
        width:36px; height:36px; border-radius:50%; cursor:pointer;
        display:flex; align-items:center; justify-content:center; transition:.2s;
    }
    .mc-chooser-close:hover { background:#E8E8E8; color:#1A1A40; }
    .mc-chooser-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
    .mc-pay-choice {
        border:1px solid #C2C2D9; border-radius:16px; background:#fff;
        padding:20px 12px; font-size:14px; font-weight:600; color:#1A1A40; font-family: 'DM Sans', sans-serif;
        cursor:pointer; transition:.2s ease; display:flex; flex-direction:column;
        align-items:center; gap:10px; box-shadow:0 1px 3px rgba(5,0,56,.06);
    }
    .mc-pay-choice.alipay:hover { border-color:#1677FF; color:#1677FF; background:#F0F6FF; transform:translateY(-2px); box-shadow:0 4px 12px rgba(22,119,255,.1); }
    .mc-pay-choice.wxpay:hover  { border-color:#05C160; color:#05C160; background:#F0FDF4; transform:translateY(-2px); box-shadow:0 4px 12px rgba(5,193,96,.1); }

    /* ── 新增：账户设置面板样式 ── */
    .mc-setting-group { margin-bottom: 20px; }
    .mc-setting-label { display:block; font-size:12px; font-weight:700; color:#6B6B9A; margin-bottom:10px; text-transform:uppercase; letter-spacing:0.04em; }
    .mc-setting-input { width:100%; height:42px; padding:0 40px 0 14px; border:1px solid #C2C2D9; border-radius:10px; font-size:14px; box-sizing:border-box; outline:none; transition:.2s ease; font-family:'DM Sans',sans-serif; background:#fff; color:#1A1A40; }
    .mc-setting-input:focus { border-color:#4682B4; box-shadow:0 0 0 3px rgba(70,130,180,.1); }
    .mc-pwd-toggle { position:absolute; right:10px; top:50%; transform:translateY(-50%); background:none; border:none; color:#9aa0b8; cursor:pointer; display:flex; padding:4px; transition:color .2s; }
    .mc-pwd-toggle:hover { color:#4682B4; }
    .mc-setting-hr { border:none; border-top:1px dashed #C2C2D9; margin:24px 0; opacity:0.5; }
    
    .mc-bind-row { display:flex; justify-content:space-between; align-items:center; padding:14px 16px; border:1px solid #C2C2D9; border-radius:12px; margin-bottom:10px; background:#F4F4F9; transition:.2s ease; }
    .mc-bind-row:hover { border-color:#6B6B9A; }
    .mc-bind-info { display:flex; align-items:center; gap:14px; }
    .mc-bind-icon { font-size:22px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
    .mc-bind-name { font-size:14px; font-weight:600; color:#1A1A40; line-height:1.2; margin-bottom:4px; }
    .mc-bind-val { font-size:12px; color:#6B6B9A; font-family:'DM Mono',monospace; letter-spacing:-0.02em; }
    .mc-bind-btn { background:#fff; border:1px solid #C2C2D9; border-radius:8px; padding:6px 14px; font-size:12px; font-weight:600; color:#1A1A40; cursor:pointer; transition:.2s ease; font-family:'DM Sans',sans-serif; }
    .mc-bind-btn:hover { border-color:#4682B4; color:#4682B4; box-shadow:0 2px 8px rgba(5,0,56,.06); }
    
    .mc-bind-row.danger-zone { background:#fffafa; border-color:#fce8ec; }
    .mc-bind-row.danger-zone:hover { border-color:#f3c7c2; }
    .mc-bind-btn.danger { color:#e0607a; border-color:#f3c7c2; }
    .mc-bind-btn.danger:hover { background:#e0607a; color:#fff; border-color:#e0607a; }

    /* 暗黑模式同步 */
    html.dark-mode body.saas-takeover-active, html.dark-mode #saas-fullscreen-app-wrapper, html.dark-mode .mc-main { background:#050038 !important; }
    html.dark-mode .mc-card { background:#1A1A40 !important; border-color:#2D2D5C !important; box-shadow:0 1px 3px rgba(5,0,56,.15),0 1px 2px rgba(5,0,56,.10) !important; }
    html.dark-mode .mc-section-title, html.dark-mode .mc-name, html.dark-mode .mc-name-c, html.dark-mode .mc-modal-title, html.dark-mode .mc-chooser-title, html.dark-mode .mc-pkg-pts, html.dark-mode .mc-plan-amount, html.dark-mode .mc-plan-currency, html.dark-mode .mc-sub-header h1 { color:#FFFFFF !important; }
    html.dark-mode .mc-asset-name, html.dark-mode .mc-plan-name, html.dark-mode .mc-gift-pkg-name { color:#E0E4F8 !important; }
    html.dark-mode .mc-email, html.dark-mode .mc-vip-expire, html.dark-mode .mc-asset-desc, html.dark-mode .mc-tab, html.dark-mode .mc-table th, html.dark-mode .mc-table td, html.dark-mode .mc-upsell-text, html.dark-mode .mc-modal-desc, html.dark-mode .mc-pkg-bonus, html.dark-mode .mc-sub-header p, html.dark-mode .mc-billing-btn, html.dark-mode .mc-plan-period, html.dark-mode .mc-plan-old, html.dark-mode .mc-plan-desc, html.dark-mode .mc-plan-features li, html.dark-mode .mc-chooser-desc, html.dark-mode .mc-gift-pkg-desc, html.dark-mode .mc-setting-label, html.dark-mode .mc-bind-val { color:#8A8FA8 !important; }
    html.dark-mode .mc-table th, html.dark-mode .mc-table td { border-color:#2D2D5C !important; }
    html.dark-mode .mc-btn { background:#1A1A40 !important; border-color:#6B6B9A !important; color:#E0E4F8 !important; }
    html.dark-mode .mc-btn.primary { background:#4682B4 !important; color:#fff !important; border-color:#4682B4 !important;}
    html.dark-mode .mc-pts-pill { background:#2D2D5C !important; color:#8A8FA8 !important; }
    html.dark-mode .mc-pts-pill span { color:#E0E4F8 !important; }
    html.dark-mode .mc-icon-btn { background:#1A1A40 !important; border-color:#6B6B9A !important; color:#8A8FA8 !important; }
    html.dark-mode .mc-upsell { background:#2D2D5C !important; border-color:#6B6B9A !important; }
    html.dark-mode .mc-tabs { background:#050038 !important; border-color:#2D2D5C !important; }
    html.dark-mode .mc-tab.active { background:#2D2D5C !important; color:#E0E4F8 !important; }
    html.dark-mode .mc-modal-box, html.dark-mode .mc-pay-chooser-box { background:#1A1A40 !important; border-color:#2D2D5C !important; }
    html.dark-mode .mc-pkg-card { background:#1A1A40 !important; border-color:#2D2D5C !important; }
    html.dark-mode .mc-pkg-card.active { border-color:#4682B4 !important; background:#2D2D5C !important; }
    html.dark-mode #mc-subscription-overlay { background:#050038 !important; }
    html.dark-mode .mc-plan-card { background:#1A1A40 !important; border-color:#2D2D5C !important; }
    html.dark-mode .mc-plan-card:nth-child(1)::before { background:#3a3f55 !important; }
    html.dark-mode .mc-plan-card:nth-child(3)::before { background:#e0e4f8 !important; }
    html.dark-mode .mc-plan-cta { background:#1A1A40 !important; border-color:#363b5c !important; color:#c7cbe0 !important; }
    html.dark-mode .mc-plan-cta:hover { background:#222645 !important; }
    html.dark-mode .mc-empty { background:#2D2D5C !important; }
    html.dark-mode .mc-asset-icon { background:#2D2D5C !important; }
    html.dark-mode .mc-gift-pkg { background:#1A1A40 !important; border-color:#2D2D5C !important; }
    html.dark-mode .mc-gift-sep { background:#2D2D5C !important; }
    html.dark-mode .mc-setting-input { background:#1A1A40 !important; border-color:#2D2D5C !important; color:#E0E4F8 !important; }
    html.dark-mode .mc-setting-input:focus { border-color:#4682B4 !important; }
    html.dark-mode .mc-bind-row { background:#1A1A40 !important; border-color:#2D2D5C !important; }
    html.dark-mode .mc-bind-name { color:#E0E4F8 !important; }
    html.dark-mode .mc-bind-btn { background:#2D2D5C !important; border-color:#6B6B9A !important; color:#E0E4F8 !important; }
    html.dark-mode .mc-bind-row.danger-zone { background:#2a1118 !important; border-color:#4a1c26 !important; }
    html.dark-mode .mc-bind-btn.danger { background:#2a1118 !important; border-color:#e0607a !important; color:#e0607a !important; }
    html.dark-mode .mc-bind-btn.danger:hover { background:#e0607a !important; color:#fff !important; }

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

    /* 手机端：把「账单与流水」移到页面最末（礼品中心之后）。
       display:contents 让两列网格在窄屏摊平，使其子卡片成为 .mc-main 的直接 flex 项，再用 order 重排。
       桌面端（>1100）不受影响，仍是账单/资产两列并排。 */
    @media (max-width:1100px) {
        .mc-grid { display:contents; }
        .mc-main > .mc-notice { order:0; }
        .mc-main > .mc-profile-c { order:1; }
        .mc-grid > .mc-card:nth-child(2) { order:2; }            /* 资产与快捷入口 */
        .mc-main > .mc-card:not(.mc-profile-c) { order:3; }      /* 礼品中心 */
        .mc-grid > .mc-card:nth-child(1) { order:4; }            /* 账单与流水 → 最末 */
    }
    @media (max-width:640px) { .mc-profile-links { display:none; } .mc-pkg-grid { grid-template-columns:1fr 1fr; } .mc-plan-grid { flex-direction:column; align-items:center; } }

    /* ========================================================
       🎯 会员中心字体统一规范（集中覆盖层 · 单一事实来源）
       原则：字重只用 400/500/600 三档；标题一律 600；
           数字/金额/时间一律 DM Mono；交互元素统一字体栈
       ======================================================== */
    :root {
        --mc-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
        --mc-font-mono: 'DM Mono', ui-monospace, monospace;
    }
    /* 款1 排版规范 · 全局字体栈统一（消除中英文割裂） */
    .mc-main, .mc-main *, .mc-modal-box, .mc-modal-box *, .mc-pay-chooser-box, .mc-pay-chooser-box *,
    #mc-subscription-overlay, #mc-subscription-overlay * {
        font-family:var(--mc-font-sans);
    }

    /* ① 标题四级：H1=升级页大标题 / H2=区块标题 / H3=条目名 ；字重统一 600 */
    .mc-sub-header h1 { font-size:28px !important; font-weight:600 !important; line-height:1.3 !important; }
    .mc-name, .mc-modal-title, .mc-chooser-title { font-size:22px !important; font-weight:600 !important; line-height:1.35 !important; }
    .mc-section-title, .mc-name-c { font-size:18px !important; font-weight:600 !important; line-height:1.4 !important; }
    .mc-plan-name, .mc-asset-name, .mc-gift-pkg-name, .mc-bind-name { font-size:15px !important; font-weight:600 !important; line-height:1.45 !important; }

    /* ② 正文 14px / 400 ；行高 1.65（描述、表格、列表、提示） */
    .mc-sub-header p, .mc-modal-desc, .mc-chooser-desc,
    .mc-plan-desc, .mc-asset-desc, .mc-gift-pkg-desc, .mc-upsell-text,
    .mc-table td, .mc-plan-features li {
        font-size:14px !important; font-weight:400 !important; line-height:1.65 !important;
    }

    /* ③ 辅助/小标签 12px / 500 ；大写字距（表头、状态标签、设置标签、计费切换） */
    .mc-table th, .mc-setting-label, .mc-vip-expire,
    .mc-tab, .mc-billing-btn, .mc-asset-action {
        font-size:12px !important; font-weight:500 !important; line-height:1.5 !important;
    }
    .mc-meta-strip { font-size:13px !important; font-weight:400 !important; line-height:1.6 !important; }

    /* ④ 数字 / 金额 / 时间 / 计数 / ID 一律 DM Mono + 500（对齐整齐） */
    .mc-meta-strip b, .mc-pts-pill span, .mc-pkg-pts, .mc-pkg-price, .mc-pkg-bonus,
    .mc-plan-amount, .mc-plan-currency, .mc-plan-old, .mc-plan-period,
    .mc-gift-pkg-price, .mc-bind-val, .mc-vip-badge {
        font-family:var(--mc-font-mono) !important; font-weight:500 !important;
    }

    /* ⑤ 按钮文字 14px / 600，统一字体栈 */
    .mc-btn, .mc-pay-btn, .mc-plan-cta {
        font-size:14px !important; font-weight:600 !important;
    }

    /* ========================================================
       📱 移动端自适应 V1（新增）
       ≤960：收起 PC 侧栏 + 内容占满整宽；≤600：用户卡竖向分段
       仅在窄屏生效，PC 端布局完全不变
       ======================================================== */
    @media (max-width:960px) {
        /* display:none 仍保留在 DOM，v4 抽屉运行时取退出链接不受影响 */
        #saas-global-sidebar,
        .saas-sidebar-container { display:none !important; }

        #saas-dashboard-main-container { flex-direction:column; }
        .mc-right-area { width:100%; }

        /* 顶部留 64px，让固定的 ☰ 抽屉按钮单独待在右上空隙，不再压会员卡 */
        .mc-main { padding:64px 14px 16px; gap:14px; }
        .mc-card { padding:18px 16px; }
    }

    @media (max-width:600px) {
        .mc-profile-c { flex-wrap:wrap; align-items:flex-start; gap:12px; padding:16px; }
        .mc-profile-c .mc-c-sep { display:none; }
        .mc-profile-c-identity { flex:1 1 100%; min-width:0; }
        .mc-name-c { white-space:normal; }

        .mc-profile-c-btns { width:100%; }
        .mc-profile-c-btns .mc-btn { flex:1; justify-content:center; }

        .mc-profile-c-links {
            width:100%; justify-content:space-between; gap:8px;
            margin-left:0; padding-top:14px; border-top:1px dashed #C2C2D9;
        }

        .mc-pkg-grid { grid-template-columns:1fr 1fr; }
        .mc-chooser-grid { grid-template-columns:1fr 1fr; }
        .mc-sub-container { padding:64px 14px; }
        .mc-sub-header h1 { font-size:24px !important; }
        .mc-modal-box { padding:24px 20px; }

        html.dark-mode .mc-profile-c-links { border-top-color:#2D2D5C; }

        /* 账单与流水 · B 账单对齐式：4 列表格在窄屏重排为左右两列两行
           左 = 类型/摘要 + 时间；右对齐 = 变化/状态 + 实付/扣除（充值/消耗两个标签页通用） */
        .mc-table { display:block; }
        .mc-table thead { display:none; }
        .mc-table tbody { display:block; }
        .mc-table tr {
            display:grid;
            grid-template-columns:1fr auto;
            grid-template-areas:"p r1" "t r2";
            column-gap:12px; row-gap:4px;
            padding:12px 0; border-bottom:1px solid #F4F4F9;
        }
        .mc-table tr:last-child { border-bottom:none; }
        .mc-table td { display:block; padding:0; border:none !important; }
        .mc-table td:nth-child(1) { grid-area:p; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
        .mc-table td:nth-child(2) { grid-area:r1; text-align:right; white-space:nowrap; }
        .mc-table td:nth-child(3) { grid-area:r2; text-align:right; white-space:nowrap; }
        .mc-table td:nth-child(4) { grid-area:t; white-space:nowrap; }

        /* 算力消耗页：右列调换 → 扣除数字在上、状态小标在下（与充值页节奏一致） */
        #mc-log-usage .mc-table td:nth-child(2) { grid-area:r2; font-size:12px; }
        #mc-log-usage .mc-table td:nth-child(3) { grid-area:r1; }

        /* 折叠：首屏只显示 5 条 */
        .mc-log-collapsed .mc-table tbody tr:nth-child(n+6) { display:none; }
    }

    /* 展开/收起开关（JS 注入；仅手机端可见） */
    .mc-more-toggle {
        display:flex; align-items:center; justify-content:center; gap:6px;
        width:100%; margin-top:6px; padding:12px 0 2px;
        border:none; border-top:1px solid #F4F4F9; background:none;
        color:#6B6B9A; font-size:13px; font-weight:500; cursor:pointer;
        font-family:'DM Sans',sans-serif;
    }
    .mc-more-toggle:hover { color:#4682B4; }
    .mc-more-toggle .mc-more-ico { font-size:14px; line-height:1; }
    html.dark-mode .mc-more-toggle { border-top-color:#2D2D5C; color:#8A8FA8; }
    @media (min-width:601px) { .mc-more-toggle { display:none !important; } }