:root{--linear-ease:linear(0, .068, .19 2.7%, .804 8.1%, 1.037, 1.199 13.2%, 1.245, 1.27 15.8%, 1.274, 1.272 17.4%, 1.249 19.1%, .996 28%, .949, .928 33.3%, .926, .933 36.8%, 1.001 45.6%, 1.013, 1.019 50.8%, 1.018 54.4%, 1 63.1%, .995 68%, 1.001 85%, 1)}.gooey-nav-container{--color-1:#5f8ea8;--color-2:#6aa7c0;--color-3:#7d83a8;--color-4:#78a996;isolation:isolate;width:max-content;min-width:100%;position:relative}.gooey-nav-container nav{z-index:4;display:flex;position:relative;transform:translateZ(.01px)}.gooey-nav-container nav ul{z-index:3;color:#496779;text-shadow:0 1px 1px #ffffff4d;align-items:center;gap:8px;min-width:max-content;margin:0;padding:7px 0;list-style:none;display:flex;position:relative}.gooey-nav-container nav ul li{cursor:pointer;color:#496779;border-radius:100vw;transition:background-color .3s,color .3s,box-shadow .3s;position:relative;box-shadow:0 0 .5px 1.5px #0000}.gooey-nav-container nav ul li a{min-height:44px;color:inherit;white-space:nowrap;align-items:center;gap:8px;padding:0 17px;font-size:13px;text-decoration:none;display:inline-flex}.gooey-nav-container nav ul li:focus-within:has(:focus-visible){box-shadow:0 0 .5px 1.5px #fff}.gooey-nav-container nav ul li.active{color:#294b5a;text-shadow:0 1px 1px #ffffff38;font-weight:650}.gooey-nav-container nav ul li:hover{color:#2f5d76}.gooey-nav-container nav ul li.active:hover{color:#294b5a}.gooey-nav-container nav ul li a:focus-visible{outline:none}.gooey-nav-container nav ul li i{border-radius:50%;flex:none;width:8px;height:8px}.gooey-nav-container nav ul li i.beijing{background:var(--color-1)}.gooey-nav-container nav ul li i.shanghai{background:var(--color-2)}.gooey-nav-container nav ul li i.guangzhou{background:var(--color-3)}.gooey-nav-container nav ul li i.shenzhen{background:var(--color-4)}.gooey-nav-container nav ul li.active i{background:#5f8ea8}.gooey-nav-container nav ul li small{color:#78909d;letter-spacing:.1em;font-size:9px;font-weight:500}.gooey-nav-container nav ul li.active small{color:#4c7080;font-weight:650}.gooey-nav-container .effect{opacity:1;pointer-events:none;z-index:1;place-items:center;width:0;height:0;display:grid;position:absolute;top:0;left:0}.gooey-nav-container .effect.filter{filter:blur(3px)contrast(100);mix-blend-mode:normal}.gooey-nav-container .effect.filter:after{content:"";opacity:0;z-index:-1;background:#9cbfcc;border:1px solid #ddecef;border-radius:100vw;position:absolute;inset:0;transform:scale(0);box-shadow:0 4px 14px #6f97a62e}.gooey-nav-container .effect.active:after{animation:.3s both pill}@keyframes pill{to{opacity:1;transform:scale(1)}}.particle,.point{opacity:0;transform-origin:50%;border-radius:100%;width:20px;height:20px;display:block}.particle{--time:5s;animation:particle calc(var(--time)) ease 1 -350ms;position:absolute;top:calc(50% - 8px);left:calc(50% - 8px)}.point{background:var(--color);opacity:1;animation:point calc(var(--time)) ease 1 -350ms}@keyframes particle{0%{transform:rotate(0deg) translate(var(--start-x), var(--start-y));opacity:1;animation-timing-function:cubic-bezier(.55,0,1,.45)}70%{transform:rotate(calc(var(--rotate) * .5)) translate(calc(var(--end-x) * 1.2), calc(var(--end-y) * 1.2));opacity:1;animation-timing-function:ease}85%{transform:rotate(calc(var(--rotate) * .66)) translate(var(--end-x), var(--end-y));opacity:1}to{transform:rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * .5), calc(var(--end-y) * .5));opacity:1}}@keyframes point{0%{opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45);transform:scale(0)}25%{transform:scale(calc(var(--scale) * .25))}38%{opacity:1}65%{transform:scale(var(--scale));opacity:1;animation-timing-function:ease}85%{transform:scale(var(--scale));opacity:1}to{opacity:0;transform:scale(0)}}.city-ribbon.gooey-ribbon{background:#f1faee;border-bottom-color:#d9e9df;align-items:center;min-height:66px;padding:0 clamp(20px,5vw,76px);overflow:auto hidden}@media (prefers-reduced-motion:reduce){.gooey-nav-container .effect{transition-duration:0s}.particle{display:none}.gooey-nav-container .effect.active:after{animation:none}}@media (max-width:780px){.city-ribbon.gooey-ribbon{padding:0 10px}.gooey-nav-container nav ul{gap:4px}.gooey-nav-container nav ul li a{min-height:40px;padding:0 13px}.gooey-nav-container nav ul li small{display:none}}.circular-gallery{cursor:grab;width:100%;height:100%;overflow:hidden}.circular-gallery:active{cursor:grabbing}.circular-gallery:focus-visible{outline-offset:4px;outline:2px solid #fff}.card-swap-container{perspective:1100px;width:min(100%,560px);height:440px;position:relative;overflow:visible}.card{transform-style:preserve-3d;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;background:#fbfcf8;border:1px solid #ffffffb8;border-radius:18px;position:absolute;top:50%;left:50%}@media (max-width:780px){.card-swap-container{transform-origin:50%;width:390px;height:300px;transform:scale(.74)}}@media (max-width:480px){.card-swap-container{width:350px;height:280px;transform:scale(.68)}}.brief-swap-stage{flex:auto;justify-content:flex-start;align-items:center;min-width:0;min-height:590px;padding:36px 26px 48px;display:flex;position:relative;overflow:visible}.brief-swap-stage .card-swap-container{transform:translate(-58px)}.brief-swap-stage:before{display:none}.brief-swap-card{overflow:hidden;box-shadow:0 22px 44px #3548392b,0 2px 5px #35483914}.brief-swap-card-inner{background:linear-gradient(145deg,#fff 0%,#f7faf3 100%);flex-direction:column;height:100%;padding:36px 38px 30px;display:flex}.brief-swap-card h3{color:#1e2922;letter-spacing:-.035em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:auto 0 18px;font:600 26px/1.36 Noto Serif SC,Songti SC,serif;display:-webkit-box;overflow:hidden}.brief-swap-card p{color:#68756b;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 auto;font:400 15px/1.85 Noto Sans SC,Microsoft YaHei,sans-serif;display:-webkit-box;overflow:hidden}.brief-swap-source{color:#40624a;border:1px solid #40624a3d;border-radius:50%;align-self:flex-end;place-items:center;width:30px;height:30px;margin-top:24px;font:600 16px/1 sans-serif;text-decoration:none;display:grid}@media (max-width:780px){.brief-swap-stage{flex:0 0 100%;min-height:390px;padding:25px 0 32px}.brief-swap-stage .card-swap-container{transform-origin:50%;transform:scale(.74)}.brief-swap-card-inner{padding:30px 30px 25px}.brief-swap-card h3{font-size:22px}.brief-swap-card p{font-size:13px}}#infinite-grid-menu-canvas{cursor:grab;outline:none;width:100%;height:100%;display:block;position:relative;overflow:hidden}#infinite-grid-menu-canvas:active{cursor:grabbing}.face-title{-webkit-user-select:none;user-select:none;z-index:10;pointer-events:none;color:#202724;text-shadow:0 1px #fff9;text-align:center;font-size:2.4rem;font-weight:900;line-height:1.25;position:absolute;top:50%;left:1.6em}.face-title-line{white-space:nowrap;display:block}.face-title.active{opacity:1;pointer-events:auto;transition:all .5s;transform:translate(20%,-50%)}.face-title.inactive{pointer-events:none;opacity:0;transition:all .1s}.face-description{-webkit-user-select:none;user-select:none;z-index:10;pointer-events:none;color:#4a544f;text-shadow:0 1px #fff9;max-width:10ch;font-size:1.2rem;position:absolute;top:50%;right:1%}.face-description.active{opacity:1;pointer-events:auto;transition:all .5s;transform:translate(-90%,-50%)}.face-description.inactive{pointer-events:none;opacity:0;transition:all .1s;transform:translate(-60%,-50%)}.action-button{z-index:10;cursor:pointer;background:#184d3b;border:3px solid #fff;border-radius:50%;place-items:center;width:60px;height:60px;display:grid;position:absolute;left:50%;box-shadow:0 4px 14px #184d3b47}.action-button.active{opacity:1;pointer-events:auto;transition:all .5s;bottom:3.8em;transform:translate(-50%)scale(1)}.action-button.inactive{opacity:0;pointer-events:none;transition:all .1s;bottom:-80px;transform:translate(-50%)scale(0)}.action-button-icon{-webkit-user-select:none;user-select:none;color:#fff;justify-content:center;align-items:center;margin:0;padding:0;font-size:24px;line-height:1;display:flex;transform:translateY(-1px)}@media (max-width:1500px){.face-title,.face-description{display:none}}.infinite-menu-unsupported{color:#6d7570;text-align:center;z-index:30;background:0 0;place-items:center;padding:24px;font-size:14px;line-height:1.6;display:grid;position:absolute;inset:0}.drift-wall{width:100%;height:100%;perspective:var(--dw-perspective,1200px);perspective-origin:50%;--dw-tile-w:200px;--dw-tile-h:132px;--dw-gap:18px;--dw-radius:14px;--dw-lift:64px;--dw-dim:.55;--dw-gray:0;--dw-overlay:#060010;--dw-edge:40%;position:relative;overflow:hidden}.drift-wall__plane{transform-style:preserve-3d;cursor:pointer;transform-origin:50%;will-change:transform;flex-direction:row;display:flex;position:absolute;top:50%;left:50%}.drift-wall__col{width:calc(var(--dw-tile-w) + var(--dw-gap));transform-style:preserve-3d;position:relative}.drift-wall__track{will-change:transform;transform-style:preserve-3d;flex-direction:column;display:flex}.drift-wall__tile{width:100%;height:calc(var(--dw-tile-h) + var(--dw-gap));transform-style:preserve-3d;outline:none;flex:none;display:block;position:relative}.drift-wall__inner{inset:calc(var(--dw-gap) / 2);border-radius:var(--dw-radius);opacity:var(--dw-dim);pointer-events:none;background:#0b0b12;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1);display:block;position:absolute;overflow:hidden;transform:translateZ(0)}.drift-wall__tile img{object-fit:cover;width:100%;height:100%;filter:grayscale(var(--dw-gray)) saturate(.92);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:filter .42s cubic-bezier(.22,1,.36,1);display:block}.drift-wall__overlay{background:var(--dw-overlay);opacity:.42;pointer-events:none;transition:opacity .42s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}:is(.drift-wall__tile.is-active .drift-wall__inner,.drift-wall__tile:focus-visible .drift-wall__inner){opacity:1;transform:translateZ(var(--dw-lift));box-shadow:0 24px 60px -18px #000000b3}:is(.drift-wall__tile.is-active img,.drift-wall__tile:focus-visible img){filter:grayscale(0)saturate(1.05)}:is(.drift-wall__tile.is-active .drift-wall__overlay,.drift-wall__tile:focus-visible .drift-wall__overlay){opacity:0}.drift-wall__tile:focus-visible .drift-wall__inner{box-shadow:0 24px 60px -18px #000000b3,0 0 0 2px #ffffffe6}@media (prefers-reduced-motion:reduce){.drift-wall__plane,.drift-wall__track{will-change:auto}}
