*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;padding:32px;background:#ebe9e6;color:#252426;font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif}
#app>.loading{max-width:1420px;margin:60px auto;padding:28px;border-radius:18px;background:#fff}
#app>.loading h2{margin:0 0 8px;font-size:28px}#app>.loading p{margin:0;color:#6c666e}
#app>h2{max-width:1420px;margin:0 auto 8px;font-size:28px;letter-spacing:-.03em}#app>.subtitle{max-width:1420px;margin:0 auto 22px;color:#6c666e;font-size:14px;line-height:1.7}
.options{max-width:1420px;margin:18px auto 0}.option{display:flex;gap:12px;align-items:center;padding:16px 18px;border:1px solid #d7d3cf;border-radius:14px;background:#fff;cursor:pointer}.option.selected{outline:3px solid #ff4f78}.option .letter{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ff4f78;color:#fff;font-weight:800}.option .content h3{margin:0 0 4px;font-size:15px}.option .content p{margin:0;color:#6c666e;font-size:12px}

.full-preview .business-card{position:relative;overflow:hidden;isolation:isolate;min-height:248px;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease;outline:none}.business-card:hover,.business-card:focus-visible,.business-card.is-open{transform:translateY(-7px);box-shadow:0 20px 44px rgba(36,31,35,.18)}.business-card:focus-visible{outline:3px solid #ff4f78;outline-offset:3px}.business-card__more{position:absolute;inset:0;z-index:5;padding:21px;background:#252426;color:#fff;display:flex;flex-direction:column;transform:translateY(101%);transition:transform .62s cubic-bezier(.16,1,.3,1)}.business-card:hover .business-card__more,.business-card:focus-visible .business-card__more,.business-card.is-open .business-card__more{transform:none}.business-card__more small{color:#ff7d9b;font-size:7px;letter-spacing:.12em}.business-card__more h5{margin:7px 0 6px;font-size:16px}.business-card__more p{margin:0 0 9px;font-size:8px;line-height:1.55;color:#d2cdd1}.business-card__more ul{margin:0;padding-left:15px;font-size:7px;line-height:1.55;color:#bdb7bd}.business-result{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding-top:8px;border-top:1px solid #4b474c}.business-result strong{font-size:14px;color:#ff7595}.business-result span{font-size:7px;color:#aaa4aa;text-align:right}.business-card__prompt{position:absolute;right:14px;top:13px;z-index:3;padding:5px 8px;border-radius:999px;background:rgba(37,36,38,.82);color:#fff;font-size:7px;transition:opacity .2s}.business-card:hover .business-card__prompt,.business-card:focus-visible .business-card__prompt,.business-card.is-open .business-card__prompt{opacity:0}

.office-gallery{margin:52px -54px -68px;padding:60px 0 44px;background:#252426;color:#fff;overflow:hidden;position:relative}.office-gallery:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 15%,rgba(255,79,120,.20),transparent 32%);pointer-events:none}.office-gallery__head{position:relative;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:24px;padding:0 54px 28px}.office-gallery__head h4{font-size:38px;letter-spacing:-.045em;margin:0}.office-gallery__head p{max-width:520px;margin:0;color:#bdb7bd;font-size:10px;line-height:1.7}.office-gallery__hint{display:inline-flex;align-items:center;gap:7px;margin-top:12px;color:#ff89a4;font-size:8px;letter-spacing:.05em}.office-gallery__viewport{position:relative;height:430px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;cursor:grab;perspective:1200px;overscroll-behavior-x:contain}.office-gallery__viewport::-webkit-scrollbar{display:none}.office-gallery__viewport.is-dragging{cursor:grabbing}.office-gallery__track{display:flex;align-items:flex-start;gap:24px;width:max-content;padding:34px calc(50vw - 165px) 70px;transform-style:preserve-3d}.office-card{position:relative;width:330px;height:280px;flex:0 0 auto;border-radius:18px;overflow:hidden;background:#39363a;box-shadow:0 22px 46px rgba(0,0,0,.28);transform-origin:center top;transition:transform .22s linear,opacity .22s linear}.office-card img{width:100%;height:100%;object-fit:cover;display:block}.office-card:after{content:"";position:absolute;inset:auto 0 0;height:46%;background:linear-gradient(transparent,rgba(14,12,14,.82))}.office-card span{position:absolute;z-index:2;left:18px;bottom:16px;font-size:13px;font-weight:700}.office-card small{position:absolute;z-index:2;right:17px;bottom:18px;color:#ff89a4;font-size:8px}.office-gallery__line{position:absolute;left:50%;bottom:26px;width:72px;height:3px;border-radius:999px;background:#ff4f78;transform:translateX(-50%)}
@keyframes officeEnter{from{opacity:0;transform:translateY(46px)}to{opacity:1;transform:none}}@supports(animation-timeline:view()){.office-gallery{animation:officeEnter linear both;animation-timeline:view();animation-range:entry 2% entry 34%}}
@media(max-width:900px){.office-gallery{margin:42px -28px -68px}.office-gallery__head{padding:0 28px 24px;display:block}.office-gallery__head p{margin-top:12px}.office-gallery__track{padding-left:calc(50vw - 140px);padding-right:calc(50vw - 140px)}.office-card{width:280px;height:240px}.business-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:700px){body{padding:12px}#app>h2{font-size:22px}.business-grid{grid-template-columns:1fr!important}.full-preview .business-card{min-height:232px}.office-gallery{margin:38px -20px -50px}.office-gallery__head{padding:0 20px 20px}.office-gallery__head h4{font-size:31px}.office-gallery__viewport{height:360px}.office-card{width:245px;height:215px}.office-gallery__track{padding-left:calc(50vw - 122px);padding-right:calc(50vw - 122px)}}
@media(prefers-reduced-motion:reduce){.office-gallery,.office-card,.business-card,.business-card__more{animation:none!important;transition:none!important}}