@media (min-width: 1024px){:root{--rpx: calc((100vw - 128px) / (1920 - 128))}}@media (min-width: 1920px){:root{--rpx: 1px}}@media (max-width: 649px){:root{--rpx: calc((100vw - 32px) / (360 - 32))}}@media (min-width: 650px) and (max-width: 1023px){:root{--rpx: calc((100vw - 48px) / (768 - 48))}}#exhibition .rel{position:relative}#exhibition .abs{position:absolute}#exhibition .abs.clip{top:0;left:0}#exhibition .abs.abs-c{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#exhibition .flex{display:flex}#exhibition .flex.col{flex-direction:column}#exhibition .flex.flex-c{justify-content:center;align-items:center}#exhibition .full{width:100%;height:100%}#exhibition .cursor{cursor:pointer}@media (min-width: 1024px){#exhibition .mo-only,#exhibition .pad-only,#exhibition .pc-hidden{display:none!important}}@media (max-width: 649px){#exhibition .pc-only,#exhibition .pad-only,#exhibition .mo-hidden{display:none!important}}@media (min-width: 650px) and (max-width: 1023px){#exhibition .pc-only,#exhibition .mo-only,#exhibition .pad-hidden{display:none!important}}.zn--wrapper{font-family:HurmeGeometricSans_No3_4_Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif}.exh-progress{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f2f2f2;z-index:99;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}.exh-progress.disappear{pointer-events:none;display:none}.exh-progress .phone-name{color:#000;font-size:32px}.exh-progress .bar{width:300px;height:7px;border-radius:10px;overflow:hidden;background:#fff;margin:15px 0}.exh-progress .bar .inner{width:100%;height:100%;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;border-radius:10px;background:gray}#exhibition .color-btns{position:absolute;bottom:calc(var(--rpx, 1px) * 64);left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);display:flex;z-index:20}@media (max-width: 1023px){#exhibition .color-btns{bottom:calc(var(--rpx, 1px) * 48)}}#exhibition .color-btns .color-item{display:flex;align-items:center}#exhibition .color-btns .divider{color:#000000d9;margin:0px calc(var(--rpx, 1px) * 16);font-size:clamp(12px,calc(var(--rpx, 1px) * 24),24px);opacity:.4}@media (max-width: 1023px){#exhibition .color-btns .divider{font-size:calc(var(--rpx, 1px) * 18);margin:0px calc(var(--rpx, 1px) * 12)}}#exhibition .color-btns .color-btn{width:calc(var(--rpx, 1px) * 32);height:calc(var(--rpx, 1px) * 32);position:relative;cursor:pointer}@media (max-width: 1023px){#exhibition .color-btns .color-btn{width:calc(var(--rpx, 1px) * 24);height:calc(var(--rpx, 1px) * 24)}}#exhibition .color-btns .color-text{overflow:hidden}#exhibition .color-btns .color-text span{padding-left:calc(var(--rpx, 1px) * 16);white-space:nowrap}@media (min-width: 1024px){#exhibition .color-btns .color-text span{font-size:clamp(12px,calc(var(--rpx, 1px) * 24),24px)}}@media (max-width: 1023px){#exhibition .color-btns .color-text span{font-size:calc(var(--rpx, 1px) * 12);padding-left:calc(var(--rpx, 1px) * 12)}}#exhibition .color-btns .progress-ring{stroke-dasharray:95;stroke-dashoffset:95;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}#exhibition .tabs{display:flex;align-items:center;position:absolute;left:50%;top:calc(var(--rpx, 1px) * 64);-webkit-transform:translateX(-50%);transform:translate(-50%);padding:calc(var(--rpx, 1px) * 4);border-radius:calc(var(--rpx, 1px) * 32);background:#0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2}@media (max-width: 1023px){#exhibition .tabs{top:calc(var(--rpx, 1px) * 48);padding:calc(var(--rpx, 1px) * 2)}}#exhibition .tabs .tab-item{position:relative;z-index:2;font-size:clamp(12px,calc(var(--rpx, 1px) * 24),24px);color:#fffc;cursor:pointer;padding:calc(var(--rpx, 1px) * 8) calc(var(--rpx, 1px) * 32);transition:color .3s;text-decoration:none;width:-webkit-max-content;width:-moz-max-content;width:max-content}#exhibition .tabs .tab-item.active{color:#000}@media (max-width: 1023px){#exhibition .tabs .tab-item{font-size:calc(var(--rpx, 1px) * 14);padding:calc(var(--rpx, 1px) * 6) calc(var(--rpx, 1px) * 24)}}#exhibition .tabs .tab-slider{position:absolute;background:#fff;padding:calc(var(--rpx, 1px) * 8) 0;top:calc(var(--rpx, 1px) * 4);left:calc(var(--rpx, 1px) * 4);width:calc(var(--rpx, 1px) * 211);border-radius:calc(var(--rpx, 1px) * 32);font-size:clamp(12px,calc(var(--rpx, 1px) * 24),24px)}@media (max-width: 1023px){#exhibition .tabs .tab-slider{font-size:calc(var(--rpx, 1px) * 14);width:calc(var(--rpx, 1px) * 134);top:calc(var(--rpx, 1px) * 2);left:calc(var(--rpx, 1px) * 2);padding:calc(var(--rpx, 1px) * 6) 0}}#exhibition .prev,#exhibition .next{width:calc(var(--rpx, 1px) * 72);height:calc(var(--rpx, 1px) * 72);position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2;cursor:pointer}#exhibition .prev.disabled,#exhibition .next.disabled{opacity:.4;cursor:not-allowed}@media (max-width: 1023px){#exhibition .prev,#exhibition .next{display:none}}#exhibition .prev svg,#exhibition .next svg{width:100%;height:100%}#exhibition .prev{left:calc(var(--rpx, 1px) * 260)}#exhibition .next{right:calc(var(--rpx, 1px) * 260)}#exhibition .cursor-3d{border-radius:50%;background:linear-gradient(0deg,#7e97af1a 0% 100%),#00000026;-webkit-backdrop-filter:blur(12.222811698913574px);backdrop-filter:blur(12.222811698913574px);width:calc(var(--rpx, 1px) * 64);height:calc(var(--rpx, 1px) * 64);position:fixed;top:0;left:0;z-index:99;display:flex;align-items:center;justify-content:center;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s;pointer-events:none;-webkit-transform:scale(0);transform:scale(0);opacity:0}#exhibition .cursor-3d svg{width:calc(var(--rpx, 1px) * 26);height:calc(var(--rpx, 1px) * 26)}@media (pointer: fine){#exhibition .cursor-3d.show{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@media (max-width: 1023px){#exhibition .cursor-3d{display:none}}#exhibition canvas{cursor:none}#exhibition.zn-blue{background:radial-gradient(50.36% 62.83% at 54.45% 50%,#c7d9ec2e,#c7d9ec99),#fff}#exhibition.zn-blue .left,#exhibition.zn-blue .right{color:#ffffffd9;opacity:.53}#exhibition.zn-blue .tips stop:nth-child(1){stop-color:#e8eff7}#exhibition.zn-blue .tips stop:nth-child(2){stop-color:#94aecb}#exhibition.zn-blue .tips stop:nth-child(3){stop-color:#e8eff7}#exhibition.zn-white{background:radial-gradient(50.36% 62.83% at 54.45% 50%,#d6d6d62e,#d6d6d699),#fff}#exhibition.zn-white .left,#exhibition.zn-white .right{color:#ffffffd9;opacity:.53}#exhibition.zn-white .tips stop:nth-child(1){stop-color:#ededed}#exhibition.zn-white .tips stop:nth-child(2){stop-color:#c5c5c5}#exhibition.zn-white .tips stop:nth-child(3){stop-color:#ededed}#exhibition.zn-black{background:radial-gradient(50.36% 62.83% at 54.45% 50%,#6969692e,#69696999),#fff}#exhibition.zn-black .left,#exhibition.zn-black .right{color:#696969;opacity:.4}#exhibition.zn-black .tips stop:nth-child(1){stop-color:#bbb}#exhibition.zn-black .tips stop:nth-child(2){stop-color:#777}#exhibition.zn-black .tips stop:nth-child(3){stop-color:#bbb}#exhibition .tips{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}@media (min-width: 1024px){#exhibition .tips{bottom:calc(var(--rpx, 1px) * 131)}}@media (max-width: 1023px){#exhibition .tips{top:calc(var(--rpx, 1px) * 32)}}#exhibition .tips text{font-family:korataki;font-size:clamp(12px,calc(var(--rpx, 1px) * 32),32px)}@media (max-width: 1023px){#exhibition .tips text{font-size:calc(var(--rpx, 1px) * 18)}}#exhibition .color-title-wrapper{position:absolute}@media (min-width: 1024px){#exhibition .color-title-wrapper{width:calc(var(--rpx, 1px) * 1440);left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);top:calc(var(--rpx, 1px) * 380 - var(--nav-height, 0px))}}@media (max-width: 1023px){#exhibition .color-title-wrapper{width:100%;left:0;top:calc(var(--rpx, 1px) * 96);bottom:calc(var(--rpx, 1px) * 120)}}#exhibition .color-title-item{display:none;flex-direction:column}#exhibition .color-title-item.active{display:flex}@media (max-width: 1023px){#exhibition .color-title-item{height:100%;justify-content:space-between}}#exhibition .color-title-item .left,#exhibition .color-title-item .right{font-size:calc(var(--rpx, 1px) * 148);line-height:100%;letter-spacing:calc(var(--rpx, 1px) * -4.4);text-transform:uppercase;font-family:korataki}@media (max-width: 1023px){#exhibition .color-title-item .left,#exhibition .color-title-item .right{font-size:calc(var(--rpx, 1px) * 64);letter-spacing:calc(var(--rpx, 1px) * -1.92);text-align:center}}@media (min-width: 1024px){#exhibition .color-title-item .right{text-align:right}}@media (max-width: 1023px){#exhibition .color-title-item .right{font-size:calc(var(--rpx, 1px) * 48)}}body{margin:0;padding:0}html,body,.zn--wrapper{width:100%;height:100%}main{height:var(--content-height, 100%)}#exhibition{position:relative;width:100%;height:100%;overflow:hidden}