.channel-button{position:relative}.channel-button.connected:after{content:"";position:absolute;right:-2px;top:-2px;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#22bf7c}.channel-modal[hidden]{display:none}.channel-modal{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:22px;background:#13213c75;backdrop-filter:blur(4px)}.channel-dialog{position:relative;width:min(680px,100%);max-height:min(720px,90vh);overflow:auto;padding:32px;background:#fff;border-radius:20px;box-shadow:0 28px 90px #101d3945}.channel-close{position:absolute;right:18px;top:14px;width:34px;height:34px;border:0;border-radius:50%;background:#f3f6fb;color:#60708a;font-size:23px;cursor:pointer}.channel-eyebrow{margin:0;color:#2878ed;font-size:12px;font-weight:700;letter-spacing:1px}.channel-dialog h2{margin:7px 0 8px;font-size:25px}.channel-intro,.channel-note{margin:0;color:#728098;font-size:13px;line-height:1.75}.channel-list{display:grid;gap:10px;margin:24px 0}.channel-item{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #e6edf7;border-radius:13px}.channel-symbol{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:11px;background:#fff3e8;color:#e56700;border:1px solid #ffe0c0;font-size:12px;font-weight:800}.channel-taobao{background:#fff1eb;color:#ff6200}.channel-pdd{background:#fff0f2;color:#e93345}.channel-jd{background:#fff1f2;color:#de1d28}.channel-item h3{margin:0 0 3px;font-size:15px}.channel-item p{margin:0;color:#7d899d;font-size:12px;line-height:1.5}.channel-actions{display:flex;gap:7px;margin-left:auto;white-space:nowrap}.channel-open,.channel-confirm{height:32px;padding:0 10px;border:1px solid #dce5f0;border-radius:7px;background:#fff;color:#536077;cursor:pointer;font-size:12px}.channel-open{border-color:#2878ed;background:#2878ed;color:#fff}.channel-confirm.is-connected{border-color:#b9e8d1;background:#effcf5;color:#168959}@media(max-width:640px){.channel-dialog{padding:28px 18px}.channel-item{align-items:flex-start;flex-wrap:wrap}.channel-actions{width:100%;margin-left:56px}.channel-actions button{flex:1}}