.panda-orbit{--orbit-width:clamp(280px,35vw,480px);--orbit-radius:520px;--orbit-rotation:0deg;--orbit-tilt:-6deg;position:relative;isolation:isolate;width:100%;min-width:0;color:#252a30;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
.panda-home-portfolio>.panda-orbit{grid-column:1/-1;min-width:0}.panda-orbit *{box-sizing:border-box}.panda-orbit [hidden]{display:none!important}
.panda-orbit-top,.panda-orbit-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px}
.panda-orbit-top{padding:20px 0;border-top:1px solid #252a3024}.panda-orbit-kicker{font-size:12px;color:#59616a;letter-spacing:.12em}
.panda-orbit-views{display:flex;gap:4px}.panda-orbit-views button,.panda-orbit-controls button{border:1px solid #252a3024;background:#fff;color:#343b44;min-height:44px;min-width:44px;cursor:pointer;font:inherit}
.panda-orbit-views button{font-size:12px;padding:8px 16px}.panda-orbit-views button[aria-pressed=true]{background:#2e343b;color:#fff;border-color:#2e343b}
.panda-orbit-stage{position:relative;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;touch-action:pan-x pan-y}
.panda-orbit-ring{display:flex;gap:24px;padding:20px 0 36px}
.panda-orbit-card{flex:0 0 min(78vw,480px);min-width:0;display:block;margin:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;text-decoration:none;font:inherit;cursor:pointer;scroll-snap-align:center}
.panda-orbit-image{display:block;aspect-ratio:4/3;overflow:hidden;background:#e0e4e8;box-shadow:0 18px 36px #27313b12;border:1px solid #ffffffb3}
.panda-orbit-image img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none}
.panda-orbit-card-caption{display:block;padding:14px 0 4px}.panda-orbit-card-caption>span{display:block;font-size:12px;color:#59616a}.panda-orbit-card-caption strong{font-weight:500;font-size:18px}
.panda-orbit-bottom{min-height:112px;padding:24px 0}.panda-orbit-current>span:first-child{color:#59616a;font-size:12px}.panda-orbit-current h3{font-size:clamp(20px,2.4vw,30px);font-weight:500;line-height:1.4;margin:5px 0 8px;letter-spacing:-.025em}.panda-orbit-hint{font-size:12px;color:#59616a}
.panda-orbit-controls{display:flex;align-items:center;gap:18px;flex-shrink:0}.panda-orbit-count{min-width:68px;text-align:center;font-size:12px;color:#59616a;font-variant-numeric:tabular-nums}.panda-orbit-count b{color:#252a30;font-weight:500}.panda-orbit-controls button{font-size:20px;transition:background .18s}.panda-orbit-controls button:hover{background:#e7ebef}
.panda-orbit-progress{height:1px;background:#252a3020;overflow:hidden}.panda-orbit-progress>span{display:block;height:100%;background:#3c4652;transform-origin:left;transform:scaleX(var(--orbit-progress, .1667));transition:transform .4s}
.panda-orbit.is-ring .panda-orbit-stage{height:clamp(390px,39vw,540px);perspective:1600px;overflow:hidden;touch-action:pan-y;cursor:grab;scroll-snap-type:none}
.panda-orbit.is-ring .panda-orbit-ring{position:absolute;left:50%;top:48%;width:0;height:0;display:block;padding:0;transform-style:preserve-3d;transform:translateZ(calc(-1 * var(--orbit-radius))) rotateX(var(--orbit-tilt)) rotateY(var(--orbit-rotation));transition:transform .7s cubic-bezier(.22,.68,.12,1);will-change:transform}
.panda-orbit.is-ring .panda-orbit-card{position:absolute;left:calc(var(--orbit-width) / -2);top:calc(var(--orbit-width) * -.375);width:var(--orbit-width);transform:rotateY(calc(var(--orbit-index) * var(--orbit-step))) translateZ(var(--orbit-radius));transform-style:preserve-3d;backface-visibility:hidden;opacity:var(--orbit-opacity,1);transition:opacity .5s;outline-offset:6px}
.panda-orbit.is-ring .panda-orbit-card-caption{display:none}.panda-orbit.is-ring .panda-orbit-card .panda-orbit-image{box-shadow:0 28px 60px #27313b26}.panda-orbit.is-dragging .panda-orbit-stage{cursor:grabbing}.panda-orbit.is-dragging .panda-orbit-ring{transition:none}
.panda-orbit.is-grid .panda-orbit-stage{overflow:visible}.panda-orbit.is-grid .panda-orbit-ring{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px;padding:16px 0}.panda-orbit.is-grid .panda-orbit-card{width:auto}.panda-orbit.is-grid .panda-orbit-bottom,.panda-orbit.is-grid .panda-orbit-progress{display:none}
.panda-orbit a:focus-visible,.panda-orbit button:focus-visible{outline:2px solid #354b65;outline-offset:5px}.panda-orbit button:disabled{opacity:.4;cursor:default}
.panda-orbit-lightbox{position:fixed;inset:0;z-index:2147483000;width:min(1200px,96vw);max-width:96vw;max-height:94dvh;margin:auto;padding:0;border:1px solid #fff6;background:#f0f2f4;color:#252a30;box-shadow:0 28px 90px #0005}.panda-orbit-lightbox::backdrop{background:#151b25b8}.panda-orbit-lightbox header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 20px}.panda-orbit-lightbox h2{font-size:18px;line-height:1.4;font-weight:500;margin:0}.panda-orbit-lightbox button{min-width:44px;min-height:44px;background:#fff;border:1px solid #252a3024;font:inherit;cursor:pointer}.panda-orbit-lightbox img{display:block;max-width:100%;width:100%;max-height:calc(94dvh - 70px);object-fit:contain;background:#e7ebef}.panda-orbit-lightbox button:focus-visible{outline:2px solid #354b65;outline-offset:3px}
@media(max-width:820px){.panda-orbit{--orbit-width:clamp(280px,42vw,380px)}.panda-orbit.is-grid .panda-orbit-ring{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.panda-orbit-top{padding:16px 0}.panda-orbit-ring{gap:16px;padding:8px 2px 24px}.panda-orbit-bottom{align-items:flex-start;gap:12px;padding:16px 0 24px}.panda-orbit-current h3{font-size:21px}.panda-orbit-controls{gap:5px}.panda-orbit-count{min-width:54px}.panda-orbit-views{display:none!important}.panda-orbit-lightbox header{padding:8px 12px}.panda-orbit.is-grid .panda-orbit-ring{grid-template-columns:1fr}.panda-orbit-image{box-shadow:none}}
@media(prefers-reduced-motion:reduce){.panda-orbit *{transition:none!important;scroll-behavior:auto!important}}
