:root{--connect-blue:#165cff;--connect-yellow:#ffd500;--connect-orange:#ff4c2f;--connect-ink:#0b0b0c;--connect-line:#e8e7e3;--connect-muted:#747474}
.detail-avatar{overflow:hidden}.detail-avatar img{width:100%;height:100%;object-fit:cover}
.connect-avatar-editor{margin-bottom:17px;padding:14px 15px;display:flex;align-items:center;gap:15px;border:1px solid var(--connect-line);border-radius:13px;background:linear-gradient(100deg,#f7f6f1,#fff8cc)}.connect-editor-avatar{width:68px;height:68px;display:grid;place-items:center;flex:0 0 auto;overflow:hidden;border:3px solid #111;border-radius:20px;color:#111;background:linear-gradient(135deg,var(--connect-yellow),#ff6b36);font-size:20px;font-weight:950;box-shadow:5px 5px 0 var(--connect-yellow)}.connect-editor-avatar img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.connect-avatar-editor strong{display:block;font-size:13px}.connect-avatar-editor p{margin:3px 0 8px;color:#777;font-size:9px}.connect-avatar-upload{width:max-content;min-height:29px;margin:0!important;padding:0 10px;display:inline-flex!important;align-items:center;border-radius:7px;color:#fff!important;background:var(--connect-blue);font-size:9px!important;cursor:pointer}.connect-avatar-upload input{display:none}.connect-wechat-field{position:relative;grid-column:1/-1}.connect-wechat-field small{position:absolute;right:8px;top:1px;color:#999;font-size:8px;font-weight:500}.save-profile:disabled{opacity:.6;cursor:wait}
.connect-page{min-width:320px;color:var(--connect-ink);background:#fff}.connect-page .site-header{height:70px;grid-template-columns:280px 1fr 280px;padding:0 44px;position:relative}.connect-page .brand{font-size:31px}.connect-page .main-nav{gap:78px;font-size:18px}.connect-page .main-nav a{padding:23px 0 21px}.connect-page .main-nav a::after{bottom:10px}.connect-page .login-button{min-width:106px}.connect-page main{overflow:hidden}
.connect-shell{max-width:1680px;margin:0 auto;padding:18px 52px 36px;display:grid;grid-template-columns:minmax(0,3fr) minmax(350px,1.08fr);gap:22px}.browse-column{min-width:0;position:relative}.connect-search{height:47px;display:flex;align-items:center;gap:10px;padding:0 15px;border:1px solid #dcdcdc;border-radius:11px;background:#fff}.connect-search svg{width:20px;height:20px;fill:none;stroke:#555;stroke-width:1.8}.connect-search input{width:100%;border:0;outline:0;background:transparent;font-size:12px}.connect-city-select{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.connect-filters{height:47px;display:flex;align-items:center;gap:11px}.connect-filters button{min-width:78px;height:31px;padding:0 18px;border:1px solid #e1e1e1;border-radius:999px;background:#fff;font-size:11px;font-weight:750;cursor:pointer;white-space:nowrap}.connect-filters button.is-active{border-color:var(--connect-yellow);background:var(--connect-yellow)}.result-count{position:absolute;right:0;top:61px;color:#999;font-size:10px}
.connect-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.connect-loading,.connect-empty{grid-column:1/-1;padding:70px;text-align:center;color:#888;border:1px dashed #ccc;border-radius:14px}.connect-person{height:222px;min-width:0;padding:15px 17px 12px;display:grid;grid-template-columns:80px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;border:1px solid var(--connect-line);border-radius:14px;background:#fff;box-shadow:0 8px 23px rgba(0,0,0,.035);transition:border-color .2s,box-shadow .2s,transform .2s}.connect-person:hover,.connect-person:first-child{border-color:var(--connect-blue);box-shadow:0 12px 27px rgba(22,92,255,.08);transform:translateY(-1px)}.connect-avatar{grid-row:1/3;width:72px;height:72px;display:grid;place-items:center;overflow:hidden;border-radius:50%;color:transparent;background:#e9eef8 url('/assets/opc-community-hero-v3.png') no-repeat;background-size:620px auto}.connect-person:nth-child(6n+1) .connect-avatar,.connect-person:nth-child(6n+5) .connect-avatar{background-position:-267px -95px}.connect-person:nth-child(6n+2),.connect-person:nth-child(6n+6){background-color:#fff}.connect-person:nth-child(6n+2) .connect-avatar,.connect-person:nth-child(6n+4) .connect-avatar{background-position:-386px -94px}.connect-person:nth-child(6n+3) .connect-avatar,.connect-person:nth-child(6n+6) .connect-avatar{background-position:-516px -107px}.connect-avatar img{width:100%;height:100%;object-fit:cover}.connect-identity{min-width:0;padding-top:2px}.connect-identity h3{margin:0 0 5px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connect-identity h3 span{color:#777;font-size:10px;font-weight:500}.connect-badge{display:inline-block;padding:3px 7px;border-radius:4px;background:var(--connect-yellow);font-size:9px;font-weight:900}.connect-headline{grid-column:2;margin:5px 0 0;overflow:hidden;color:#666;font-size:10px;line-height:1.4;white-space:nowrap;text-overflow:ellipsis}.offer-seek{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:10px}.offer-seek>div{min-width:0}.offer-seek strong{display:block;margin-bottom:6px;font-size:10px}.mini-tags{height:24px;display:flex;gap:4px;overflow:hidden}.mini-tags span{padding:4px 8px;border-radius:7px;color:#1359d9;background:#edf3ff;font-size:9px;white-space:nowrap}.offer-seek>div:last-child .mini-tags span{color:#e94a1f;background:#fff0e9}.connect-person footer{grid-column:1/-1;margin-top:10px}.connect-person footer button{width:100%;height:31px;border:1px solid #111;border-radius:999px;background:#fff;font-size:10px;font-weight:850;cursor:pointer}.connect-person footer button:disabled{color:#999;border-color:#ddd;background:#f4f4f4}.connect-person footer .view-person{display:none}
.connection-aside{display:grid;align-content:start;gap:14px}.request-column{min-height:433px;padding:18px 20px;border:1px solid var(--connect-line);border-radius:16px;background:#fff;box-shadow:0 8px 25px rgba(0,0,0,.035)}.request-column header{position:relative;display:flex;align-items:center;justify-content:space-between}.request-column header h2{margin:0;font-size:20px}.request-column header a{color:var(--connect-blue);font-size:10px;font-weight:800}.request-column header i{position:absolute;right:-7px;top:-8px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--connect-orange);font-size:9px;font-style:normal}.request-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.request-summary button{height:96px;display:grid;place-items:center;align-content:center;border:1px solid var(--connect-line);border-radius:13px;background:#fff;cursor:pointer}.request-summary button.active{background:#fdfdfd;box-shadow:inset 0 -3px 0 var(--connect-yellow)}.request-summary span{font-size:11px}.request-summary strong{margin:3px 0;font-size:29px;line-height:1}.request-summary small{color:#777;font-size:9px}.request-column>h3{margin:16px 0 8px;font-size:11px}.request-list{max-height:215px;display:grid;gap:0;overflow:auto;border:1px solid var(--connect-line);border-radius:12px}.request-empty{min-height:132px;display:grid;place-items:center;align-content:center;gap:7px;color:#999;text-align:center;font-size:10px}.request-empty b{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#f2f2f2;font-size:18px}.request-card{padding:10px 11px;border-bottom:1px solid #eee}.request-card:last-child{border-bottom:0}.request-card-top{display:flex;align-items:center;gap:8px}.request-mini-avatar{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#fff;background:var(--connect-blue);font-size:10px;font-weight:900}.request-card-top div{min-width:0;display:grid}.request-card-top strong{font-size:11px}.request-card-top small{overflow:hidden;color:#888;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.request-card>p{margin:7px 0;color:#666;font-size:9px;line-height:1.45}.request-actions{display:flex;gap:6px}.request-actions button{height:25px;padding:0 12px;border:1px solid #aaa;border-radius:999px;background:#fff;font-size:9px}.request-actions button.accept{color:#fff;border-color:var(--connect-blue);background:var(--connect-blue)}.request-status{display:flex;justify-content:space-between;padding-top:7px;border-top:1px solid #eee;color:#777;font-size:8px}.request-status b.accepted{color:#128357}.request-contact{margin-top:6px;padding:6px;border-radius:5px;color:#174fcf;background:#edf2ff;font-size:9px;font-weight:800}.connect-tip{height:183px;position:relative;overflow:hidden;padding:22px 24px;border-radius:15px;color:#fff;background:linear-gradient(135deg,#1063ff,#0050e8)}.connect-tip h2{margin:0 0 14px;font-size:16px}.connect-tip ol{margin:0;padding:0;display:grid;gap:8px;list-style:none}.connect-tip li{display:flex;align-items:center;gap:7px;font-size:9px}.connect-tip li b{width:17px;height:17px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:var(--connect-blue);background:#fff;font-size:9px}.connect-tip>span{position:absolute;right:24px;bottom:14px;font-size:58px;filter:drop-shadow(0 5px 0 rgba(0,0,0,.08))}
.connect-modal[hidden],.connect-toast[hidden]{display:none}.connect-modal{position:fixed;inset:0;z-index:140;display:grid;place-items:center;padding:20px}.connect-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.65);backdrop-filter:blur(6px)}.connect-dialog{position:relative;width:min(680px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:22px;background:#fff;box-shadow:0 35px 100px rgba(0,0,0,.3)}.connect-dialog>header{padding:26px 28px 20px;display:flex;justify-content:space-between;border-bottom:1px solid var(--connect-line)}.connect-dialog>header span{color:var(--connect-blue);font-size:10px;font-weight:950;letter-spacing:1.4px}.connect-dialog>header h2{margin:6px 0 3px;font-size:25px}.connect-dialog>header p{margin:0;color:#777;font-size:11px}.connect-dialog>header button,.person-close{width:36px;height:36px;border:0;border-radius:50%;background:#f2f1ed;font-size:23px}.profile-dialog form,.request-dialog form{padding:24px 28px 29px}.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.profile-dialog label,.request-dialog label{display:grid;gap:7px;margin-bottom:14px;color:#555;font-size:12px;font-weight:800}.profile-dialog em{color:var(--connect-orange);font-style:normal}.profile-dialog input,.profile-dialog textarea,.request-dialog textarea{width:100%;padding:11px 12px;border:1px solid var(--connect-line);border-radius:9px;outline:0}.profile-dialog textarea,.request-dialog textarea{min-height:92px;resize:vertical}.profile-dialog input:focus,.profile-dialog textarea:focus,.request-dialog textarea:focus{border-color:var(--connect-blue);box-shadow:0 0 0 3px #e9efff}.visibility{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.visibility input{width:auto}.save-profile,.send-request{width:100%;height:48px;border:0;border-radius:10px;color:#fff;background:var(--connect-blue);font-weight:900}.connect-error{min-height:18px;margin:10px 0 0;color:#d84029;text-align:center;font-size:11px}.person-dialog{width:min(560px,100%);overflow:visible}.person-close{position:absolute;right:14px;top:14px;z-index:2}.person-detail{padding:35px}.detail-top{display:flex;align-items:center;gap:15px}.detail-avatar{width:70px;height:70px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--connect-blue);font-size:23px;font-weight:950}.detail-top h2{margin:0 0 5px;font-size:28px}.detail-top p{margin:0;color:#777;font-size:12px}.detail-body{margin-top:23px;padding:18px;border-radius:13px;background:#f5f3ed}.detail-body small{color:var(--connect-blue);font-size:9px;font-weight:950}.detail-body h3{margin:6px 0 9px}.detail-body p{margin:0;color:#666;font-size:13px;line-height:1.7}.detail-section{margin-top:19px}.detail-section>span{display:block;margin-bottom:8px;color:#888;font-size:10px;font-weight:900}.detail-tags{display:flex;flex-wrap:wrap;gap:6px}.detail-tags i{padding:6px 9px;border-radius:7px;background:#edf2ff;color:#164fcf;font-size:10px;font-style:normal}.detail-action{width:100%;height:48px;margin-top:23px;border:0;border-radius:10px;color:#fff;background:#111;font-weight:900}.detail-action:disabled{color:#777;background:#eee}.request-person{margin-bottom:17px;padding:12px;display:flex;align-items:center;gap:10px;border-radius:10px;background:#f5f3ed}.request-person b{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--connect-blue)}.request-person strong,.request-person span{display:block}.request-person span{margin-top:3px;color:#777;font-size:10px}.connect-toast{position:fixed;z-index:180;right:24px;bottom:24px;padding:13px 18px;border-radius:10px;color:#fff;background:#111;box-shadow:0 15px 40px rgba(0,0,0,.25);font-size:12px}
@media(max-width:1180px){.connect-page .site-header{grid-template-columns:220px 1fr 180px}.connect-page .main-nav{gap:34px}.connect-shell{padding-left:28px;padding-right:28px;grid-template-columns:minmax(0,1fr) 320px}.connect-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:880px){.connect-shell{grid-template-columns:1fr}.connection-aside{grid-template-columns:1fr 1fr}.request-column{min-height:370px}.connect-tip{height:100%}}
@media(max-width:650px){.connect-page .site-header{height:auto;min-height:68px;grid-template-columns:1fr auto;padding:0 18px}.connect-page .main-nav{grid-column:1/-1;gap:27px;font-size:14px}.connect-shell{padding:18px 14px 38px}.connect-filters{height:auto;padding:11px 0;overflow-x:auto}.connect-filters button{flex:0 0 auto}.result-count{display:none}.connect-grid{grid-template-columns:1fr}.connect-person{height:214px}.connection-aside{grid-template-columns:1fr}.request-column{min-height:0}.connect-tip{height:190px}.profile-form-grid{grid-template-columns:1fr}.connect-dialog>header,.profile-dialog form,.request-dialog form{padding-left:20px;padding-right:20px}}

.direct-wechat-option{margin:0 0 15px!important;padding:13px 14px;display:grid!important;grid-template-columns:auto 1fr!important;align-items:start;gap:10px!important;border:1px solid #dbe4ff;border-radius:11px;background:#f3f6ff;color:#111!important;cursor:pointer}.direct-wechat-option input{width:17px!important;height:17px;margin-top:2px;accent-color:var(--connect-blue)}.direct-wechat-option span{display:grid;gap:4px}.direct-wechat-option strong{font-size:11px}.direct-wechat-option small{color:#66708a;font-size:9px;font-weight:500;line-height:1.55}.direct-wechat-hint,.request-privacy-note{margin:14px 0 0;padding:10px 12px;border:1px solid #dbe4ff;border-radius:9px;color:#174fcf;background:#f3f6ff;font-size:10px;line-height:1.55}.request-privacy-note{margin:0 0 15px}.connect-badge{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}