.common-hub{position:relative;isolation:isolate;padding:clamp(42px,5vw,72px) 0 clamp(36px,4vw,58px);color:#fff}.common-hub-inner{width:min(1320px,calc(100% - clamp(36px,8vw,144px)));margin-inline:auto}.common-hub-heading{display:flex;align-items:center;justify-content:center;gap:clamp(22px,3vw,44px);margin-bottom:clamp(28px,3.5vw,44px);text-align:center;filter:drop-shadow(0 2px 3px #13213b9e)}.common-hub-title{margin:0!important;padding:0!important;color:#fff!important;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-size:clamp(25px,2.3vw,32px);font-weight:600;line-height:1.3;letter-spacing:.08em;text-shadow:0 1px 5px #10203b90}.common-hub-rule{position:relative;width:min(26vw,300px);height:1px;background:linear-gradient(90deg,#ffffff18,#ffffffa0)}.common-hub-rule:after{content:"";position:absolute;right:0;top:-4px;width:9px;height:9px;background:#fff;transform:rotate(45deg)}.common-hub-rule:last-child{transform:scaleX(-1)}.common-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.2vw,30px)}.common-card{--common-bg-y: 0px;--common-person-y: 0px;--common-float-y: 0px;position:relative;display:block;aspect-ratio:2.32;min-width:0;overflow:hidden;isolation:isolate;border:1px solid #ffffff70;border-radius:0;background:#b3d2e0;color:#fff!important;text-decoration:none!important;box-shadow:0 6px 15px #07182738;-webkit-tap-highlight-color:transparent}.common-card--cinema{background:#705448}.common-card--gallery{grid-column:1 / -1;aspect-ratio:4.6;background:#e3c9b7}.common-card-scene{position:absolute;z-index:0;inset:-64px -12px;background-size:cover;background-position:center 51%;transform:translate3d(0,var(--common-bg-y),0);will-change:transform}.common-card--gallery .common-card-scene{background-image:url(./gallery-bg.webp);background-position:center 50%}.common-card--fish .common-card-scene{background-image:url(./fish-bg.webp)}.common-card--cinema .common-card-scene{background-image:url(./cinema-bg.webp);background-position:center 54%}.common-card-person{position:absolute;z-index:1;top:-1%;right:-2%;width:65%;height:195%;transform:translate3d(0,var(--common-person-y),0);will-change:transform;pointer-events:none}.common-card-person img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center top;transform-origin:55% 30%;transition:transform .4s ease}.common-card--cinema .common-card-person{width:64%;right:-2%}.common-card--gallery .common-card-person{width:44%;right:5%;height:200%;top:0}.common-card--gallery .common-card-emblem{left:12%;width:8%}.common-card--gallery .common-card-copy:after{width:44%}.common-card-copy{position:absolute;z-index:3;top:11px;left:13px;right:13px;pointer-events:none}.common-card-title{display:block;width:fit-content;max-width:100%;margin:0!important;padding:0!important;color:#fff!important;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,system-ui,sans-serif;font-size:clamp(17px,1.65vw,23px);font-weight:500;line-height:1.4;letter-spacing:0;text-shadow:0 1px 3px #000e,0 0 9px #0008}.common-card-copy:after{content:"";display:block;width:59%;height:1px;margin-top:3px;background:#ffffffab;box-shadow:0 1px 3px #0006}.common-card-emblem{position:absolute;z-index:2;top:41%;left:12%;width:15%;max-width:90px;color:#fff;opacity:.96;transform:translate3d(0,var(--common-float-y),0);filter:drop-shadow(0 2px 4px #0007);pointer-events:none}.common-card-emblem svg{display:block;width:100%;height:auto}.common-card:focus-visible{outline:3px solid #fff;outline-offset:4px}@media(hover:hover){.common-card:hover{border-color:#fff}.common-card:hover .common-card-person img{transform:scale(1.025)}}@media(min-width:1800px){.common-hub-inner{width:min(1480px,80%)}}@media(max-width:760px){.common-hub-inner{width:calc(100% - 32px)}.common-hub-grid{grid-template-columns:minmax(0,1fr);gap:20px}.common-card{aspect-ratio:2}.common-card--gallery{grid-column:auto}.common-card--gallery .common-card-person{width:68%;right:-7%;height:185%;top:0}.common-card--gallery .common-card-emblem{left:11%;width:15%}.common-card--gallery .common-card-copy:after{width:59%}.common-card-title{font-size:clamp(16px,4.1vw,20px)}.common-card-copy{top:9px;left:10px;right:10px}.common-card-person{width:68%;right:-7%;height:185%}.common-card--cinema .common-card-person{width:68%;right:-7%}.common-card-emblem{width:15%;left:11%;top:43%}}.common-card-scene,.common-card-person,.common-card-emblem{transition:transform .18s ease-out}@media(prefers-reduced-motion:reduce){.common-card-person img{transition:none!important}.common-card-scene,.common-card-person,.common-card-emblem{transform:none!important;will-change:auto;transition:none!important}}