.cp106{--cp-paper:#fff;--cp-bg:#faf9f6;--cp-text:#20252c;--cp-sub:#67717d;--cp-line:#e7e8eb;--cp-soft:#f2f3f5;--cp-red:#dd263e;color:var(--cp-text);background:var(--cp-bg);font:14px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:640px;margin:auto;padding:4px 0 14px}
html[data-theme=dark] .cp106{--cp-paper:#20262d;--cp-bg:#14191f;--cp-text:#f1f4f8;--cp-sub:#b4bcc6;--cp-line:#343c47;--cp-soft:#2c333c}
.cp106 *{box-sizing:border-box}.cp106 button{font:inherit;cursor:pointer;border:0;background:none;color:inherit;text-align:left;margin:0;box-shadow:none;min-width:0}.cp106 button:focus-visible{outline:2px solid var(--cp-red);outline-offset:3px}.cp106 svg{width:21px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.cp106-profile{display:flex;align-items:center;gap:12px;padding:16px 0 22px}.cp106-avatar{width:54px;height:54px;border-radius:50%;border:1px solid #cfad67;display:grid;place-items:center;background:#f5ead2;color:#7c591c;flex-shrink:0;overflow:hidden;font-size:21px;font-weight:650}.cp106-avatar img{width:100%;height:100%;object-fit:cover}.cp106-profile>div{min-width:0;flex:1}.cp106-profile h2{font-size:24px;line-height:1.2;letter-spacing:-.7px;margin:0 0 5px;font-weight:750;overflow-wrap:anywhere}.cp106-profile p{font-size:12px;line-height:1.5;color:var(--cp-sub);margin:0}.cp106 .cp106-edit{width:42px;height:42px;border-radius:50%;background:var(--cp-paper);display:grid;place-items:center;flex-shrink:0;padding:10px}
.cp106 .cp106-membership{display:block;width:100%;padding:23px;border-radius:22px;overflow:hidden;position:relative;background:linear-gradient(118deg,#252c31,#101619);color:#f4e1b3;border:1px solid #444948;--tier:#dcb961}.cp106 .cp106-membership:before{content:'';position:absolute;right:-82px;top:-130px;width:230px;height:230px;border:1px solid #d9c08325;border-radius:50%;box-shadow:0 0 0 22px #d9c08308,0 0 0 44px #d9c08306;pointer-events:none}.cp106 .tier-basic{--tier:#b3d3dc;color:#d6edf1}.cp106 .tier-silver{--tier:#bec6d1;color:#e8eef6}.cp106 .tier-platinum{--tier:#9ccee1;color:#d1edf8;background:linear-gradient(118deg,#253b4c,#15232f)}.cp106 .tier-vip{--tier:#ccacf4;color:#e9dbff;background:linear-gradient(118deg,#382d48,#19151f)}.cp106-club{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:2px}.cp106-club svg{width:28px;height:29px}.cp106-tier-name{display:block;font-size:31px;font-weight:650;letter-spacing:-.8px;margin:10px 0 15px;overflow-wrap:anywhere}.cp106-tier-name>span{font-size:.85em}.cp106-progress{height:5px;background:#ffffff25;border-radius:6px;overflow:hidden}.cp106-progress>span{display:block;height:100%;background:var(--tier);border-radius:6px}.cp106-point-row{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#e1e5e9;font-size:11px;margin-top:10px}.cp106-next{display:block;font-size:11px;color:#c5ced7;margin-top:8px}.cp106-balances{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin:14px 0 20px}.cp106 .cp106-balance{display:flex;flex-direction:column;align-items:flex-start;gap:9px;background:var(--cp-paper);border:1px solid var(--cp-line);border-radius:18px;padding:17px}.cp106-balance>svg{color:var(--cp-red);width:20px;height:21px}.cp106-balance strong{font-size:25px;line-height:1.2;letter-spacing:-.6px;overflow-wrap:anywhere;max-width:100%}.cp106-balance strong small{font-size:12px;letter-spacing:0;font-weight:400}.cp106-balance>span{font-size:12px;color:var(--cp-sub)}.cp106-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.cp106-section-title h3{font-size:16px;font-weight:650;margin:0}.cp106 .cp106-all{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--cp-red);padding:7px 0;min-height:38px}.cp106-all svg{width:13px;height:14px}.cp106-order-box{background:var(--cp-paper);border:1px solid var(--cp-line);border-radius:18px;overflow:hidden;margin:0 0 19px}.cp106 .cp106-order{width:100%;display:flex;gap:11px;align-items:center;padding:16px}.cp106-product{width:49px;height:54px;flex-shrink:0;border-radius:11px;background:var(--cp-soft);display:grid;place-items:center;overflow:hidden;color:var(--cp-sub)}.cp106-product img{width:100%;height:100%;object-fit:contain}.cp106-order-text{flex:1;min-width:0}.cp106-order-text strong{font-size:13px;font-weight:650;display:block;overflow-wrap:anywhere}.cp106-order-text small{display:block;color:var(--cp-sub);font-size:10px;margin-top:5px;overflow-wrap:anywhere}.cp106-status{font-size:10px;padding:5px 8px;border-radius:8px;color:#206b4c;background:#e9f5ee;max-width:100px;overflow-wrap:anywhere}.cp106-status.is-cancelled{background:#fcebed;color:#b92e40}html[data-theme=dark] .cp106-status{background:#243e32;color:#a5e6c0}html[data-theme=dark] .cp106-status.is-cancelled{background:#492c32;color:#ffb8c0}.cp106-steps{display:flex;gap:5px;padding:0 16px 16px}.cp106-steps span{height:3px;border-radius:3px;flex:1;background:var(--cp-line)}.cp106-steps span.done{background:var(--cp-red)}.cp106-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;padding:21px 12px;color:var(--cp-sub);font-size:12px}.cp106-empty strong{font-weight:500;color:var(--cp-text)}.cp106 .cp106-retry{color:var(--cp-red);min-height:40px}
.cp106-menu{background:var(--cp-paper);border:1px solid var(--cp-line);border-radius:19px;padding:2px 15px}.cp106 .cp106-row{display:flex;align-items:center;gap:13px;min-height:57px;width:100%;padding:12px 0}.cp106-row+.cp106-row{border-top:1px solid var(--cp-line)}.cp106-row>span{flex:1;font-size:13px}.cp106-row>svg:first-child{color:var(--cp-sub);width:20px}.cp106-row>svg:last-child{width:14px;color:var(--cp-sub)}.cp106-prefs{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0 0}.cp106 .cp106-prefs button{font-size:12px;color:var(--cp-sub);min-height:44px;display:flex;align-items:center;gap:6px;padding:4px 0}.cp106 .cp106-logout{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--cp-sub);min-height:44px;padding:4px 0}.cp106-logout svg,.cp106-prefs svg{width:17px;height:18px}
#account-menu.cp106-web{width:min(440px,100%);padding:18px;max-height:90dvh;background:#faf9f6;border-radius:24px;overflow-y:auto}html[data-theme=dark] #account-menu.cp106-web{background:#14191f}.cp106-web-head{display:flex;align-items:center;gap:12px;justify-content:space-between}.cp106-web-head strong{font-size:21px;letter-spacing:-.8px}.cp106-web-head b{color:#df2940}.cp106-web-head>div{display:flex;gap:4px}.cp106-web-head button{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:none;color:inherit;padding:8px}.cp106-web-head svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.cp106-web .qa-menu-close{display:grid!important}.cp106-web .qa-menu-links{padding:0}.cp106-web .sp92-langbar{display:none!important}
body[data-g20-page=profile] #main:has(.cp106){background:var(--cp-bg,#faf9f6);max-width:680px}html[data-theme=dark] body[data-g20-page=profile] #main:has(.cp106){background:#14191f}.cp106-app-title{font-size:21px;letter-spacing:-.8px;font-weight:750}.cp106-app-title b{color:#df2940}.cp106-app-title small{display:block;color:var(--muted,#76808c);font-size:10px;letter-spacing:1.4px;font-weight:400;text-transform:uppercase;margin-top:4px}
@media(max-width:640px){#account-menu.cp106-web{inset:auto 0 0;max-height:94dvh;border-radius:24px 24px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));width:100%}.cp106-profile h2{font-size:23px}}
@media(max-width:360px){.cp106-profile{gap:9px}.cp106-profile h2{font-size:20px}.cp106-avatar{width:46px;height:46px}.cp106 .cp106-membership{padding:19px}.cp106 .cp106-balance{padding:13px}.cp106-balance strong{font-size:22px}.cp106 .cp106-order{padding:13px;gap:8px}.cp106-status{max-width:80px}.cp106-tier-name{font-size:28px}}