.port-hero{padding:58px 0 34px;background:linear-gradient(180deg,#fff1f7,#fff)}.port-hero h1{font-size:clamp(2.8rem,7vw,5.8rem);line-height:.92;color:var(--plum);letter-spacing:-.05em}.port-hero h1 span{color:var(--pink)}.port-hero p{max-width:700px;color:var(--muted);font-size:1.03rem;margin-top:16px}.port-jump{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.port-jump a{background:#fff;border:1px solid var(--line);padding:9px 14px;border-radius:999px;font-weight:800;font-size:.88rem}.port-jump a:hover{border-color:var(--pink);color:var(--pink)}
.port-wrap{width:min(1320px,calc(100% - 36px));margin:auto}.port-section{padding:52px 0 8px}.port-section h2{font-size:.82rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--pink);display:flex;align-items:center;gap:12px}.port-section h2::after{content:"";height:1px;background:var(--line);flex:1}.ct{color:#8d6479;font-size:.76rem;letter-spacing:.04em}.grid{columns:4 250px;column-gap:14px;padding-top:20px}.cell{break-inside:avoid;margin-bottom:14px;border-radius:16px;overflow:hidden;border:1px solid #f1d2e0;background:#fff;cursor:pointer;transition:.25s;box-shadow:0 8px 22px rgba(74,17,51,.05)}.cell:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(74,17,51,.12)}.cell img{width:100%;height:auto}
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;padding-top:20px}.vcell{position:relative;border-radius:16px;overflow:hidden;border:1px solid #f1d2e0;background:#000;cursor:pointer;aspect-ratio:9/16;transition:.25s}.vcell:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(74,17,51,.12)}.vcell img{width:100%;height:100%;object-fit:cover}.play{position:absolute;inset:0;display:grid;place-items:center;background:rgba(42,10,30,.13)}.circle{width:58px;height:58px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 6px 24px rgba(0,0,0,.22)}.tri{width:0;height:0;border-left:19px solid var(--pink);border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}
.subhead{display:flex;align-items:center;gap:10px;margin:27px 0 13px;font-size:.75rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--plum)}.subhead span{font-size:.7rem;color:var(--pink);background:var(--soft);padding:2px 8px;border-radius:999px}.subhead::after{content:"";height:1px;background:var(--line);flex:1}.sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:13px}.site2{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid #f1d2e0;border-radius:16px;background:#fff;position:relative;transition:.25s}.site2:hover{border-color:var(--pink);transform:translateY(-3px);box-shadow:0 12px 28px rgba(74,17,51,.09)}.s2-top{display:flex;justify-content:space-between;align-items:center}.favbox{width:38px;height:38px;border-radius:11px;background:var(--plum);color:#fff;display:grid;place-items:center;font-weight:900}.s2-go{color:var(--pink);font-size:1.1rem}.site2 h3{font-size:.98rem;color:var(--plum);line-height:1.25}.s2-dom{font-size:.78rem;color:#8c687a;word-break:break-all}
.lb{position:fixed;inset:0;z-index:120;background:rgba(31,7,23,.94);display:none;align-items:center;justify-content:center;padding:28px}.lb.show{display:flex}.lb-stage{position:relative;max-width:94vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.lb-stage img,.lb-stage video{max-width:92vw;max-height:84vh;border-radius:14px}.lb-x,.lb-nav{position:absolute;border:0;background:#fff;color:var(--plum);cursor:pointer;display:grid;place-items:center;border-radius:50%;z-index:5}.lb-x{width:40px;height:40px;top:-48px;right:0;font-size:1.3rem}.lb-nav{width:44px;height:44px;top:50%;transform:translateY(-50%);font-size:1.5rem}.lb-prev{left:-58px}.lb-next{right:-58px}.port-bottom{padding:56px 0 76px}
@media(max-width:760px){.grid{columns:2 150px;column-gap:10px}.cell{margin-bottom:10px}.lb-prev{left:6px}.lb-next{right:6px}.lb-x{right:4px}.vgrid{grid-template-columns:repeat(2,1fr)}}