:root{--primary: #6366f1;--primary-dark: #4f46e5;--purple: #8b5cf6;--green: #10b981;--amber: #f59e0b;--red: #ef4444;--bg: #FAFBFC;--card: #FFFFFF;--text: #1A1D26;--secondary: #374151;--muted: #6B7280;--border: #E5E7EB}html[data-theme=dark]{--primary: #818CF8;--primary-dark: #6366f1;--bg: #0F0F14;--card: #1A1A24;--text: #F1F5F9;--secondary: #CBD5E1;--muted: #9CA3AF;--border: #2A2A38}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;min-height:100vh;padding-top:56px;transition:background .2s,color .2s}.askintell-nav{position:fixed;top:0;left:0;right:0;z-index:100;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#f7f7fad9;border-bottom:1px solid rgba(0,0,0,.06)}html[data-theme=dark] .askintell-nav{background:#08080cb3;border-bottom:1px solid rgba(255,255,255,.06)}.mc-layout{display:flex;max-width:none!important;margin:0;min-height:calc(100dvh - 56px);min-height:calc(100vh - 56px)}.mc-sidebar{width:176px;flex-shrink:0;padding:20px 12px;position:sticky;top:56px;height:calc(100dvh - 56px);height:calc(100vh - 56px);overflow-y:auto}.mc-sidebar.left{border-right:1px solid var(--border)}.mc-sidebar.right{border-left:1px solid var(--border);width:200px!important}.mc-main{flex:1;min-width:0}.mc-mobile-sidebar-content{display:none}.mc-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--secondary);font-size:13px;font-weight:500;margin-bottom:4px;transition:color .15s,background-color .15s}.mc-nav-item:hover{background:#6366f114;color:var(--text)}.mc-nav-item.active{background:#6366f11f;color:var(--primary)}.mc-nav-item .icon{font-size:18px;width:20px;text-align:center}.mc-nav-section-title{font-size:13px;font-weight:700;color:var(--secondary);text-transform:uppercase;letter-spacing:.5px;padding:0 12px;margin:16px 0 6px}.mc-hero{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);padding:12px 20px;margin:0;border-radius:12px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:16px}.mc-hero:before{content:"";position:absolute;top:-60%;right:-20%;width:300px;height:300px;background:#ffffff14;border-radius:50%;pointer-events:none}.mc-hero:after{content:"";position:absolute;bottom:-40%;left:-10%;width:200px;height:200px;background:#ffffff0d;border-radius:50%;pointer-events:none}.mc-hero-left{flex-shrink:0;position:relative;z-index:1}.mc-hero-right{display:flex;align-items:center;gap:20px;position:relative;z-index:1}.mc-hero h1{font-size:18px;font-weight:700;color:#fff;margin:0 0 1px;line-height:1.25}.mc-hero p{font-size:12px;color:#fffc;margin:0;line-height:1.4}.mc-hero-stat{text-align:center}.mc-hero-stat-val{font-size:18px;font-weight:700;color:#fff}.mc-hero-stat-label{font-size:10px;color:#ffffffbf;margin-top:1px}.mc-hero-divider{width:1px;height:32px;background:#fff3}.mc-hero-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;background:#fff3;font-size:13px;color:#fff;font-weight:600}@media(max-width:768px){.mc-hero-right{width:100%;justify-content:space-around}}.mc-tab-bar{display:flex;gap:0;max-width:960px;margin:8px auto 0;padding:0 16px;border-bottom:2px solid var(--border);position:static;background:transparent;z-index:auto}.mc-tab-bar .mc-tab-btn{padding:10px 20px;font-size:14px;font-weight:500;color:var(--secondary);cursor:pointer;border:none;background:transparent;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-bottom-color .2s}.mc-tab-bar .mc-tab-btn.active{color:var(--primary);font-weight:600;border-bottom-color:var(--primary)}.mc-tab-bar .mc-tab-btn:not(.active):hover{color:var(--text)}.mc-identity-card{background:linear-gradient(135deg,#6366f114,#8b5cf60a);border:1px solid var(--border);border-radius:12px;padding:10px 16px;margin-bottom:8px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}html[data-theme=dark] .mc-identity-card{background:linear-gradient(135deg,#6366f124,#8b5cf612)}.mc-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff;flex-shrink:0;background:linear-gradient(135deg,var(--primary),var(--purple));box-shadow:0 2px 12px #6366f14d}.mc-avatar.basic{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 12px #10b9814d}.mc-avatar.pro{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 12px #f59e0b4d}.mc-identity-info{flex:1;min-width:180px}.mc-identity-name{font-size:16px;font-weight:700;margin-bottom:2px;display:flex;align-items:center;gap:6px}.mc-member-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.3px}.mc-member-badge.free{background:#94a3b840;color:var(--secondary);font-weight:600}.mc-member-badge.basic{background:#10b98126;color:var(--green)}.mc-member-badge.pro{background:#f59e0b26;color:var(--amber)}.mc-identity-meta{font-size:12px;color:var(--secondary);display:flex;gap:10px;flex-wrap:wrap}.mc-identity-meta span{display:flex;align-items:center;gap:4px}.mc-identity-stats{display:flex;gap:20px}.mc-identity-stat .val{font-size:20px;font-weight:800;color:var(--primary)}.mc-identity-stat .label{font-size:12px;color:var(--secondary);font-weight:500}.mc-identity-actions{display:flex;flex-direction:column;gap:6px}.mc-upgrade-btn{padding:7px 18px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap;text-align:center}.mc-upgrade-btn:hover{opacity:.9}.mc-account-link{padding:6px 18px;border-radius:8px;background:var(--card);border:1px solid var(--border);color:var(--secondary);font-size:12px;font-weight:500;text-decoration:none;white-space:nowrap;text-align:center;transition:color .15s,background-color .15s}.mc-account-link:hover{border-color:var(--primary);color:var(--primary)}.mc-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}.mc-stat-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}.mc-stat-card .icon{font-size:20px;margin-bottom:8px}.mc-stat-card .val{font-size:24px;font-weight:800;margin-bottom:2px}.mc-stat-card .label{font-size:14px;color:var(--secondary);font-weight:500}.mc-stat-card .sub{font-size:13px;color:var(--muted);margin-top:4px}.mc-stat-card .icon{font-size:24px;margin-bottom:10px}.mc-card-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.mc-rec-offers-grid{grid-template-columns:1fr;align-items:stretch}.mc-card-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:10px}.mc-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;transition:border-color .2s,box-shadow .2s}.mc-card:hover{border-color:#6366f14d;box-shadow:0 2px 12px #0000000a}.mc-card-title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:10px;display:flex;align-items:center;gap:6px}@media(max-width:768px){.mc-card-grid-2,.mc-card-grid-3{grid-template-columns:1fr}}.mc-quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.mc-quick-link{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 14px;border-radius:10px;background:var(--bg);border:1px solid var(--border);font-size:14px;color:var(--text);text-decoration:none;transition:border-color .15s,background-color .15s,color .15s;font-weight:500}.mc-quick-link:hover{border-color:var(--primary);color:var(--primary);background:#6366f10a}.mc-list-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.mc-list-item:last-child{border-bottom:none}.mc-list-item .li-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.mc-list-item .li-info{flex:1;min-width:0}.mc-list-item .li-title{font-size:14px;font-weight:600}.mc-list-item .li-meta{font-size:13px;color:var(--muted)}.mc-list-item .li-amount{font-size:14px;font-weight:700;text-align:right}.mc-list-item .li-cashback{font-size:13px;color:var(--green);text-align:right}.mc-cat-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.mc-cat-chip{padding:8px 16px;border-radius:999px;background:var(--card);border:1px solid var(--border);font-size:14px;font-weight:500;color:var(--text);cursor:pointer;transition:color .15s,background-color .15s}.mc-cat-chip:hover{border-color:var(--primary)}.mc-cat-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.mc-ai-fab{position:fixed;right:24px;bottom:24px;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff;border:none;cursor:pointer;font-size:22px;box-shadow:0 4px 16px #6366f166;z-index:50;display:flex;align-items:center;justify-content:center;transition:transform .2s}.mc-ai-fab:hover{transform:scale(1.1)}.mc-ai-panel{position:fixed;right:24px;bottom:88px;width:360px;max-width:calc(100vw - 48px);height:420px;max-height:60vh;background:var(--card);border:1px solid var(--border);border-radius:16px;z-index:50;display:none;flex-direction:column;box-shadow:0 8px 32px #0000001f}.mc-ai-panel.open{display:flex}.mc-ai-header{padding:14px 16px;border-bottom:1px solid var(--border);font-size:14px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.mc-ai-close{cursor:pointer;font-size:18px;color:var(--muted);border:none;background:none}.mc-ai-messages{flex:1;overflow-y:auto;padding:16px}.mc-ai-msg{margin-bottom:12px;font-size:13px;line-height:1.5}.mc-ai-msg.user{text-align:right;color:var(--primary)}.mc-ai-msg.ai{color:var(--text)}.mc-ai-input-row{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border)}.mc-ai-input{flex:1;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:13px;outline:none}.mc-ai-input:focus{border-color:var(--primary)}.mc-ai-send{padding:8px 16px;border-radius:8px;border:none;background:var(--primary);color:#fff;font-size:13px;font-weight:600;cursor:pointer}.mc-login{text-align:center;padding:80px 20px}.mc-login .icon{font-size:56px;margin-bottom:16px}.mc-login .title{font-size:18px;font-weight:600;margin-bottom:8px}.mc-login .desc{font-size:14px;color:var(--secondary);margin-bottom:24px}.mc-login-btn{display:inline-block;padding:12px 32px;background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none}.mc-mobile-tabbar{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--card);border-top:1px solid var(--border);z-index:50;padding:8px 0 env(safe-area-inset-bottom,0)}.mc-mobile-tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-size:10px;color:var(--secondary);text-decoration:none}.mc-mobile-tabbar a.active{color:var(--primary)}.mc-mobile-tabbar a .icon{font-size:20px}.mc-mobile-tabbar a .badge{position:absolute;top:2px;right:50%;margin-right:-20px;background:var(--red);color:#fff;font-size:9px;font-weight:700;min-width:16px;height:16px;border-radius:8px;padding:0 4px;display:flex;align-items:center;justify-content:center}@media(max-width:1024px){.mc-sidebar{display:none}.mc-layout{display:block}}@media(max-width:600px){.mc-main{padding:0 0 70px}.mc-mobile-tabbar{display:flex}}.hidden,.mc-tab-hidden{display:none!important}.mc-subtab-bar{display:flex;gap:0;margin-bottom:12px;border-bottom:2px solid var(--border)}.mc-subtab-btn{flex:1;padding:10px 8px;border:none;background:transparent;font-size:14px;font-weight:500;color:var(--secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-bottom-color .2s;font-family:inherit}.mc-subtab-btn.active{color:var(--primary);font-weight:600;border-bottom-color:var(--primary)}.mc-subtab-content{display:none}.mc-subtab-content.active{display:block}.wallet-balance-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:24px;color:#fff;margin-bottom:16px;position:relative;overflow:hidden}[data-theme=dark] .wallet-balance-card{background:linear-gradient(135deg,#2d3748,#1a202c)}.wallet-balance-card:before{content:"";position:absolute;top:-20px;right:-20px;width:120px;height:120px;border-radius:50%;background:#ffffff1a}.wallet-balance-main{position:relative;z-index:1}.wallet-balance-label{font-size:13px;opacity:.85;margin-bottom:4px}.wallet-balance-amount{font-size:36px;font-weight:700;letter-spacing:-.5px}.wallet-balance-amount .currency{font-size:18px;font-weight:400;opacity:.85;margin-right:4px}.wallet-balance-sub{display:flex;gap:24px;margin-top:16px}.wallet-balance-sub-item{display:flex;flex-direction:column}.wallet-balance-sub-label{font-size:11px;opacity:.7}.wallet-balance-sub-value{font-size:16px;font-weight:600}.wallet-actions{display:flex;gap:10px;margin-top:20px}.wallet-btn{padding:10px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s,transform .2s;font-family:inherit}.wallet-btn-primary{background:#fffffff2;color:#667eea}.wallet-btn-primary:hover{background:#fff;transform:translateY(-1px)}.wallet-btn-secondary{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.wallet-btn-secondary:hover{background:#ffffff4d}.wallet-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.wallet-stat-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;text-align:center}.wallet-stat-icon{font-size:20px;margin-bottom:6px}.wallet-stat-val{font-size:18px;font-weight:700;color:var(--text)}.wallet-stat-label{font-size:12px;color:var(--secondary);margin-top:2px}.wallet-platform-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.wallet-platform-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;font-size:12px;background:var(--card);border:1px solid var(--border);color:var(--secondary)}.wallet-platform-tag .amt{font-weight:600;color:var(--primary)}.wallet-tx-list{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.wallet-tx-item{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border)}.wallet-tx-item:last-child{border-bottom:none}.wallet-tx-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;margin-right:12px;flex-shrink:0}.wallet-tx-icon.earn{background:#ecfdf5}.wallet-tx-icon.pending{background:#fef3c7}.wallet-tx-icon.withdraw{background:#dbeafe}.wallet-tx-icon.cancel{background:#fee2e2}[data-theme=dark] .wallet-tx-icon.earn{background:#064e3b}[data-theme=dark] .wallet-tx-icon.pending{background:#78350f}[data-theme=dark] .wallet-tx-icon.withdraw{background:#1e3a5f}[data-theme=dark] .wallet-tx-icon.cancel{background:#7f1d1d}.wallet-tx-info{flex:1;min-width:0}.wallet-tx-desc{font-size:14px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wallet-tx-time{font-size:12px;color:var(--secondary);margin-top:2px}.wallet-tx-amount{font-size:15px;font-weight:700;text-align:right;flex-shrink:0}.wallet-tx-amount.positive{color:#10b981}.wallet-tx-amount.negative{color:#ef4444}.wallet-empty{text-align:center;padding:40px 20px;color:var(--secondary)}.wallet-empty-icon{font-size:48px;margin-bottom:12px;opacity:.4}.wallet-empty-text{font-size:14px}.wallet-empty-hint{font-size:12px;margin-top:6px;opacity:.7}.wallet-withdraw-modal{position:fixed;inset:0;background:#00000080;z-index:9999;display:none;align-items:center;justify-content:center}.wallet-withdraw-modal.open{display:flex}.wallet-withdraw-box{background:var(--card);border-radius:16px;padding:24px;width:380px;max-width:90vw;max-height:90vh;overflow-y:auto}.wallet-withdraw-title{font-size:18px;font-weight:700;margin-bottom:16px;color:var(--text)}.wallet-withdraw-field{margin-bottom:14px}.wallet-withdraw-field label{display:block;font-size:13px;color:var(--secondary);margin-bottom:4px}.wallet-withdraw-field input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:var(--bg);color:var(--text);box-sizing:border-box;font-family:inherit}.wallet-withdraw-field input:focus{outline:none;border-color:var(--primary)}.wallet-withdraw-balance{font-size:13px;color:var(--secondary);margin-bottom:16px}.wallet-withdraw-balance .amt{font-weight:700;color:var(--text)}.wallet-withdraw-actions{display:flex;gap:10px}.wallet-withdraw-actions button{flex:1;padding:10px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.wallet-withdraw-actions .confirm{background:var(--primary);color:#fff}.wallet-withdraw-actions .cancel{background:var(--border);color:var(--secondary)}.wallet-disclosure-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:16px}.wallet-disclosure-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:12px;display:flex;align-items:center;gap:6px}.wallet-disclosure-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.wallet-disclosure-row:last-child{border-bottom:none}.wallet-disclosure-label{font-size:13px;color:var(--secondary)}.wallet-disclosure-val{font-size:14px;font-weight:600;color:var(--text)}.wallet-disclosure-val .pct{font-size:18px;color:var(--primary)}.wallet-disclosure-note{font-size:11px;color:var(--secondary);margin-top:8px;line-height:1.5}.wallet-recharge-btn{background:linear-gradient(135deg,#43e97b,#38f9d7);border:none;color:#fff;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.wallet-recharge-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #43e97b4d}.wallet-recharge-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:none;align-items:center;justify-content:center;z-index:10000}.wallet-recharge-modal.open{display:flex}.wallet-recharge-box{background:var(--card);border-radius:16px;padding:28px;width:90%;max-width:400px;box-shadow:0 20px 60px #0003}.wallet-recharge-title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:16px}.wallet-recharge-field{margin-bottom:14px}.wallet-recharge-field label{display:block;font-size:13px;color:var(--secondary);margin-bottom:4px}.wallet-recharge-field input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:15px;background:var(--bg);color:var(--text);box-sizing:border-box;font-family:inherit}.wallet-recharge-amt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.wallet-recharge-amt{padding:10px;border:1px solid var(--border);border-radius:8px;text-align:center;font-size:14px;font-weight:600;cursor:pointer;color:var(--text);background:var(--bg);transition:border-color .15s,background-color .15s}.wallet-recharge-amt:hover{border-color:var(--primary)}.wallet-recharge-amt.active{background:var(--primary);color:#fff;border-color:var(--primary)}.wallet-recharge-actions{display:flex;gap:10px;margin-top:16px}.wallet-recharge-actions button{flex:1;padding:12px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit}.wallet-recharge-actions .cancel{background:var(--bg);color:var(--secondary);border:1px solid var(--border)}.wallet-recharge-actions .confirm{background:#43e97b;color:#fff}@media(max-width:768px){.wallet-stats-grid{grid-template-columns:repeat(3,1fr);gap:8px}.wallet-stat-card{padding:10px 6px}.wallet-stat-icon{font-size:16px;margin-bottom:2px}.wallet-stat-val{font-size:15px}.wallet-stat-label{font-size:11px}.wallet-balance-sub{gap:16px}}@media(max-width:600px){.mc-cat-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;padding-bottom:4px}.mc-cat-bar .mc-cat-chip{flex-shrink:0}#mallContent>div:first-child{gap:4px}#mallContent>div:first-child>a{padding:6px}.mc-ai-panel{width:100vw;max-width:100vw;right:0;bottom:56px;top:auto!important;height:70vh;border-radius:16px 16px 0 0}#notifPanel{width:100vw;max-width:100vw}.mc-card:last-child>div:last-child{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.mc-card:last-child>div:last-child>a{flex-shrink:0}}@media(min-width:601px)and (max-width:1024px){.mc-sidebar{width:176px}.mc-main{padding:20px 16px 80px}#growthContent>div:last-child{grid-template-columns:repeat(5,1fr)}}.mc-pref-panel{position:fixed;top:0;right:0;width:380px;max-width:90vw;height:100dvh;background:var(--card);box-shadow:-4px 0 24px #0000001a;z-index:9999;overflow-y:auto;transform:translate(100%);transition:transform .3s ease}.mc-pref-panel{position:fixed;top:0;right:0;width:380px;max-width:90vw;height:100vh;background:var(--card);box-shadow:-4px 0 24px #0000001a;z-index:9999;overflow-y:auto;transform:translate(100%);transition:transform .3s ease}.mc-pref-panel.open{transform:translate(0)}.mc-pref-group{padding:16px;border-bottom:1px solid var(--border)}.mc-pref-group-title{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.mc-pref-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.mc-pref-item-label{font-size:14px;color:var(--text)}.mc-pref-item-desc{font-size:13px;color:var(--muted);margin-top:2px}.mc-pref-chips{display:flex;gap:6px;flex-wrap:wrap}.mc-pref-chip{padding:6px 12px;border-radius:16px;background:var(--bg);border:1px solid var(--border);font-size:13px;color:var(--text);cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.mc-pref-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.mc-pref-toggle{width:40px;height:22px;border-radius:11px;background:var(--border);position:relative;cursor:pointer;transition:background .2s}.mc-pref-toggle.on{background:var(--primary)}.mc-pref-toggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}.mc-pref-toggle.on:after{transform:translate(18px)}@media(max-width:768px){#mainContent{padding:0 10px}.mc-main{padding:0 0 60px}.mc-layout{min-height:auto}.mc-hero{flex-direction:row;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;margin:0 0 6px;min-height:0!important;height:auto!important}.mc-hero:before,.mc-hero:after{display:none!important}.mc-hero-left{flex-shrink:1;min-width:0;overflow:hidden}.mc-hero h1{font-size:14px;margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-hero p{display:none!important}.mc-hero-right{gap:8px;flex-shrink:0}.mc-hero-stat-val{font-size:13px;line-height:1.1}.mc-hero-stat-label{font-size:8px;line-height:1.1}.mc-hero-divider{height:20px}.mc-hero-badge{font-size:10px;padding:2px 6px}.mc-identity-card{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px;padding:8px 10px;margin-bottom:6px;border-radius:8px;overflow:hidden}.mc-avatar{width:36px;height:36px;font-size:15px}.mc-identity-info{flex:1;min-width:0;overflow:hidden}.mc-identity-name{font-size:14px;margin-bottom:1px;gap:6px}.mc-member-badge{font-size:10px;padding:1px 6px}.mc-identity-meta{font-size:10px;gap:6px;flex-wrap:nowrap;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mc-identity-meta span{font-size:10px}.mc-identity-stats{display:none}.mc-identity-actions{flex-direction:column!important;gap:4px;flex-shrink:0}.mc-upgrade-btn,.mc-account-link{padding:5px 8px;font-size:11px;white-space:nowrap;border-radius:6px}.mc-tab-bar{display:flex;gap:6px;margin-bottom:8px;padding:0;border:none;border-radius:0;position:static;background:transparent;z-index:auto}.mc-tab-bar .mc-tab-btn{flex:1;padding:7px 8px;border:none;border-radius:8px;background:transparent;font-size:13px;font-weight:500;color:var(--secondary, #5A6478);cursor:pointer;border-bottom:none;margin-bottom:0;transition:color .15s,background-color .15s;display:flex!important;align-items:center;justify-content:center;gap:3px;white-space:nowrap}.mc-tab-bar .mc-tab-btn.active{background:var(--primary, #6366F1);color:#fff;font-weight:600;border-bottom:none}.mc-tab-bar .mc-tab-btn:not(.active):hover{background:#0000000a}.mc-overview-grid{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}.mc-stat-card{padding:8px 10px;border-radius:8px;display:flex!important;flex-direction:row;align-items:center;gap:8px}.mc-stat-card .icon{font-size:20px;margin-bottom:0;flex-shrink:0}.mc-stat-card .val{font-size:16px;margin-bottom:0;line-height:1.2}.mc-stat-card .label{font-size:10px;line-height:1.2}.mc-stat-card .sub{display:none!important}.mc-card-grid-2,.mc-card-grid-3{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}.mc-rec-offers-grid{grid-template-columns:1fr}.mc-card{padding:8px 10px;margin-bottom:6px;border-radius:8px}.mc-card-title{font-size:12px;margin-bottom:4px;gap:4px}.mc-card [style*=min-height],#cpsOrdersList,#consumeList{min-height:auto}#predictionsCard{cursor:pointer}#predictionsCard>div:last-child{margin-top:2px;font-size:11px;display:inline}#predictionsContent>div{padding:2px 0;font-size:12px}.mc-card[data-mc-tab=points]{padding:6px 10px}.mc-card[data-mc-tab=points]>.mc-card-title{display:none!important}.mc-card[data-mc-tab=points]>div[style*="display:flex"]{padding:2px 0;gap:6px}.mc-card[data-mc-tab=points]>div[style*="display:flex"]>div:first-child>div:first-child{font-size:11px}.mc-card[data-mc-tab=points]>div[style*="display:flex"]>div:first-child>div[style*="font-size:18px"],.mc-card[data-mc-tab=points]>div[style*="display:flex"]>div:first-child>div:last-child{font-size:15px;font-weight:800}.mc-card[data-mc-tab=points] a[style*="padding:8px"],.mc-card[data-mc-tab=points] button[style*="padding:8px"]{padding:4px 10px;font-size:11px;border-radius:6px;white-space:nowrap}#p2UpgradeHint{font-size:10px;padding:4px;margin-top:4px}.mc-quick-links{grid-template-columns:repeat(4,1fr);gap:4px}.mc-quick-link{padding:6px 2px;font-size:10px;border-radius:6px;text-align:center}.mc-quick-link br{display:none}.mc-subtab-bar{margin-bottom:6px}.mc-subtab-btn{padding:6px 4px;font-size:11px}.mc-cat-bar{gap:4px;margin-bottom:6px}.mc-cat-chip{padding:4px 8px;font-size:11px}.mc-list-item{padding:6px 0;gap:6px}.mc-list-item .li-icon{width:24px;height:24px;font-size:12px;border-radius:4px}.mc-list-item .li-title{font-size:12px}.mc-list-item .li-meta{font-size:10px}.mc-list-item .li-amount{font-size:12px}.mc-list-item .li-cashback{font-size:11px}#cpsOrdersList>div[style*="padding:40px"],#cpsOrdersList>div[style*="padding: 40px"],#consumeList>div[style*="padding:40px"],#consumeList>div[style*="padding: 40px"],#savingsRankContent>div[style*=padding],#annualBillContent>div[style*=padding],#forecastContent>div[style*=padding],#promoContent>div[style*=padding],#needBuyContent>div[style*=padding],#analysisContent>div[style*=padding]{padding:16px 8px;font-size:12px}#cpsOrdersList>div[style*=padding]>div[style*="font-size:32px"],#consumeList>div[style*=padding]>div[style*="font-size:32px"]{font-size:20px;margin-bottom:4px}.mc-login{padding:30px 16px}.mc-login .icon{font-size:36px;margin-bottom:8px}.mc-login .title{font-size:15px;margin-bottom:4px}.mc-login .desc{font-size:12px;margin-bottom:12px}.mc-login-btn{padding:8px 20px;font-size:13px}#milestoneContent{padding:2px 0}#milestoneContent>div:first-child{margin-bottom:2px;font-size:12px}#milestoneContent div[style*="height:8px"]{height:5px;margin-bottom:4px}#milestoneContent div[style*="font-size:11px"]{font-size:9px}#growthContent>div:first-child{gap:6px;padding:4px 0}#growthContent>div:last-child{grid-template-columns:repeat(5,1fr);gap:2px}#growthContent>div:last-child>div{padding:3px 1px}#growthContent>div:last-child>div[style*="opacity:0.3"]{display:none}#prefBtn,.mc-ai-fab{display:none}#aiFab{width:36px;height:36px;font-size:16px;bottom:64px;right:10px}#financeCard>div[style*=grid]{gap:2px;padding:4px 0}#financeCard>div[style*=grid]>div>div:first-child{font-size:13px}#financeCard>div[style*=grid]>div>div:last-child{font-size:10px}.mc-mobile-sidebar-content{display:block;padding:0 10px;margin-bottom:6px}.mc-mobile-sidebar-content .mc-card{width:auto!important;max-height:none!important;height:auto!important;padding:8px 10px;margin:0 0 6px;overflow:visible;white-space:normal}.mc-mobile-sidebar-content .mc-card>div[style*="font-size:24px"]{font-size:16px}.mc-mobile-sidebar-content .mc-card>div[style*="font-size:14px"]{font-size:11px}.mc-mobile-sidebar-content .mc-card>div[style*="font-size:12px"]{font-size:10px;line-height:1.4}.mc-mobile-sidebar-content [data-butler-rec]>div{flex-direction:row;gap:6px;padding:6px 8px}.mc-mobile-sidebar-content [data-butler-rec]>div>.butler-card{flex:1;padding:4px 6px}#addCategory,#addPlatform,#addDate,#addQty{padding:5px;font-size:11px;border-radius:6px}button[onclick="recordPurchase()"]{padding:7px;font-size:12px;border-radius:6px}#referralContent>div:first-child{gap:2px}#referralContent>div:first-child>div{padding:4px 2px}#referralContent>div:first-child>div>div:first-child{font-size:13px}#referralContent>div:first-child>div>div:last-child{font-size:9px}#weeklySavingsCard:not(:has(*)):not(:empty){min-height:32px}#transactionsCard{padding:8px 10px}#aiSuggestions>.mc-card{padding:8px 10px;margin-bottom:6px}#aiSuggestions .mc-card-title{font-size:12px}#aiSuggestions>div[style*="text-align:right"]{margin-top:2px}#aiSuggestions>div[style*="text-align:right"] a{font-size:11px}#aiSuggestionsList>div[style*="display:flex"]{padding:6px 8px;gap:6px;margin-bottom:4px;border-radius:6px}#aiSuggestionsList>div[style*="display:flex"]>span:first-child{font-size:14px;flex-shrink:0}#aiSuggestionsList>div[style*="display:flex"]>span:last-child{font-size:11px;line-height:1.4}#aiSuggestionsList>a[style*="display:block"]{padding:4px;font-size:11px}#predictionsContent>div{padding:2px 0}#predictionsContent [style*="margin-bottom:10px"]{margin-bottom:4px}#predictionsContent [style*="font-size:13px"]{font-size:11px}#predictionsContent [style*="font-size:12px"]{font-size:10px}#predictionsContent [style*="height:8px"]{height:5px}#predictionsContent [style*="margin-bottom:6px"]{margin-bottom:3px}#savingsRankContent>div{padding:4px 6px}#savingsRankContent [style*="font-size:14px"]{font-size:12px}#savingsRankContent [style*="font-size:12px"]{font-size:10px}#annualBillContent>div{padding:4px 6px}#annualBillContent [style*="font-size:14px"]{font-size:12px}#annualBillContent [style*="font-size:12px"]{font-size:10px}#forecastContent [style*="padding:10px"],#forecastContent [style*="padding: 10px"]{padding:4px 6px}#forecastContent [style*="font-size:13px"]{font-size:11px}#forecastContent [style*="font-size:12px"]{font-size:10px}#forecastContent [style*="margin-bottom:10px"]{margin-bottom:4px}#promoContent [style*="padding:10px"],#promoContent [style*="padding: 10px"]{padding:4px 6px}#promoContent [style*="font-size:13px"]{font-size:11px}#promoContent [style*="font-size:12px"]{font-size:10px}#needBuyContent [style*="padding:10px"],#needBuyContent [style*="padding: 10px"]{padding:4px 6px}#needBuyContent [style*="font-size:13px"]{font-size:11px}#needBuyContent [style*="font-size:12px"]{font-size:10px}#analysisContent [style*="padding:10px"],#analysisContent [style*="padding: 10px"]{padding:4px 6px}#analysisContent [style*="font-size:13px"]{font-size:11px}#analysisContent [style*="font-size:12px"]{font-size:10px}#categoryPieContent{min-height:80px}#categoryPieContent svg{max-width:100%}#limitedOffersContent .mc-offer-card{padding:4px 6px;gap:4px;border-radius:6px;align-items:center}#limitedOffersContent .mc-offer-card [style*="font-size:24px"]{font-size:14px}#limitedOffersContent .mc-offer-card [style*="font-size:13px"]{font-size:11px}#limitedOffersContent .mc-offer-card [style*="font-size:12px"],#limitedOffersContent .mc-offer-card [style*="font-size:11px"]{font-size:10px}#weeklySavingsContent>div,#weeklySavingsContent>a{padding:4px 6px;gap:4px;margin-bottom:3px;border-radius:6px;align-items:center}#weeklySavingsContent [style*="font-size:20px"]{font-size:14px}#weeklySavingsContent [style*="font-size:13px"]{font-size:11px}#weeklySavingsContent [style*="font-size:12px"],#weeklySavingsContent [style*="font-size:11px"]{font-size:10px}#weeklySavingsContent [style*="padding:10px 14px"],#weeklySavingsContent [style*="padding:10px"]{padding:4px 6px}#weeklySavingsContent>div>div:last-child[style*="color:var(--green)"]{padding:4px 10px;border-radius:6px;background:var(--green);color:#fff;font-weight:600;font-size:11px;flex-shrink:0;white-space:nowrap}.mc-rec-card{width:120px}.mc-rec-card-img{width:120px;height:80px}.mc-rec-card-emoji{font-size:26px}.mc-offer-card{width:160px}#recommendationsContent>div:not(.mc-rec-scroll):not(.mc-scene-dropdown),#recommendationsContent>a{padding:4px 6px;gap:4px;margin-bottom:3px;border-radius:6px;align-items:center}#recommendationsContent .mc-rec-card [style*="font-size:20px"]{font-size:14px;flex-shrink:0}#recommendationsContent .mc-rec-card [style*="font-size:13px"]{font-size:11px}#recommendationsContent .mc-rec-card [style*="font-size:12px"],#recommendationsContent .mc-rec-card [style*="font-size:11px"]{font-size:10px}#recommendationsContent .mc-rec-card [style*="padding:10px 14px"],#recommendationsContent .mc-rec-card [style*="padding:10px"]{padding:4px 6px}#recommendationsContent .mc-rec-card [style*="gap:10px"],#recommendationsContent .mc-rec-card [style*="gap: 10px"]{gap:4px}#recommendationsContent a>div[style*="flex:1"]>div:last-child{display:none}#recommendationsContent>div>div:last-child[style*="color:var(--green)"]{padding:4px 10px;border-radius:6px;background:var(--green);color:#fff;font-weight:600;font-size:11px;flex-shrink:0;white-space:nowrap}#recommendationsContent a>div[style*="color:var(--primary)"]{padding:4px 10px;border-radius:6px;background:var(--primary);color:#fff;font-weight:600;font-size:11px;flex-shrink:0;white-space:nowrap}#transactionsList>div{padding:4px 0}#transactionsList [style*="font-size:14px"]{font-size:12px}#transactionsList [style*="font-size:13px"]{font-size:11px}#transactionsList [style*="font-size:12px"]{font-size:10px}#cpsOrdersList>.mc-list-item{padding:5px 0}#consumeList>.mc-list-item{padding:5px 0}#aiAssistantCard .mc-card-title{font-size:12px;margin-bottom:2px}#aiAssistantCard .mc-card-title a,.mc-card-title[style*=space-between] a{padding:3px 8px;font-size:11px}}@media(max-width:360px){#mainContent{padding:0 6px}.mc-hero h1{font-size:13px}.mc-hero-stat-val{font-size:12px}.mc-overview-grid{gap:4px}.mc-stat-card{padding:6px 8px;gap:6px}.mc-stat-card .icon{font-size:16px}.mc-stat-card .val{font-size:14px}.mc-card-grid-2,.mc-card-grid-3{gap:4px}.mc-card{padding:6px 8px}.mc-identity-card{gap:6px;padding:6px 8px}.mc-avatar{width:32px;height:32px;font-size:13px}.mc-quick-links{grid-template-columns:repeat(3,1fr)}.mc-quick-link{font-size:9px;padding:4px 2px}.mc-tab-bar .mc-tab-btn{font-size:11px;padding:6px 2px}[data-mc-tab=points] .mc-card>div[style*="display:flex"]>div:first-child>div:last-child{font-size:13px}}@media(min-width:601px)and (max-width:768px){#mainContent{padding:12px 14px}.mc-overview-grid{grid-template-columns:repeat(4,1fr);gap:8px}.mc-card-grid-2{grid-template-columns:1fr 1fr}.mc-card-grid-3{grid-template-columns:1fr 1fr 1fr}.mc-rec-offers-grid{grid-template-columns:1fr;gap:8px;align-items:stretch}.mc-rec-offers-grid>#recommendationsCard{grid-row:auto}.mc-rec-offers-grid>#limitedOffersCard,.mc-rec-offers-grid>#weeklySavingsCard{grid-row:auto}.mc-rec-offers-grid>#limitedOffersCard .mc-card-title,.mc-rec-offers-grid>#weeklySavingsCard .mc-card-title{font-size:12px}}.mc-rec-scroll{display:flex;flex-direction:row;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mc-rec-scroll::-webkit-scrollbar{display:none}.mc-rec-card{flex-shrink:0;width:130px;border-radius:10px;overflow:hidden;background:var(--bg);border:1px solid var(--border);cursor:pointer;transition:border-color .2s,box-shadow .2s}.mc-rec-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #6366f11f}.mc-rec-card-img{width:130px;height:90px;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden}.mc-rec-card-img img{width:100%;height:100%;object-fit:cover}.mc-rec-card-emoji{font-size:30px}.mc-rec-card-info{padding:5px 8px}.mc-rec-card-name{font-size:12px;font-weight:600;color:var(--text);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-rec-card-meta{display:flex;align-items:center;gap:4px;margin-top:2px}.mc-rec-card-price{font-size:13px;font-weight:700;color:#ef4444}.mc-rec-card-free{font-size:13px;font-weight:700;color:#10b981}.mc-rec-card-comm{font-size:9px;padding:0 4px;border-radius:3px;background:#10b9811a;color:#10b981}.mc-rec-card-explain{font-size:10px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-rec-card-btn{margin-top:4px;text-align:center;font-size:10px;padding:2px 8px;border-radius:4px;background:var(--primary);color:#fff;font-weight:600}.mc-rec-select{width:100%;font-size:11px;padding:4px 8px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer}.mc-scene-dropdown{position:relative;margin-bottom:10px}.mc-scene-dropdown-btn{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;font-size:13px;font-weight:500;transition:border-color .2s,background-color .2s,color .2s;width:100%}.mc-scene-dropdown-btn:hover{border-color:var(--primary)}.mc-scene-dropdown-btn.open{border-color:var(--primary);box-shadow:0 0 0 2px #6366f11f}.mc-scene-dropdown-btn .arrow{font-size:10px;transition:transform .2s;color:var(--muted)}.mc-scene-dropdown-btn.open .arrow{transform:rotate(180deg)}.mc-scene-dropdown-menu{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:100;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 20px #0000001f;max-height:280px;overflow-y:auto;padding:4px 0}.mc-scene-dropdown-menu.show{display:block}.mc-scene-dropdown-group{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;padding:6px 12px 2px;margin-top:2px}.mc-scene-dropdown-item{padding:6px 12px;font-size:13px;cursor:pointer;transition:background .15s;display:flex;align-items:center;gap:6px;color:var(--text)}.mc-scene-dropdown-item:hover{background:#6366f114}.mc-scene-dropdown-item.active{color:var(--primary);font-weight:600;background:#6366f10f}.mc-scene-dropdown-item .check{margin-left:auto;font-size:12px;color:var(--primary)}.mc-scene-dropdown-item:not(.active) .check{display:none}.mc-offer-scroll{display:flex;flex-direction:row;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mc-offer-scroll::-webkit-scrollbar{display:none}.mc-offer-card{flex-shrink:0;width:200px;padding:8px 10px;border-radius:8px;background:var(--bg);border:1px solid var(--border)}[data-theme=dark] .wallet-btn-primary:hover{background:#2d3748}[data-theme=dark] .wallet-recharge-modal{background:#000000b3}[data-theme=dark] .wallet-recharge-modal-content{background:var(--ai-card, #1a1a2e)}[data-theme=dark] .wallet-recharge-amt{background:var(--ai-card, #1a1a2e);color:var(--ai-text, #eee);border-color:var(--ai-border, #2a2a3e)}[data-theme=dark] .wallet-recharge-amt.active{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#1a1a2e}[data-theme=dark] .wallet-recharge-input{background:var(--ai-bg-secondary, #14141f);color:var(--ai-text, #eee);border-color:var(--ai-border, #2a2a3e)}[data-theme=dark] .wallet-recharge-input:focus{border-color:#43e97b}[data-theme=dark] .wallet-disclosure,[data-theme=dark] .wallet-milestone{background:var(--ai-card, #1a1a2e)}[data-theme=dark] .wallet-stat-card{background:var(--ai-bg-secondary, #14141f)}[data-theme=dark] .wallet-withdraw-modal{background:#000000b3}[data-theme=dark] .wallet-withdraw-modal-content{background:var(--ai-card, #1a1a2e)}[data-theme=dark] .wallet-withdraw-input{background:var(--ai-bg-secondary, #14141f);color:var(--ai-text, #eee);border-color:var(--ai-border, #2a2a3e)} /* fix0811cssloss: Restored CSS lost during extraction - from my-center.html backup */ /* 98 missing selectors */ #aiSuggestions > .mc-card {padding: 8px 10px !important; margin-bottom: 6px !important;} #aiSuggestions > div[style*="text-align:right"] {margin-top: 2px !important;} #aiSuggestions > div[style*="text-align:right"] a {font-size: 11px !important;} #aiSuggestionsList > a[style*="display:block"] {padding: 4px !important; font-size: 11px !important;} #aiSuggestionsList > div[style*="display:flex"] {padding: 6px 8px !important; gap: 6px !important; margin-bottom: 4px !important; border-radius: 6px !important;} #aiSuggestionsList > div[style*="display:flex"] > span:first-child {font-size: 14px !important; flex-shrink: 0;} #aiSuggestionsList > div[style*="display:flex"] > span:last-child {font-size: 11px !important; line-height: 1.4 !important;} #analysisContent > div[style*="padding"] {padding: 16px 8px !important; font-size: 12px !important;} #annualBillContent > div {padding: 4px 6px !important;} #annualBillContent > div[style*="padding"] {padding: 16px 8px !important; font-size: 12px !important;} #consumeList > .mc-list-item {padding: 5px 0 !important;} #consumeList > div[style*="padding"] > div[style*="font-size:32px"] {font-size: 20px !important; margin-bottom: 4px !important;} #consumeList > div[style*="padding: 40px"] {padding: 16px 8px !important; font-size: 12px !important;} #consumeList > div[style*="padding:40px"] {padding: 16px 8px !important; font-size: 12px !important;} #cpsOrdersList > .mc-list-item {padding: 5px 0 !important;} #cpsOrdersList > div[style*="padding"] > div[style*="font-size:32px"] {font-size: 20px !important; margin-bottom: 4px !important;} #cpsOrdersList > div[style*="padding: 40px"] {padding: 16px 8px !important; font-size: 12px !important;} #cpsOrdersList > div[style*="padding:40px"] {padding: 16px 8px !important; font-size: 12px !important;} #financeCard > div[style*="grid"] {gap: 2px !important; padding: 4px 0 !important;} #financeCard > div[style*="grid"] > div > div:first-child {font-size: 13px !important;} #financeCard > div[style*="grid"] > div > div:last-child {font-size: 10px !important;} #forecastContent > div[style*="padding"] {padding: 16px 8px !important; font-size: 12px !important;} #growthContent > div:first-child {gap: 6px !important; padding: 4px 0 !important;} #growthContent > div:last-child {grid-template-columns: repeat(5, 1fr) !important; gap: 2px !important;} #growthContent > div:last-child > div {padding: 3px 1px !important;} #growthContent > div:last-child > div[style*="opacity:0.3"] {display: none !important;} #mallContent > div:first-child {gap: 4px;} #mallContent > div:first-child > a {padding: 6px;} #milestoneContent > div:first-child {margin-bottom: 2px !important; font-size: 12px !important;} #needBuyContent > div[style*="padding"] {padding: 16px 8px !important; font-size: 12px !important;} #predictionsCard > div:last-child {margin-top: 2px !important; font-size: 11px !important; display: inline !important;} #predictionsContent > div {padding: 2px 0 !important;} #promoContent > div[style*="padding"] {padding: 16px 8px !important; font-size: 12px !important;} #recommendationsContent > a {padding: 4px 6px !important; gap: 4px !important; margin-bottom: 3px !important; border-radius: 6px !important; align-items: center !important;} #recommendationsContent > div > div:last-child[style*="color:var(--green)"] {padding: 4px 10px !important; border-radius: 6px !important; background: var(--green) !important; color: #fff !important; font-weight: 600 !important; font-size: 11px !important; flex-shrink: 0 !important; white-space: nowrap !important;} #recommendationsContent > div:not(.mc-rec-scroll):not(.mc-scene-dropdown) {padding: 4px 6px !important; gap: 4px !important; margin-bottom: 3px !important; border-radius: 6px !important; align-items: center !important;} #recommendationsContent a > div[style*="color:var(--primary)"] {padding: 4px 10px !important; border-radius: 6px !important; background: var(--primary) !important; color: #fff !important; font-weight: 600 !important; font-size: 11px !important; flex-shrink: 0 !important; white-space: nowrap !important;} #recommendationsContent a > div[style*="flex:1"] > div:last-child {display: none !important;} #referralContent > div:first-child {gap: 2px !important;} #referralContent > div:first-child > div {padding: 4px 2px !important;} #referralContent > div:first-child > div > div:first-child {font-size: 13px !important;} #referralContent > div:first-child > div > div:last-child {font-size: 9px !important;} #savingsRankContent > div {padding: 4px 6px !important;} #savingsRankContent > div[style*="padding"] {padding: 16px 8px !important; font-size: 12px !important;} #transactionsList > div {padding: 4px 0 !important;} #weeklySavingsContent > a {padding: 4px 6px !important; gap: 4px !important; margin-bottom: 3px !important; border-radius: 6px !important; align-items: center !important;} #weeklySavingsContent > div {padding: 4px 6px !important; gap: 4px !important; margin-bottom: 3px !important; border-radius: 6px !important; align-items: center !important;} #weeklySavingsContent > div > div:last-child[style*="color:var(--green)"] {padding: 4px 10px !important; border-radius: 6px !important; background: var(--green) !important; color: #fff !important; font-weight: 600 !important; font-size: 11px !important; flex-shrink: 0 !important; white-space: nowrap !important;} .mc-card [style*="min-height"] {min-height: auto !important;} .mc-card-title[style*="space-between"] a {padding: 3px 8px !important; font-size: 11px !important;} .mc-card:last-child > div:last-child {flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch;} .mc-card:last-child > div:last-child > a {flex-shrink: 0;} .mc-card[data-mc-tab="points"] {padding: 6px 10px !important;} .mc-card[data-mc-tab="points"] > .mc-card-title {display: none !important;} .mc-card[data-mc-tab="points"] > div[style*="display:flex"] {padding: 2px 0 !important; gap: 6px !important;} .mc-card[data-mc-tab="points"] > div[style*="display:flex"] > div:first-child > div:first-child {font-size: 11px !important;} .mc-card[data-mc-tab="points"] > div[style*="display:flex"] > div:first-child > div:last-child {font-size: 15px !important; font-weight: 800 !important;} .mc-card[data-mc-tab="points"] > div[style*="display:flex"] > div:first-child > div[style*="font-size:18px"] {font-size: 15px !important; font-weight: 800 !important;} .mc-card[data-mc-tab="points"] a[style*="padding:8px"] {padding: 4px 10px !important; font-size: 11px !important; border-radius: 6px !important; white-space: nowrap !important;} .mc-card[data-mc-tab="points"] button[style*="padding:8px"] {padding: 4px 10px !important; font-size: 11px !important; border-radius: 6px !important; white-space: nowrap !important;} .mc-hero::after {display: none !important;} .mc-hero::before {display: none !important;} .mc-list {} .mc-mobile-sidebar-content .mc-card > div[style*="font-size:12px"] {font-size: 10px !important; line-height: 1.4 !important;} .mc-mobile-sidebar-content .mc-card > div[style*="font-size:14px"] {font-size: 11px !important;} .mc-mobile-sidebar-content .mc-card > div[style*="font-size:24px"] {font-size: 16px !important;} .mc-mobile-sidebar-content [data-butler-rec] > div {flex-direction: row !important; gap: 6px !important; padding: 6px 8px !important;} .mc-mobile-sidebar-content [data-butler-rec] > div > .butler-card {flex: 1 !important; padding: 4px 6px !important;} .mc-pref-toggle.on::after {transform: translateX(18px);} .mc-pref-toggle::after {content: ''; position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: transform 0.2s;} .mc-rec-offers-grid > #limitedOffersCard {grid-row: auto !important;} .mc-rec-offers-grid > #limitedOffersCard .mc-card-title {font-size: 12px !important;} .mc-rec-offers-grid > #recommendationsCard {grid-row: auto !important;} .mc-rec-offers-grid > #weeklySavingsCard {grid-row: auto !important;} .mc-rec-offers-grid > #weeklySavingsCard .mc-card-title {font-size: 12px !important;} .wallet-balance-card::before {content: ''; position: absolute; top: -20px; right: -20px; width: 120px; height: 120px; border-radius: 50%; background: rgba(255,255,255,0.1);} [data-mc-tab="points"] .mc-card > div[style*="display:flex"] > div:first-child > div:last-child {font-size: 13px !important;} [data-theme="dark"] .wallet-balance-card {background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);} [data-theme="dark"] .wallet-btn-primary:hover {background: #2d3748 !important;} [data-theme="dark"] .wallet-disclosure {background: var(--ai-card, #1a1a2e) !important;} [data-theme="dark"] .wallet-milestone {background: var(--ai-card, #1a1a2e) !important;} [data-theme="dark"] .wallet-recharge-amt {background: var(--ai-card, #1a1a2e) !important; color: var(--ai-text, #eee) !important; border-color: var(--ai-border, #2a2a3e) !important;} [data-theme="dark"] .wallet-recharge-amt.active {background: linear-gradient(135deg, #43e97b, #38f9d7) !important; color: #1a1a2e !important;} [data-theme="dark"] .wallet-recharge-input {background: var(--ai-bg-secondary, #14141f) !important; color: var(--ai-text, #eee) !important; border-color: var(--ai-border, #2a2a3e) !important;} [data-theme="dark"] .wallet-recharge-input:focus {border-color: #43e97b;} [data-theme="dark"] .wallet-recharge-modal {background: rgba(0,0,0,0.7);} [data-theme="dark"] .wallet-recharge-modal-content {background: var(--ai-card, #1a1a2e);} [data-theme="dark"] .wallet-stat-card {background: var(--ai-bg-secondary, #14141f) !important;} [data-theme="dark"] .wallet-tx-icon.cancel {background: #7f1d1d;} [data-theme="dark"] .wallet-tx-icon.earn {background: #064e3b;} [data-theme="dark"] .wallet-tx-icon.pending {background: #78350f;} [data-theme="dark"] .wallet-tx-icon.withdraw {background: #1e3a5f;} [data-theme="dark"] .wallet-withdraw-input {background: var(--ai-bg-secondary, #14141f) !important; color: var(--ai-text, #eee) !important; border-color: var(--ai-border, #2a2a3e) !important;} [data-theme="dark"] .wallet-withdraw-modal {background: rgba(0,0,0,0.7);} [data-theme="dark"] .wallet-withdraw-modal-content {background: var(--ai-card, #1a1a2e);} html[data-theme="dark"] {--primary: #818CF8; --primary-dark: #6366f1; --bg: #0F0F14; --card: #1A1A24; --text: #F1F5F9; --secondary: #CBD5E1; --muted: #9CA3AF; --border: #2A2A38;} html[data-theme="dark"] .askintell-nav {background: rgba(8,8,12,0.7); border-bottom: 1px solid rgba(255,255,255,0.06);} html[data-theme="dark"] .mc-identity-card {background: linear-gradient(135deg, rgba(99,102,241,0.14), rgba(139,92,246,0.07));} /* 5 missing @media/@keyframes blocks */ @media (max-width: 600px) { .mc-cat-bar { overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; padding-bottom: 4px; } .mc-cat-bar .mc-cat-chip { flex-shrink: 0; } #mallContent > div:first-child { gap: 4px; } #mallContent > div:first-child > a { padding: 6px; } .mc-ai-panel { width: 100vw !important; max-width: 100vw !important; right: 0 !important; bottom: 56px !important; top: auto !important; height: 70vh !important; border-radius: 16px 16px 0 0 !important; } #notifPanel { width: 100vw !important; max-width: 100vw !important; } .mc-card:last-child > div:last-child { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; } .mc-card:last-child > div:last-child > a { flex-shrink: 0; } } @media (min-width: 601px) and (max-width: 1024px) { .mc-sidebar { width: 176px; } .mc-main { padding: 20px 16px 80px; } #growthContent > div:last-child { grid-template-columns: repeat(5, 1fr) !important; } } @media (max-width: 768px) { #mainContent { padding: 0 10px !important; } .mc-main { padding: 0 0 60px !important; } .mc-layout { min-height: auto !important; } .mc-hero { flex-direction: row !important; align-items: center !important; gap: 6px !important; padding: 8px 12px !important; border-radius: 8px !important; margin: 0 0 6px !important; min-height: 0 !important; height: auto !important; } .mc-hero::before, .mc-hero::after { display: none !important; } .mc-hero-left { flex-shrink: 1; min-width: 0; overflow: hidden; } .mc-hero h1 { font-size: 14px !important; margin: 0 !important; line-height: 1.2 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .mc-hero p { display: none !important; } .mc-hero-right { gap: 8px !important; flex-shrink: 0; } .mc-hero-stat-val { font-size: 13px !important; line-height: 1.1 !important; } .mc-hero-stat-label { font-size: 8px !important; line-height: 1.1 !important; } .mc-hero-divider { height: 20px !important; } .mc-hero-badge { font-size: 10px !important; padding: 2px 6px !important; } .mc-identity-card { flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; gap: 8px !important; padding: 8px 10px !important; margin-bottom: 6px !important; border-radius: 8px !important; overflow: hidden; } .mc-avatar { width: 36px !important; height: 36px !important; font-size: 15px !important; } .mc-identity-info { flex: 1; min-width: 0; overflow: hidden; } .mc-identity-name { font-size: 14px !important; margin-bottom: 1px !important; gap: 6px !important; } .mc-member-badge { font-size: 10px !important; padding: 1px 6px !important; } .mc-identity-meta { font-size: 10px !important; gap: 6px !important; flex-wrap: nowrap !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mc-identity-meta span { font-size: 10px !important; } .mc-identity-stats { display: none !important; } .mc-identity-actions { flex-direction: column !important; width: auto !important; gap: 4px !important; flex-shrink: 0; } .mc-upgrade-btn, .mc-account-link { padding: 5px 8px !important; font-size: 11px !important; white-space: nowrap !important; border-radius: 6px !important; width: auto !important; text-align: center !important; } .mc-tab-bar { display: flex !important; gap: 6px !important; margin-bottom: 8px !important; padding: 0 !important; border: none !important; border-radius: 0 !important; position: static !important; background: transparent !important; z-index: auto !important; } .mc-tab-bar .mc-tab-btn { flex: 1 !important; padding: 7px 8px !important; border: none !important; border-radius: 8px !important; background: transparent !important; font-size: 13px !important; font-weight: 500 !important; color: var(--secondary, #5A6478) !important; cursor: pointer !important; border-bottom: none !important; margin-bottom: 0 !important; transition: color 0.15s, background-color 0.15s !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 3px !important; white-space: nowrap !important; } .mc-tab-bar .mc-tab-btn.active { background: var(--primary, #6366F1) !important; color: #fff !important; font-weight: 600 !important; border-bottom: none !important; } .mc-tab-bar .mc-tab-btn:not(.active):hover { background: rgba(0,0,0,0.04) !important; } .mc-overview-grid { grid-template-columns: 1fr 1fr !important; gap: 6px !important; margin-bottom: 6px !important; } .mc-stat-card { padding: 8px 10px !important; border-radius: 8px !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 8px !important; } .mc-stat-card .icon { font-size: 20px !important; margin-bottom: 0 !important; flex-shrink: 0; } .mc-stat-card .val { font-size: 16px !important; margin-bottom: 0 !important; line-height: 1.2; } .mc-stat-card .label { font-size: 10px !important; line-height: 1.2; } .mc-stat-card .sub { display: none !important; } .mc-card-grid-2 { grid-template-columns: 1fr 1fr !important; gap: 6px !important; margin-bottom: 6px !important; } .mc-card-grid-3 { grid-template-columns: 1fr 1fr !important; gap: 6px !important; margin-bottom: 6px !important; } .mc-rec-offers-grid { grid-template-columns: 1fr !important; } .mc-card { padding: 8px 10px !important; margin-bottom: 6px !important; border-radius: 8px !important; } .mc-card-title { font-size: 12px !important; margin-bottom: 4px !important; gap: 4px !important; } .mc-card [style*="min-height"] { min-height: auto !important; } #cpsOrdersList, #consumeList { min-height: auto !important; } #predictionsCard { cursor: pointer; } #predictionsCard > div:last-child { margin-top: 2px !important; font-size: 11px !important; display: inline !important; } #predictionsContent > div { padding: 2px 0 !important; font-size: 12px !important; } .mc-card[data-mc-tab="points"] { padding: 6px 10px !important; } .mc-card[data-mc-tab="points"] > .mc-card-title { display: none !important; } .mc-card[data-mc-tab="points"] > div[style*="display:flex"] { padding: 2px 0 !important; gap: 6px !important; } .mc-card[data-mc-tab="points"] > div[style*="display:flex"] > div:first-child > div:first-child { font-size: 11px !important; } .mc-card[data-mc-tab="points"] > div[style*="display:flex"] > div:first-child > div[style*="font-size:18px"], .mc-card[data-mc-tab="points"] > div[style*="display:flex"] > div:first-child > div:last-child { font-size: 15px !important; font-weight: 800 !important; } .mc-card[data-mc-tab="points"] a[style*="padding:8px"], .mc-card[data-mc-tab="points"] button[style*="padding:8px"] { padding: 4px 10px !important; font-size: 11px !important; border-radius: 6px !important; white-space: nowrap !important; } #p2UpgradeHint { font-size: 10px !important; padding: 4px !important; margin-top: 4px !important; } .mc-quick-links { grid-template-columns: repeat(4, 1fr) !important; gap: 4px !important; } .mc-quick-link { padding: 6px 2px !important; font-size: 10px !important; border-radius: 6px !important; text-align: center; } .mc-quick-link br { display: none; } .mc-subtab-bar { margin-bottom: 6px !important; } .mc-subtab-btn { padding: 6px 4px !important; font-size: 11px !important; } .mc-cat-bar { gap: 4px !important; margin-bottom: 6px !important; } .mc-cat-chip { padding: 4px 8px !important; font-size: 11px !important; } .mc-list-item { padding: 6px 0 !important; gap: 6px !important; } .mc-list-item .li-icon { width: 24px !important; height: 24px !important; font-size: 12px !important; border-radius: 4px !important; } .mc-list-item .li-title { font-size: 12px !important; } .mc-list-item .li-meta { font-size: 10px !important; } .mc-list-item .li-amount { font-size: 12px !important; } .mc-list-item .li-cashback { font-size: 11px !important; } #cpsOrdersList > div[style*="padding:40px"], #cpsOrdersList > div[style*="padding: 40px"], #consumeList > div[style*="padding:40px"], #consumeList > div[style*="padding: 40px"], #savingsRankContent > div[style*="padding"], #annualBillContent > div[style*="padding"], #forecastContent > div[style*="padding"], #promoContent > div[style*="padding"], #needBuyContent > div[style*="padding"], #analysisContent > div[style*="padding"] { padding: 16px 8px !important; font-size: 12px !important; } #cpsOrdersList > div[style*="padding"] > div[style*="font-size:32px"], #consumeList > div[style*="padding"] > div[style*="font-size:32px"] { font-size: 20px !important; margin-bottom: 4px !important; } .mc-login { padding: 30px 16px !important; } .mc-login .icon { font-size: 36px !important; margin-bottom: 8px !important; } .mc-login .title { font-size: 15px !important; margin-bottom: 4px !important; } .mc-login .desc { font-size: 12px !important; margin-bottom: 12px !important; } .mc-login-btn { padding: 8px 20px !important; font-size: 13px !important; } #milestoneContent { padding: 2px 0 !important; } #milestoneContent > div:first-child { margin-bottom: 2px !important; font-size: 12px !important; } #milestoneContent div[style*="height:8px"] { height: 5px !important; margin-bottom: 4px !important; } #milestoneContent div[style*="font-size:11px"] { font-size: 9px !important; } #growthContent > div:first-child { gap: 6px !important; padding: 4px 0 !important; } #growthContent > div:last-child { grid-template-columns: repeat(5, 1fr) !important; gap: 2px !important; } #growthContent > div:last-child > div { padding: 3px 1px !important; } #growthContent > div:last-child > div[style*="opacity:0.3"] { display: none !important; } #prefBtn, .mc-ai-fab { display: none !important; } #aiFab { width: 36px !important; height: 36px !important; font-size: 16px !important; bottom: 64px !important; right: 10px !important; } #financeCard > div[style*="grid"] { gap: 2px !important; padding: 4px 0 !important; } #financeCard > div[style*="grid"] > div > div:first-child { font-size: 13px !important; } #financeCard > div[style*="grid"] > div > div:last-child { font-size: 10px !important; } .mc-mobile-sidebar-content { display: block !important; padding: 0 10px !important; margin-bottom: 6px !important; } .mc-mobile-sidebar-content .mc-card { width: auto !important; max-height: none !important; height: auto !important; padding: 8px 10px !important; margin: 0 0 6px 0 !important; overflow: visible !important; white-space: normal !important; } .mc-mobile-sidebar-content .mc-card > div[style*="font-size:24px"] { font-size: 16px !important; } .mc-mobile-sidebar-content .mc-card > div[style*="font-size:14px"] { font-size: 11px !important; } .mc-mobile-sidebar-content .mc-card > div[style*="font-size:12px"] { font-size: 10px !important; line-height: 1.4 !important; } .mc-mobile-sidebar-content [data-butler-rec] > div { flex-direction: row !important; gap: 6px !important; padding: 6px 8px !important; } .mc-mobile-sidebar-content [data-butler-rec] > div > .butler-card { flex: 1 !important; padding: 4px 6px !important; } #addCategory, #addPlatform, #addDate, #addQty { padding: 5px !important; font-size: 11px !important; border-radius: 6px !important; } button[onclick="recordPurchase()"] { padding: 7px !important; font-size: 12px !important; border-radius: 6px !important; } #referralContent > div:first-child { gap: 2px !important; } #referralContent > div:first-child > div { padding: 4px 2px !important; } #referralContent > div:first-child > div > div:first-child { font-size: 13px !important; } #referralContent > div:first-child > div > div:last-child { font-size: 9px !important; } #weeklySavingsCard:not(:has(*)):not(:empty) { min-height: 32px !important; } #transactionsCard { padding: 8px 10px !important; } #aiSuggestions > .mc-card { padding: 8px 10px !important; margin-bottom: 6px !important; } #aiSuggestions .mc-card-title { font-size: 12px !important; } #aiSuggestions > div[style*="text-align:right"] { margin-top: 2px !important; } #aiSuggestions > div[style*="text-align:right"] a { font-size: 11px !important; } #aiSuggestionsList > div[style*="display:flex"] { padding: 6px 8px !important; gap: 6px !important; margin-bottom: 4px !important; border-radius: 6px !important; } #aiSuggestionsList > div[style*="display:flex"] > span:first-child { font-size: 14px !important; flex-shrink: 0; } #aiSuggestionsList > div[style*="display:flex"] > span:last-child { font-size: 11px !important; line-height: 1.4 !important; } #aiSuggestionsList > a[style*="display:block"] { padding: 4px !important; font-size: 11px !important; } #predictionsContent > div { padding: 2px 0 !important; } #predictionsContent [style*="margin-bottom:10px"] { margin-bottom: 4px !important; } #predictionsContent [style*="font-size:13px"] { font-size: 11px !important; } #predictionsContent [style*="font-size:12px"] { font-size: 10px !important; } #predictionsContent [style*="height:8px"] { height: 5px !important; } #predictionsContent [style*="margin-bottom:6px"] { margin-bottom: 3px !important; } #savingsRankContent > div { padding: 4px 6px !important; } #savingsRankContent [style*="font-size:14px"] { font-size: 12px !important; } #savingsRankContent [style*="font-size:12px"] { font-size: 10px !important; } #annualBillContent > div { padding: 4px 6px !important; } #annualBillContent [style*="font-size:14px"] { font-size: 12px !important; } #annualBillContent [style*="font-size:12px"] { font-size: 10px !important; } #forecastContent [style*="padding:10px"], #forecastContent [style*="padding: 10px"] { padding: 4px 6px !important; } #forecastContent [style*="font-size:13px"] { font-size: 11px !important; } #forecastContent [style*="font-size:12px"] { font-size: 10px !important; } #forecastContent [style*="margin-bottom:10px"] { margin-bottom: 4px !important; } #promoContent [style*="padding:10px"], #promoContent [style*="padding: 10px"] { padding: 4px 6px !important; } #promoContent [style*="font-size:13px"] { font-size: 11px !important; } #promoContent [style*="font-size:12px"] { font-size: 10px !important; } #needBuyContent [style*="padding:10px"], #needBuyContent [style*="padding: 10px"] { padding: 4px 6px !important; } #needBuyContent [style*="font-size:13px"] { font-size: 11px !important; } #needBuyContent [style*="font-size:12px"] { font-size: 10px !important; } #analysisContent [style*="padding:10px"], #analysisContent [style*="padding: 10px"] { padding: 4px 6px !important; } #analysisContent [style*="font-size:13px"] { font-size: 11px !important; } #analysisContent [style*="font-size:12px"] { font-size: 10px !important; } #categoryPieContent { min-height: 80px !important; } #categoryPieContent svg { max-width: 100% !important; } #limitedOffersContent .mc-offer-card { padding: 4px 6px !important; gap: 4px !important; border-radius: 6px !important; align-items: center !important; } #limitedOffersContent .mc-offer-card [style*="font-size:24px"] { font-size: 14px !important; } #limitedOffersContent .mc-offer-card [style*="font-size:13px"] { font-size: 11px !important; } #limitedOffersContent .mc-offer-card [style*="font-size:12px"] { font-size: 10px !important; } #limitedOffersContent .mc-offer-card [style*="font-size:11px"] { font-size: 10px !important; } #weeklySavingsContent > div, #weeklySavingsContent > a { padding: 4px 6px !important; gap: 4px !important; margin-bottom: 3px !important; border-radius: 6px !important; align-items: center !important; } #weeklySavingsContent [style*="font-size:20px"] { font-size: 14px !important; } #weeklySavingsContent [style*="font-size:13px"] { font-size: 11px !important; } #weeklySavingsContent [style*="font-size:12px"] { font-size: 10px !important; } #weeklySavingsContent [style*="font-size:11px"] { font-size: 10px !important; } #weeklySavingsContent [style*="padding:10px 14px"], #weeklySavingsContent [style*="padding:10px"] { padding: 4px 6px !important; } #weeklySavingsContent > div > div:last-child[style*="color:var(--green)"] { padding: 4px 10px !important; border-radius: 6px !important; background: var(--green) !important; color: #fff !important; font-weight: 600 !important; font-size: 11px !important; flex-shrink: 0 !important; white-space: nowrap !important; } .mc-rec-card { width: 120px !important; } .mc-rec-card-img { width: 120px !important; height: 80px !important; } .mc-rec-card-emoji { font-size: 26px !important; } .mc-offer-card { width: 160px !important; } #recommendationsContent > div:not(.mc-rec-scroll):not(.mc-scene-dropdown), #recommendationsContent > a { padding: 4px 6px !important; gap: 4px !important; margin-bottom: 3px !important; border-radius: 6px !important; align-items: center !important; } #recommendationsContent .mc-rec-card [style*="font-size:20px"] { font-size: 14px !important; flex-shrink: 0; } #recommendationsContent .mc-rec-card [style*="font-size:13px"] { font-size: 11px !important; } #recommendationsContent .mc-rec-card [style*="font-size:12px"] { font-size: 10px !important; } #recommendationsContent .mc-rec-card [style*="font-size:11px"] { font-size: 10px !important; } #recommendationsContent .mc-rec-card [style*="padding:10px 14px"], #recommendationsContent .mc-rec-card [style*="padding:10px"] { padding: 4px 6px !important; } #recommendationsContent .mc-rec-card [style*="gap:10px"], #recommendationsContent .mc-rec-card [style*="gap: 10px"] { gap: 4px !important; } #recommendationsContent a > div[style*="flex:1"] > div:last-child { display: none !important; } #recommendationsContent > div > div:last-child[style*="color:var(--green)"] { padding: 4px 10px !important; border-radius: 6px !important; background: var(--green) !important; color: #fff !important; font-weight: 600 !important; font-size: 11px !important; flex-shrink: 0 !important; white-space: nowrap !important; } #recommendationsContent a > div[style*="color:var(--primary)"] { padding: 4px 10px !important; border-radius: 6px !important; background: var(--primary) !important; color: #fff !important; font-weight: 600 !important; font-size: 11px !important; flex-shrink: 0 !important; white-space: nowrap !important; } #transactionsList > div { padding: 4px 0 !important; } #transactionsList [style*="font-size:14px"] { font-size: 12px !important; } #transactionsList [style*="font-size:13px"] { font-size: 11px !important; } #transactionsList [style*="font-size:12px"] { font-size: 10px !important; } #cpsOrdersList > .mc-list-item { padding: 5px 0 !important; } #consumeList > .mc-list-item { padding: 5px 0 !important; } #aiAssistantCard .mc-card-title { font-size: 12px !important; margin-bottom: 2px !important; } #aiAssistantCard .mc-card-title a { padding: 3px 8px !important; font-size: 11px !important; } .mc-card-title[style*="space-between"] a { padding: 3px 8px !important; font-size: 11px !important; } } @media (max-width: 360px) { #mainContent { padding: 0 6px !important; } .mc-hero h1 { font-size: 13px !important; } .mc-hero-stat-val { font-size: 12px !important; } .mc-overview-grid { gap: 4px !important; } .mc-stat-card { padding: 6px 8px !important; gap: 6px !important; } .mc-stat-card .icon { font-size: 16px !important; } .mc-stat-card .val { font-size: 14px !important; } .mc-card-grid-2, .mc-card-grid-3 { gap: 4px !important; } .mc-card { padding: 6px 8px !important; } .mc-identity-card { gap: 6px !important; padding: 6px 8px !important; } .mc-avatar { width: 32px !important; height: 32px !important; font-size: 13px !important; } .mc-quick-links { grid-template-columns: repeat(3, 1fr) !important; } .mc-quick-link { font-size: 9px !important; padding: 4px 2px !important; } .mc-tab-bar .mc-tab-btn { font-size: 11px !important; padding: 6px 2px !important; } [data-mc-tab="points"] .mc-card > div[style*="display:flex"] > div:first-child > div:last-child { font-size: 13px !important; } } @media (min-width: 601px) and (max-width: 768px) { #mainContent { padding: 12px 14px !important; } .mc-overview-grid { grid-template-columns: repeat(4, 1fr) !important; gap: 8px !important; } .mc-card-grid-2 { grid-template-columns: 1fr 1fr !important; } .mc-card-grid-3 { grid-template-columns: 1fr 1fr 1fr !important; } .mc-rec-offers-grid { grid-template-columns: 1fr !important; gap: 8px !important; align-items: stretch !important; } .mc-rec-offers-grid > #recommendationsCard { grid-row: auto !important; } .mc-rec-offers-grid > #limitedOffersCard, .mc-rec-offers-grid > #weeklySavingsCard { grid-row: auto !important; } .mc-rec-offers-grid > #limitedOffersCard .mc-card-title, .mc-rec-offers-grid > #weeklySavingsCard .mc-card-title { font-size: 12px !important; } } /* fix0812ui-comm: 佣金分成多列对比表格 */ .comm-compare-table{border-radius:10px;overflow:hidden;border:1px solid var(--border);margin-bottom:14px} .comm-compare-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;background:var(--bg)} .comm-compare-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;border-top:1px solid var(--border)} .comm-col{padding:10px 8px;text-align:center;font-size:13px} .comm-col-label{text-align:left;font-size:12px;color:var(--secondary);font-weight:500;padding-left:14px} .comm-compare-header .comm-col-tier{font-weight:700;font-size:13px;color:var(--secondary);padding-top:12px;padding-bottom:12px} .comm-compare-header .comm-col-tier.current{color:var(--primary);position:relative} .comm-compare-header .comm-col-tier.current::after{content:"当前";position:absolute;top:-1px;right:4px;font-size:9px;background:var(--primary);color:#fff;padding:1px 5px;border-radius:8px;font-weight:600} .comm-col-val{font-weight:700;font-size:16px;color:var(--text)} .comm-col-val.current{color:var(--primary)} .comm-col-platform{font-size:12px;color:var(--muted)} .comm-calc-section{background:var(--bg);border-radius:10px;padding:12px 14px;margin-bottom:10px} .comm-calc-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:6px} .comm-calc-formula{font-size:13px;color:var(--secondary);margin-bottom:6px;line-height:1.5} .comm-calc-formula span{color:var(--primary);font-weight:700} .comm-calc-example{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-bottom:4px} .comm-calc-example-label{background:var(--primary);color:#fff;font-size:10px;padding:1px 6px;border-radius:4px;font-weight:600;flex-shrink:0} .comm-calc-example-body{color:var(--secondary)} .comm-calc-highlight{color:var(--green);font-weight:700;font-size:13px} .comm-calc-note{font-size:11px;color:var(--muted);line-height:1.5;margin-top:4px} .comm-upgrade-cta{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff;font-size:13px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s} .comm-upgrade-cta:hover{transform:translateY(-1px);box-shadow:0 4px 14px #6366f140} .comm-upgrade-arrow{font-size:16px} @media(max-width:600px){ .comm-col{padding:8px 4px;font-size:12px} .comm-col-label{font-size:11px;padding-left:10px} .comm-col-val{font-size:15px} .comm-compare-header .comm-col-tier{font-size:12px} .comm-compare-header .comm-col-tier.current::after{font-size:8px;padding:1px 4px} .comm-upgrade-cta{font-size:12px;padding:9px 14px} } /* fix0812tier: 会员权益对比表格 */ .tier-compare-table{border-radius:10px;overflow:hidden;border:1px solid var(--border);margin-bottom:10px} .tier-compare-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;background:var(--bg)} .tier-compare-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;border-top:1px solid var(--border)} .tier-col{padding:9px 6px;text-align:center;font-size:13px} .tier-col-label{text-align:left;font-size:12px;color:var(--secondary);font-weight:500;padding-left:14px} .tier-compare-header .tier-col-tier{font-weight:700;font-size:13px;color:var(--secondary);padding-top:11px;padding-bottom:11px} .tier-compare-header .tier-col-tier.current{color:var(--primary);position:relative} .tier-compare-header .tier-col-tier.current::after{content:"当前";position:absolute;top:-1px;right:3px;font-size:9px;background:var(--primary);color:#fff;padding:1px 5px;border-radius:8px;font-weight:600} .tier-col-val{font-weight:700;font-size:15px;color:var(--text)} .tier-col-val.current{color:var(--primary)} .tier-col-val-sm{font-size:12px;color:var(--secondary)} .tier-col-val-sm.current{color:var(--primary);font-weight:600} .tier-upgrade-cta{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff;font-size:13px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s} .tier-upgrade-cta:hover{transform:translateY(-1px);box-shadow:0 4px 14px #6366f140} .tier-upgrade-arrow{font-size:16px} @media(max-width:600px){ .tier-col{padding:7px 4px;font-size:12px} .tier-col-label{font-size:11px;padding-left:10px} .tier-col-val{font-size:14px} .tier-compare-header .tier-col-tier{font-size:12px} .tier-compare-header .tier-col-tier.current::after{font-size:8px;padding:1px 4px} .tier-upgrade-cta{font-size:12px;padding:8px 14px} } /* fix0812walwallet: PC/平板端余额与操作按钮同一行 */ @media(min-width:769px){ .wallet-balance-main{display:flex;align-items:center;justify-content:space-between;gap:16px} .wallet-balance-stats{flex:1;min-width:0} .wallet-actions{margin-top:0;flex-shrink:0} .wallet-btn{padding:8px 16px;font-size:13px} } /* fix0812p3row: 移动端三行紧凑布局 — 会员权益/邀请/积分合成单卡三行 */ @media(max-width:768px){ .mc-compact-grid{ grid-template-columns:1fr!important; gap:0!important; margin-bottom:10px!important; border:1px solid var(--border)!important; border-radius:12px!important; overflow:hidden; background:var(--card)!important } .mc-compact-grid .mc-card[data-mc-tab="points"]{ padding:8px 14px!important; border:none!important; border-radius:0!important; border-bottom:1px solid var(--border)!important; margin-bottom:0!important } .mc-compact-grid .mc-card[data-mc-tab="points"]:last-child{ border-bottom:none!important } .mc-compact-grid .mc-card-title{ display:none!important } .mc-compact-grid .mc-card[data-mc-tab="points"] > div[style*="display:flex"]{ padding:4px 0!important } .mc-compact-grid #p2UpgradeHint{ display:none!important } } /* fix0813merge: Unified Profile Block */ .mc-profile-block { background: var(--card); border: 1px solid var(--border); border-radius: 12px; margin-bottom: 8px; overflow: hidden; } .mc-profile-block .mc-identity-card { border: none; background: linear-gradient(135deg, #6366f114, #8b5cf60a); margin-bottom: 0; border-radius: 0; } html[data-theme="dark"] .mc-profile-block .mc-identity-card { background: linear-gradient(135deg, #6366f124, #8b5cf612); } /* Mobile: keep identity card compact, allow sub-sections to wrap */ @media(max-width:768px) { .mc-profile-block { border-radius: 8px; margin-bottom: 6px; } .mc-profile-block .mc-identity-card { padding: 8px 10px; border-radius: 0; } } /* fix0813merge4: Action bar - hidden when tbBindCard is not shown */ .mc-profile-actions { display: none; } .mc-profile-actions:has(#tbBindCard[style*="block"]) { display: block; padding: 0; border-top: 1px solid var(--border); } /* Mobile */ @media(max-width:768px) { .mc-profile-actions:has(#tbBindCard[style*="block"]) { flex-direction: column; } } /* fix0813merge6: Professional taobao binding card - matches identity card design */ .mc-tb-bind-card { padding: 10px 16px; background: linear-gradient(135deg, rgba(255,106,0,0.04), rgba(255,133,51,0.02)); border-top: 1px solid var(--border); } .mc-tb-bind-row { display: flex; align-items: center; gap: 12px; } .mc-tb-bind-icon { font-size: 22px; flex-shrink: 0; line-height: 1; } .mc-tb-bind-info { flex: 1; min-width: 0; } .mc-tb-bind-title { font-size: 14px; font-weight: 700; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mc-tb-bind-desc { font-size: 12px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 2px; } .mc-tb-bind-badge { padding: 5px 14px; background: rgba(16,185,129,0.08); border: 1px solid rgba(16,185,129,0.2); color: #10b981; border-radius: 20px; font-size: 12px; font-weight: 600; white-space: nowrap; flex-shrink: 0; display: inline-flex; align-items: center; gap: 3px; } .mc-tb-bind-btn { padding: 7px 18px; background: linear-gradient(135deg, #ff6a00, #ff8533); color: #fff; border: none; border-radius: 8px; font-size: 12px; font-weight: 600; cursor: pointer; white-space: nowrap; flex-shrink: 0; transition: opacity .2s; } .mc-tb-bind-btn:hover { opacity: 0.9; } .mc-tb-bind-stats { margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(255,106,0,0.08); display: flex; gap: 8px; flex-wrap: wrap; align-items: center; } .mc-tb-bind-stats > span { padding: 4px 12px; border-radius: 20px; font-size: 12px; font-weight: 500; } /* Mobile */ @media(max-width:768px) { .mc-tb-bind-card { padding: 8px 10px; } .mc-tb-bind-icon { font-size: 20px; } .mc-tb-bind-title { font-size: 13px; } .mc-tb-bind-desc { font-size: 11px; } .mc-tb-bind-btn { padding: 6px 14px; font-size: 11px; } .mc-tb-bind-badge { padding: 4px 10px; font-size: 11px; } .mc-tb-bind-stats > span { padding: 3px 8px; font-size: 11px; } } /* === design0819redo: 4-tab system + visual hierarchy === */ /* Tab bar enhancement */ .mc-tab-bar { position: sticky; top: 60px; z-index: 100; display: flex; gap: 0; max-width: 960px; margin: 0 auto; background: var(--bg-card, #fff); border-bottom: 2px solid var(--border, #e5e7eb); padding: 0 4px; } .mc-tab-btn { flex: 1; padding: 10px 4px; border: none; background: transparent; font-size: 13px; color: var(--muted, #9ca3af); cursor: pointer; transition: all 0.2s; border-bottom: 2px solid transparent; margin-bottom: -2px; } .mc-tab-btn.active { color: var(--primary, #6366f1); border-bottom-color: var(--primary, #6366f1); font-weight: 600; } .mc-tab-btn:hover { color: var(--primary, #6366f1); } /* Tab content spacing */ .mc-tab-content { display: flex; flex-direction: column; gap: 12px; padding: 0; } /* Section subtitles */ .mc-subsection-title { font-size: 12px; color: var(--muted, #9ca3af); font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; margin: 8px 0 4px; padding-left: 2px; } /* 2-column responsive grid (for member tab cards) */ .mc-card-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; } @media (max-width: 480px) { .mc-card-grid-2 { grid-template-columns: 1fr; } } /* Redundancy hide */ .mc-duplicate-hide { display: none !important; } /* Tab hidden (for new tabs) */ .mc-tab-hidden { display: none; } /* Card spacing fix */ .mc-card { margin-bottom: 12px; } /* Empty state simplification */ .mc-empty-hint { display: none; } /* Mobile: reduce tab font size */ @media (max-width: 768px) { .mc-tab-btn { font-size: 11px; padding: 8px 2px; } .mc-tab-bar { top: 50px; } } /* design0819iter2: Tab fade-in animation */ .mc-fade-in { animation: mcFadeIn 0.25s ease-out; } @keyframes mcFadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } /* design0819iter2: Enhanced card hover */ .mc-card { transition: border-color .2s, box-shadow .2s, transform .15s; } .mc-card:hover { border-color: var(--primary); box-shadow: 0 4px 16px rgba(99,102,241,0.08); transform: translateY(-1px); } /* design0819iter2: Loading skeleton */ .mc-skeleton { background: linear-gradient(90deg, var(--bg) 25%, var(--border) 50%, var(--bg) 75%); background-size: 200% 100%; animation: mcShimmer 1.5s infinite; border-radius: 6px; } .mc-skeleton-line { height: 14px; margin-bottom: 8px; } .mc-skeleton-line:last-child { width: 60%; } @keyframes mcShimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } /* design0819iter2: Tab button ripple effect */ .mc-tab-btn { position: relative; overflow: hidden; } .mc-tab-btn:active { transform: scale(0.97); } /* design0819iter2: Guest mode wallet empty state enhancement */ .wallet-empty { transition: opacity .3s; }