.cnl-card{--cnl-red:#f72525;box-sizing:border-box;width:100%;max-width:480px;margin:24px auto;padding:28px;background:#fff;border:1px solid #f0e7e7;border-radius:20px;box-shadow:0 8px 35px #5e15150a;color:#25252b;font:15px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;text-align:left}.cnl-card *{box-sizing:border-box}.cnl-brand{color:var(--cnl-red);font-size:23px;font-weight:800;letter-spacing:1px}.cnl-brand span{font-size:18px;letter-spacing:0}.cnl-card h2{font-size:25px;line-height:1.4;margin:14px 0 6px}.cnl-sub,.cnl-help,.cnl-card small{color:#666;font-size:13px}.cnl-method{margin:16px 0;border:1px solid #e8e8ed;border-radius:12px;padding:12px 14px}.cnl-method summary{cursor:pointer;font-weight:600}.cnl-form{margin-top:14px}.cnl-form label{display:block;font-size:13px;font-weight:500}.cnl-card input:not([type=checkbox]){display:block;width:100%;height:46px;padding:10px 12px;border:1px solid #d7d7df;border-radius:8px;margin:5px 0 12px;background:#fff;color:#222;font:16px system-ui}.cnl-card button{cursor:pointer;border:1px solid #dedee5;border-radius:9px;background:#fff;color:#303038;min-height:44px;padding:10px 14px;font:600 14px system-ui}.cnl-card button:disabled{opacity:.55;cursor:wait}.cnl-card button:focus-visible,.cnl-card input:focus-visible,.cnl-card summary:focus-visible{outline:3px solid #f7252555;outline-offset:2px}.cnl-card .cnl-primary{display:block;width:100%;background:var(--cnl-red);border-color:var(--cnl-red);color:white}.cnl-code{display:flex;align-items:center;gap:10px}.cnl-code label{flex:1;min-width:0}.cnl-code button{flex-shrink:0;margin-top:8px}.cnl-social{display:grid;gap:10px}.cnl-consent{display:flex;align-items:flex-start;gap:7px;font-size:12px;margin:20px 0 10px}.cnl-consent input{margin:4px 0;flex-shrink:0}.cnl-card a{color:#c91b1b;text-decoration:underline}.cnl-status{font-size:14px;color:#b11d1d;min-height:24px;margin:10px 0 0;overflow-wrap:anywhere}.cnl-bound{background:#fff4f4;border-radius:8px;padding:10px}.cnl-card small{display:block;margin-top:10px}@media(max-width:480px){.cnl-card{margin:12px auto;padding:20px 16px;border-radius:14px}.cnl-card h2{font-size:23px}.cnl-code{gap:7px}.cnl-code button{padding:10px;font-size:12px}}

.cnl-card [hidden]{display:none!important}

.cnl-card .cnl-connected{margin:0;padding:12px 14px;border:1px solid #cce4d5;border-radius:9px;background:#f2faf5;color:#22623c;font-weight:600}.cnl-card>.cnl-connected{margin:16px 0}.cnl-phone-reminder{margin:18px 0;padding:16px;border:1px solid #edc476;border-radius:12px;background:#fff8e9;color:#664511}.cnl-phone-reminder p{margin:6px 0 12px;font-size:14px}.cnl-card .cnl-phone-reminder button{border-color:#a36513;color:#70440b;background:#fff}

.cnl-qr{margin:20px 0;padding:20px;border:1px solid #d9e5df;border-radius:14px;text-align:center;background:#fff}.cnl-qr[hidden]{display:none}.cnl-qr svg{display:block;width:260px;max-width:100%;height:auto;margin:12px auto}.cnl-qr [data-qr-display]{font-size:24px;letter-spacing:4px}.cnl-qr p{margin:10px 0}

/* Inline icons survive cache CSS rewriting and dynamic WeChat labels. */
.cnl-card .cnl-social button[data-oauth],.cnl-card .cnl-social button[data-wechat],.cnl-card .cnl-social [data-social-icon]{position:relative;padding:12px 44px;min-height:48px;text-align:center}
.cnl-card .cnl-social .cnl-provider-icon{display:block!important;position:absolute;left:14px;top:50%;transform:translateY(-50%);width:22px!important;height:22px!important;max-width:none;pointer-events:none}
.cnl-card .cnl-social button::before,.cnl-card .cnl-social [data-social-icon]::before{content:none!important;background:none!important}