.port-section{background:var(--ink);padding:clamp(56px,7vw,80px)var(--px);border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d}.port-inner{max-width:var(--max-w);grid-template-columns:1fr 1fr;align-items:center;gap:64px;margin:0 auto;display:grid}.port-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--orange);align-items:center;gap:7px;margin-bottom:16px;font-size:.68rem;font-weight:700;display:inline-flex}.port-badge:before{content:"";background:var(--orange);border-radius:50%;width:6px;height:6px;display:inline-block}.port-copy h2{font-family:var(--serif);color:#fff;margin-bottom:20px;font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:800;line-height:1.2}.port-copy p{color:#ffffffa6;margin-bottom:16px;font-size:.95rem;line-height:1.75}.port-copy p:last-of-type{margin-bottom:0}.port-url{color:#ffffff80;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:10px;max-width:100%;margin-top:24px;padding:10px 14px;font-family:monospace;font-size:.75rem;display:flex}.port-url-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.port-url-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:7px;height:7px}.port-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 20px 56px #0000008c,0 0 0 1px #ffffff1f}.port-note{text-align:center;color:#ffffff4d;margin-top:12px;font-size:.65rem}.pc-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.pc-biz{align-items:center;gap:10px;display:flex}.pc-avatar{background:var(--navy);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.65rem;font-weight:700;display:flex}.pc-biz-name{color:var(--ink);font-size:.82rem;font-weight:700}.pc-biz-sub{color:var(--muted);margin-top:1px;font-size:.6rem}.pc-call-btn{background:var(--orange);color:#fff;white-space:nowrap;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:5px 10px;font-size:.62rem;font-weight:700;display:inline-flex}.pc-filters{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:5px;padding:8px 16px;display:flex}.pc-chip{border:1px solid var(--border);border-radius:100px;padding:3px 9px;font-size:.6rem;font-weight:600}.pc-chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.pc-chip.passive{color:var(--muted);background:#fff}.pc-grid{grid-template-columns:repeat(3,1fr);display:grid}.pc-item{border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.pc-item:nth-child(3n){border-right:none}.pc-item:nth-last-child(-n+3){border-bottom:none}.pc-thumb{aspect-ratio:4/3;position:relative;overflow:hidden}.pc-thumb.t1{background:linear-gradient(160deg,#c4d8ec 0%,#9bbcd8 35%,#e8e0d4 65%,#d4c8bc 100%)}.pc-thumb.t2{background:linear-gradient(160deg,#d0e8b0 0%,#98c870 40%,#68a040 80%,#4a8028 100%)}.pc-thumb.t3{background:linear-gradient(160deg,#2e2e2c 0%,#4a4a46 30%,#c8c8c4 68%,#ececea 100%)}.pc-thumb.t4{background:linear-gradient(160deg,#dcecd0 0%,#bcdc9c 40%,#8cb870 80%,#6a9450 100%)}.pc-thumb.t5{background:linear-gradient(160deg,#eee4d8 0%,#d8c8b0 45%,#c4a888 80%,#a88868 100%)}.pc-thumb.t6{background:linear-gradient(160deg,#b8cde4 0%,#8aaecb 35%,#6a9ab8 65%,#4a7a98 100%)}.pc-thumb-label{letter-spacing:.05em;text-transform:uppercase;color:#ffffffeb;pointer-events:none;background:#0000005c;border-radius:3px;padding:2px 5px;font-size:.36rem;font-weight:700;position:absolute;bottom:4px;left:5px}.pc-new-badge{letter-spacing:.07em;text-transform:uppercase;color:#fff;background:var(--orange);pointer-events:none;border-radius:3px;padding:2px 6px;font-size:.36rem;font-weight:800;animation:.35s cubic-bezier(.34,1.56,.64,1) 1.1s both port-badge-in;position:absolute;top:5px;right:5px}.pc-thumb-new{animation:.5s .8s both port-thumb-in}@keyframes port-badge-in{0%{opacity:0;transform:scale(.6)translateY(-3px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes port-thumb-in{0%{opacity:.2}to{opacity:1}}.pc-meta{padding:5px 7px}.pc-meta-type{color:var(--ink);font-size:.52rem;font-weight:700}.pc-meta-loc{color:var(--muted);margin-top:1px;font-size:.48rem}.pc-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:9px 16px;display:flex}.pc-count{color:var(--muted);font-size:.62rem}.pc-view-all{color:var(--navy);font-size:.62rem;font-weight:600}.ba-thumb{aspect-ratio:4/3;position:relative;overflow:hidden}.ba-thumb .ba-before{background:linear-gradient(160deg,#484440 0%,#6a6460 50%,#8a8480 100%);position:absolute;inset:0}.ba-thumb .ba-after{clip-path:polygon(52% 0%,100% 0%,100% 100%,48% 100%);background:linear-gradient(160deg,#d8dce8 0%,#e8ecf4 50%,#f4f6fc 100%);position:absolute;inset:0}.ba-line{z-index:2;background:#ffffffe0;width:1.5px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.ba-thumb .ba-handle{z-index:3;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000059}.ba-thumb .ba-handle:before,.ba-thumb .ba-handle:after{content:"";border-style:solid;width:0;height:0;position:absolute}.ba-thumb .ba-handle:before{border-width:3px 4px 3px 0;border-color:#0000 #888 #0000 #0000;left:2px}.ba-thumb .ba-handle:after{border-width:3px 0 3px 4px;border-color:#0000 #0000 #0000 #888;right:2px}.ba-label{letter-spacing:.05em;text-transform:uppercase;color:#ffffffe0;z-index:4;background:#00000059;border-radius:3px;padding:2px 5px;font-size:.34rem;font-weight:700;position:absolute;bottom:4px}.ba-label.before{left:5px}.ba-label.after{right:5px}.phone-outer{justify-content:center;display:flex}.phone{background:linear-gradient(160deg,#2c2c2e 0%,#1c1c1e 55%,#141414 100%);border-radius:46px;width:268px;padding:14px 11px 22px;position:relative;transform:rotate(1.2deg);box-shadow:0 44px 88px #000000b3,0 0 0 1px #ffffff21,inset 0 1px #ffffff17,inset 0 -1px #00000080}.phone:before{content:"";background:linear-gradient(#3a3a3c,#2a2a2c);border-radius:0 2px 2px 0;width:3px;height:52px;position:absolute;top:88px;right:-2.5px}.phone-bar{justify-content:center;align-items:center;gap:7px;padding:0 0 10px;display:flex}.phone-pill{background:#ffffff24;border-radius:100px;width:68px;height:5px}.phone-cam{background:#ffffff1a;border:1px solid #ffffff14;border-radius:50%;width:9px;height:9px}.phone-screen{background:#fff;border-radius:32px;overflow:hidden}.mob-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:9px 11px;display:flex}.mob-biz-row{align-items:center;gap:7px;display:flex}.mob-avatar{background:var(--navy);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.48rem;font-weight:700;display:flex}.mob-biz-name{color:var(--ink);font-size:.6rem;font-weight:700}.mob-biz-sub{color:var(--muted);margin-top:1px;font-size:.46rem}.mob-call-btn{background:var(--orange);color:#fff;white-space:nowrap;border-radius:5px;align-items:center;gap:4px;padding:4px 8px;font-size:.48rem;font-weight:700;display:inline-flex}.mob-filters{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;padding:6px 10px;display:flex}.mob-chip{border:1px solid var(--border);border-radius:100px;padding:2px 7px;font-size:.46rem;font-weight:600}.mob-chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.mob-chip.passive{color:var(--muted);background:#fff}.mob-grid{grid-template-columns:1fr 1fr;display:grid}.mob-item{border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.mob-item:nth-child(2n){border-right:none}.mob-item:nth-last-child(-n+2){border-bottom:none}.mob-thumb{aspect-ratio:4/3;position:relative;overflow:hidden}.mob-thumb.m1{background:linear-gradient(160deg,#c4d8ec 0%,#9bbcd8 40%,#8aaecb 100%)}.mob-thumb.m3{background:linear-gradient(160deg,#d0e0c8 0%,#a8c890 40%,#80a860 80%,#608040 100%)}.mob-thumb.m4{background:linear-gradient(160deg,#eee4d8 0%,#d8c8b0 45%,#c0a480 100%)}.mob-meta{padding:4px 7px}.mob-meta-type{color:var(--ink);font-size:.44rem;font-weight:700}.mob-meta-loc{color:var(--muted);margin-top:1px;font-size:.38rem}.mob-share{border-top:1px solid var(--border);color:var(--navy);letter-spacing:.01em;justify-content:center;align-items:center;gap:5px;padding:10px 12px;font-size:.5rem;font-weight:700;display:flex}@media (max-width:800px){.port-inner{grid-template-columns:1fr;gap:36px}}