@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&display=swap');
@font-face{font-family:"NTX Source Han";src:local("Source Han Serif SC"),local("Noto Serif CJK SC"),local("Songti SC"),local("SimSun");font-weight:200 900;font-display:swap}@font-face{font-family:"NTX Big Caslon";src:url("assets/fonts/Big-Caslon-Medium.ttf") format("truetype");font-weight:400 500;font-display:swap}*{box-sizing:border-box}html{background:#f7f7f4;color:#111}body{margin:0;font-family:"DM Sans","NTX Source Han",Arial,sans-serif}.gene-gallery-header{position:sticky;z-index:5;top:0;height:76px;padding:0 clamp(20px,3vw,52px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#111;color:#fff;font-size:10px;text-transform:uppercase}.gene-gallery-header>a{color:inherit;text-decoration:none}.gene-gallery-header .back{justify-self:start}.gene-gallery-header .logo{justify-self:center;font:500 18px/1 "NTX Big Caslon","NTX Source Han",serif;text-transform:none}.gene-gallery-header .catalog{justify-self:end}.gene-gallery-intro{min-height:38vh;padding:clamp(70px,9vw,140px) clamp(20px,3vw,52px) 60px;display:grid;grid-template-columns:1fr 4fr 1fr;align-items:end}.gene-gallery-intro p{margin:0;font-size:9px;letter-spacing:.1em}.gene-gallery-intro h1{grid-column:2;margin:0;font:400 clamp(52px,7vw,112px)/.86 "NTX Big Caslon","NTX Source Han",serif;letter-spacing:-.04em}.gene-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.gene-gallery-grid figure{aspect-ratio:3/4;margin:0;overflow:hidden;background:#e8e6df;opacity:0;transform:translateY(22px)}.gene-gallery-grid figure.is-visible{animation:gallery-image-in .68s cubic-bezier(.2,.75,.2,1) both}.gene-gallery-grid img{width:100%;height:100%;display:block;object-fit:cover}@keyframes gallery-image-in{to{opacity:1;transform:none}}.gene-gallery-footer{height:110px;padding:0 clamp(20px,3vw,52px);display:flex;align-items:center;justify-content:space-between;background:#111;color:#fff;font-size:9px;text-transform:uppercase}.gene-gallery-footer a{color:inherit;text-decoration:none}@media(max-width:760px){.gene-gallery-header{height:64px;padding:0 23px}.gene-gallery-header .logo{font-size:13px}.gene-gallery-intro{min-height:31vh;padding:72px 20px 38px;display:block}.gene-gallery-intro h1{margin-top:25px;font-size:13vw;line-height:.92}.gene-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gene-gallery-footer{height:90px;padding:0 20px}}

/* 与 Catalog 共用相同的导航网格和标题基线。 */
.gene-gallery-header{height:86px;padding:0 clamp(20px,5vw,84px);background:rgba(248,248,246,.94);color:#10100f;border-bottom:1px solid #d9d9d4;backdrop-filter:blur(12px)}.gene-gallery-header nav{display:flex;align-items:center;gap:clamp(16px,2vw,32px)}.gene-gallery-header a{position:relative;color:inherit;text-decoration:none}.gene-gallery-header a:after{content:"";position:absolute;left:0;bottom:-5px;width:0;border-bottom:1px solid;transition:width .25s}.gene-gallery-header a:hover:after{width:100%}.gene-gallery-header .logo{font-size:18px;font-weight:700;letter-spacing:-.04em}.gene-gallery-header .nav-right{justify-self:end}.mobile-menu{display:none}.gene-gallery-title{position:relative;height:clamp(276px,22vw,350px);margin:0 clamp(20px,5vw,84px);border-bottom:1px solid #d9d9d4}.gene-gallery-title>p{position:absolute;top:95px;margin:0;font-size:10px;text-transform:uppercase}.gene-gallery-title>p:first-child{left:0}.gene-gallery-title>p:last-child{right:0}.gene-gallery-title h1{position:absolute;left:50%;top:95px;transform:translate(-50%,-.5em);margin:0;text-align:center;white-space:nowrap;font:400 clamp(66px,8vw,122px)/1.2 "NTX Big Caslon","NTX Source Han",serif;letter-spacing:-.05em}
@media(max-width:760px){.gene-gallery-header{height:64px;padding:0 23px;grid-template-columns:1fr auto 1fr}.mobile-menu{display:block;justify-self:start;border:0;background:none;padding:0;color:inherit;font:inherit;text-transform:inherit}.gene-gallery-header .nav-left{position:fixed;z-index:2;top:64px;left:0;right:0;padding:25px 20px;background:#f8f8f6;border-bottom:1px solid #d9d9d4;flex-direction:column;align-items:flex-start;transform:translateY(-150%);transition:transform .3s}.gene-gallery-header .nav-left.open{transform:none}.gene-gallery-header .nav-right a{display:none}.gene-gallery-header .logo{font-size:13px}.gene-gallery-title{height:clamp(235px,68vw,310px);margin:0 20px}.gene-gallery-title>p{top:55px;font-size:8px}.gene-gallery-title>p:last-child{display:none}.gene-gallery-title h1{top:92px;transform:translateX(-50%);font-size:17vw;line-height:1.2}.gene-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 导航颜色与当前 Catalog 保持一致。 */
.gene-gallery-header{background:#111;color:#fff;border-bottom-color:#2b2b29;font-family:Arial,"PingFang SC",sans-serif}.gene-gallery-title h1{transform:translate(-50%,-.6em)}
@media(max-width:760px){.gene-gallery-header .nav-left{background:#111;border-bottom-color:#2b2b29}.gene-gallery-title h1{transform:translateX(-50%)}}

/* Logo 沿用主页字形；标题支持双语编辑。 */
.gene-gallery-header .logo{font-family:"NTX Big Caslon","NTX Source Han",serif;font-weight:500;letter-spacing:-.025em}.gene-gallery-title h1{cursor:pointer}.gene-gallery-title h1:hover{color:#c97f12}.gallery-editor-launch{position:fixed;z-index:20;right:18px;bottom:18px;border:0;background:#111;color:#fff;padding:11px 14px;font:10px/1 Arial,sans-serif;cursor:pointer}.gallery-editor{position:fixed;z-index:30;top:0;right:0;width:min(360px,92vw);height:100vh;padding:22px;background:#f3f1eb;color:#111;box-shadow:-12px 0 50px rgba(0,0,0,.2);overflow:auto;transform:translateX(105%);transition:transform .35s}.gallery-editor.is-open{transform:none}.gallery-editor>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.gallery-editor>div button{border:0;background:none;font-size:22px;cursor:pointer}.gallery-editor label{display:flex;flex-direction:column;gap:7px;margin:16px 0;font:10px/1.4 Arial,sans-serif}.gallery-editor textarea,.gallery-editor select{width:100%;padding:10px;border:1px solid #bbb;background:#fff;font:13px/1.5 "NTX Source Han",serif}.gallery-editor textarea{min-height:72px;resize:vertical}.gallery-editor>button{width:100%;margin-top:8px;padding:11px;border:1px solid #111;background:#111;color:#fff;font:10px Arial,sans-serif;cursor:pointer}.gallery-editor>button+button{background:transparent;color:#111}.gallery-editor>p{font:10px/1.5 Arial,sans-serif;color:#666}

/* 精确采用 Catalog 经品牌主题覆盖后的最终页面边距。 */
:root{--catalog-effective-pad:clamp(20px,3.6vw,58px)}.gene-gallery-header{padding-left:var(--catalog-effective-pad);padding-right:var(--catalog-effective-pad)}.gene-gallery-title{margin-left:var(--catalog-effective-pad);margin-right:var(--catalog-effective-pad)}.gene-gallery-footer{padding-left:var(--catalog-effective-pad);padding-right:var(--catalog-effective-pad)}
@media(max-width:760px){.gene-gallery-header{padding-left:var(--catalog-effective-pad);padding-right:var(--catalog-effective-pad)}}

/* Catalog 标题两侧信息的基线，以及标题下方双细线介绍带。 */
.gene-gallery-title>p{top:95px;transform:translateY(-50%);font-family:Arial,"PingFang SC",sans-serif;font-size:10px;font-weight:400;letter-spacing:0}.gene-gallery-description{min-height:96px;margin:0 var(--catalog-effective-pad);display:flex;align-items:center;justify-content:center;border-bottom:1px solid #d9d9d4}.gene-gallery-description p{width:min(880px,76vw);margin:0;text-align:center;font-size:12px;line-height:1.7;letter-spacing:.02em;cursor:pointer}.gene-gallery-description p:hover{color:#c97f12}
@media(max-width:760px){.gene-gallery-title>p{top:55px;font-size:8px}.gene-gallery-description{min-height:112px;margin:0 20px;padding:24px 0}.gene-gallery-description p{width:100%;font-size:11px;line-height:1.75;text-align:left}}

/* 标题信息区严格复用 Catalog 的三栏网格与 235px 高度。 */
@media(min-width:761px){.gene-gallery-title{height:235px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.gene-gallery-title>p,.gene-gallery-title h1{position:static;transform:none}.gene-gallery-title>p:first-child{grid-column:1;grid-row:1;justify-self:start}.gene-gallery-title h1{grid-column:2;grid-row:1;line-height:1.2}.gene-gallery-title>p:last-child{grid-column:3;grid-row:1;justify-self:end;text-align:right}}

/* 双行基因标题需要比 Catalog 单行标题多一行的高度；介绍带之后沿用 Catalog 的 45px 入场留白。 */
.gene-gallery-description{border-top:0;border-bottom:1px solid #d9d9d4}.gene-gallery-grid{margin-top:45px}
@media(min-width:761px){.gene-gallery-title{height:clamp(300px,27vw,390px)}}
@media(max-width:760px){.gene-gallery-grid{margin-top:32px}}

/* 英文标题较长，限制中栏宽度并单独缩放，避免把页面撑出右侧边界。 */
.gene-gallery-title h1[data-language="en"]{max-width:calc(100vw - (var(--catalog-effective-pad) * 2) - 180px);font-size:clamp(38px,5.1vw,76px);letter-spacing:-.035em}
@media(max-width:760px){.gene-gallery-title h1[data-language="en"]{max-width:calc(100vw - 40px);font-size:clamp(28px,9vw,58px);white-space:normal}}

/* 图库标题与介绍字号由编辑器控制，同时保留响应式上限。 */
@media(min-width:761px){.gene-gallery-title h1{font-size:min(var(--gallery-title-size,96px),8vw)}.gene-gallery-title h1[data-language="en"]{font-size:min(var(--gallery-title-size,64px),5.1vw)}}
@media(max-width:760px){.gene-gallery-title h1{font-size:min(var(--gallery-title-size,96px),17vw)}.gene-gallery-title h1[data-language="en"]{font-size:min(var(--gallery-title-size,64px),9vw)}}
.gallery-editor input[type="number"]{width:100%;padding:10px;border:1px solid #bbb;background:#fff;font:13px/1.5 Arial,sans-serif}

/* 手机端商店入口与标题位置编辑。 */
.mobile-shop-link{display:none}.gallery-position-control{margin:18px 0}.gallery-position-control>strong{display:block;margin-bottom:9px;font:10px/1.4 Arial,sans-serif}.gallery-position-control label{margin:10px 0}.gallery-position-control label output{float:right;color:#777}.gallery-position-control input[type="range"]{padding:0;border:0}.gallery-position-control button{width:100%;padding:9px 3px;border:1px solid #111;background:#fff;color:#111;font:10px/1 Arial,sans-serif;cursor:pointer}.gallery-position-control button:hover{background:#111;color:#fff}

/* 编辑器内的位置微调卡片。 */
.gallery-position-control{padding:14px;border:1px solid #cbc8bf;background:#ebe8df}.gallery-position-control>strong{margin:0 0 13px;font-size:11px;font-weight:600}.gallery-position-control label{display:grid;grid-template-columns:58px minmax(0,1fr) 42px;align-items:center;gap:9px;margin:11px 0;font:10px/1 Arial,sans-serif}.gallery-position-control label output{float:none;justify-self:end;color:#67645e;font-variant-numeric:tabular-nums}.gallery-position-control input[type="range"]{grid-column:2;grid-row:1;width:100%;height:2px;margin:0;accent-color:#111}.gallery-position-control label output{grid-column:3;grid-row:1}.gallery-position-control button{width:auto;min-width:82px;margin:4px 0 0 auto;display:block;padding:8px 12px;background:transparent;font-size:9px;letter-spacing:.03em}

/* 避免编辑器标题栏的通用 div/button 规则误伤位置控制卡片。 */
.gallery-editor>.gallery-position-control{display:block;margin:18px 0;padding:14px}.gallery-editor>.gallery-position-control>strong{display:block;white-space:nowrap}.gallery-editor>.gallery-position-control label{display:grid}.gallery-editor>.gallery-position-control>button{display:block;width:auto;min-width:82px;height:auto;margin:14px 0 0 auto;padding:8px 12px;border:1px solid #111;background:transparent;color:#111;font:9px/1 Arial,sans-serif;letter-spacing:.03em}.gallery-editor>.gallery-position-control>button:hover{background:#111;color:#fff}
@media(min-width:761px){.gene-gallery-title h1{position:relative!important;left:var(--gallery-title-x,0)!important;top:var(--gallery-title-y,0)!important}}
@media(max-width:760px){.gene-gallery-header{grid-template-columns:1fr auto 1fr}.mobile-shop-link{display:block;grid-column:3;grid-row:1;justify-self:end;font:500 10px/1 Arial,sans-serif;letter-spacing:0}.gene-gallery-title h1{left:calc(50% + var(--gallery-title-x,0px));top:calc(92px + var(--gallery-title-y,0px))}}

/* 手机端导览条内文字共用同一条视觉水平线；桌面端不受影响。 */
@media(max-width:760px){.gene-gallery-header,.gene-gallery-header nav,.gene-gallery-header a,.gene-gallery-header button{align-items:center}.gene-gallery-header nav,.gene-gallery-header>a,.gene-gallery-header button{height:18px;line-height:18px}.gene-gallery-header>a,.gene-gallery-header nav a,.gene-gallery-header button{display:flex}.gene-gallery-header .logo{line-height:18px}.gene-gallery-header .mobile-shop-link{align-items:center}.gene-gallery-header .nav-left{height:auto;align-items:flex-start}}

/* 手机端三个导航模块直接锚定黑色导航条的物理中线。 */
@media(max-width:760px){.gene-gallery-header{position:sticky}.gene-gallery-header .mobile-menu,.gene-gallery-header .logo,.gene-gallery-header .mobile-shop-link{position:absolute;top:50%;height:18px;margin:0;display:flex;align-items:center;transform:translateY(-50%)}.gene-gallery-header .mobile-menu{left:var(--catalog-effective-pad)}.gene-gallery-header .logo{left:50%;transform:translate(-50%,-50%);white-space:nowrap}.gene-gallery-header .mobile-shop-link{right:var(--catalog-effective-pad)}.gene-gallery-header .nav-right{display:none}}

/* 精确复用主页手机导航的 64px / 23px 网格与 2px 两侧视觉补偿。 */
@media(max-width:760px){.gene-gallery-header{height:64px;padding-left:23px;padding-right:23px}.gene-gallery-header .logo{top:23px;left:50%;height:18px;transform:translateX(-50%);font-family:"NTX Big Caslon","NTX Source Han",serif;font-size:13px;font-weight:500;line-height:18px;letter-spacing:-.025em}.gene-gallery-header .mobile-menu,.gene-gallery-header .mobile-shop-link{top:25px;height:18px;transform:none;font-family:"DM Sans",Arial,sans-serif;font-size:10px;font-weight:500;line-height:18px}.gene-gallery-header .mobile-menu{left:23px}.gene-gallery-header .mobile-shop-link{right:23px}}

/* 仅手机端：Logo 与主页视觉基线一致，并提供触屏品牌色反馈。 */
@media(max-width:760px){.gene-gallery-header .logo{top:22px;height:auto;line-height:normal;transition:color .2s ease}.gene-gallery-header .mobile-menu,.gene-gallery-header .mobile-shop-link{top:24.5px}.gene-gallery-header .logo:hover,.gene-gallery-header .logo:focus-visible,.gene-gallery-header .logo:active{color:#c97f12}.gene-gallery-header .logo:hover:after,.gene-gallery-header .logo:focus-visible:after,.gene-gallery-header .logo:active:after{width:0}}

/* 手机端导航统一为品牌色文字与底部细线反馈。 */
@media(max-width:760px){.gene-gallery-header .mobile-menu,.gene-gallery-header .logo,.gene-gallery-header .mobile-shop-link{position:absolute;color:#fff;transition:color .2s ease}.gene-gallery-header .mobile-menu:after,.gene-gallery-header .logo:after,.gene-gallery-header .mobile-shop-link:after{content:"";position:absolute;left:0;bottom:-4px;width:0;border-bottom:1px solid #c97f12;transition:width .2s ease}.gene-gallery-header .mobile-menu:hover,.gene-gallery-header .mobile-menu:focus-visible,.gene-gallery-header .mobile-menu:active,.gene-gallery-header .logo:hover,.gene-gallery-header .logo:focus-visible,.gene-gallery-header .logo:active,.gene-gallery-header .mobile-shop-link:hover,.gene-gallery-header .mobile-shop-link:focus-visible,.gene-gallery-header .mobile-shop-link:active{color:#c97f12}.gene-gallery-header .mobile-menu:hover:after,.gene-gallery-header .mobile-menu:focus-visible:after,.gene-gallery-header .mobile-menu:active:after,.gene-gallery-header .logo:hover:after,.gene-gallery-header .logo:focus-visible:after,.gene-gallery-header .logo:active:after,.gene-gallery-header .mobile-shop-link:hover:after,.gene-gallery-header .mobile-shop-link:focus-visible:after,.gene-gallery-header .mobile-shop-link:active:after{width:100%}}

/* 电脑端基因页导航与主页使用完全相同的高度和 Logo 文字盒。 */
@media(min-width:761px){.gene-gallery-header{height:76px}.gene-gallery-header .logo{font-family:"NTX Big Caslon","NTX Source Han",serif;font-size:18px;font-weight:500;line-height:normal;letter-spacing:-.025em}}

/* 电脑端完整悬停反馈；手机端短暂保持反馈后再跳转。 */
@media(min-width:761px){.gene-gallery-header a{transition:color .22s ease}.gene-gallery-header a:hover,.gene-gallery-header a:focus-visible{color:#c97f12}.gene-gallery-header a:after{border-bottom-color:#c97f12}}
@media(max-width:760px){.gene-gallery-header .logo.is-activating,.gene-gallery-header .mobile-shop-link.is-activating{color:#c97f12}.gene-gallery-header .logo.is-activating:after,.gene-gallery-header .mobile-shop-link.is-activating:after{width:100%}}
@media(max-width:760px){.gene-gallery-header a.is-activating{color:#c97f12}.gene-gallery-header a.is-activating:after{width:100%;border-bottom-color:#c97f12}}

/* 手机端基因图库复用 Catalog 内页母版。 */
@media(max-width:760px){.gene-gallery-header{height:64px;padding-left:20px;padding-right:20px;background:#111;border-bottom:1px solid #2b2b29;font-family:Arial,"PingFang SC",sans-serif;font-size:10px;font-weight:400;line-height:18px}.gene-gallery-header .mobile-menu{left:20px}.gene-gallery-header .mobile-shop-link{right:20px}.gene-gallery-header .logo{top:22px;height:19px;font-size:13px;font-weight:500;line-height:normal}.gene-gallery-title{height:auto;min-height:170px;margin:0 20px;padding:40px 0 30px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #d9d9d4}.gene-gallery-title>p{display:none!important}.gene-gallery-title h1,.gene-gallery-title h1[data-language="en"]{position:relative!important;left:auto;top:auto;max-width:100%;margin:0;transform:translate(var(--gallery-title-x,0),var(--gallery-title-y,0));text-align:center;font-size:min(var(--gallery-title-size,96px),20vw);font-weight:400;line-height:1;letter-spacing:-.05em;white-space:normal}.gene-gallery-description{margin:0 20px;min-height:112px;padding:24px 0;border-bottom:1px solid #d9d9d4}.gene-gallery-grid{margin-top:32px}.gene-gallery-footer{padding-left:20px;padding-right:20px}}

/* Desktop header master grid, identical to Catalog and the homepage. */
@media(min-width:761px){
  .gene-gallery-header{height:76px;padding-left:var(--catalog-effective-pad);padding-right:var(--catalog-effective-pad);grid-template-columns:1fr auto 1fr;align-items:center}
  .gene-gallery-header .logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;white-space:nowrap;font-family:"NTX Big Caslon","NTX Source Han",serif;font-size:18px;font-weight:500;line-height:normal;letter-spacing:-.025em}
  .gene-gallery-header nav{display:flex;align-items:center;gap:clamp(16px,2vw,32px);font-family:"DM Sans","NTX Source Han",Arial,sans-serif;font-size:10px;font-weight:400;line-height:18px;letter-spacing:0;text-transform:uppercase}
  .gene-gallery-header .nav-left{grid-column:1;grid-row:1;justify-self:start}.gene-gallery-header .nav-right{grid-column:3;grid-row:1;justify-self:end}
}

/* Authoritative mobile navigation master, shared with homepage and Catalog. */
@media(max-width:760px){
  .gene-gallery-header{width:100%;height:64px;padding-left:23px;padding-right:23px;grid-template-columns:1fr auto 1fr;align-items:center;background:#111;color:#fff;border-bottom:1px solid #2b2b29}
  .gene-gallery-header .logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;height:auto;margin:0;white-space:nowrap;font-family:"NTX Big Caslon","NTX Source Han",serif;font-size:13px;font-weight:500;line-height:normal;letter-spacing:-.025em}
  .gene-gallery-header .mobile-menu{left:23px;top:50%;height:18px;transform:translateY(-50%);font-family:"DM Sans","NTX Source Han",Arial,sans-serif;font-size:10px;font-weight:400;line-height:18px}
  .gene-gallery-header .mobile-shop-link{right:23px;top:50%;height:18px;transform:translateY(-50%);font-family:"DM Sans","NTX Source Han",Arial,sans-serif;font-size:10px;font-weight:400;line-height:18px}
  .gene-gallery-header .nav-left{padding-left:23px;padding-right:23px}
}

@media(min-width:761px){.gene-gallery-header :is(.mobile-menu,nav,.mobile-shop-link){font-family:"DM Sans","NTX Source Han",Arial,sans-serif!important;font-weight:400!important}}
@media(max-width:760px){.gene-gallery-header :is(.mobile-menu,nav,.mobile-shop-link){font-family:"DM Sans","NTX Source Han",Arial,sans-serif!important;font-weight:500!important}}

/* Sibling gene-page navigation lives with the small edge metadata. */
.gene-gallery-title>.gene-page-meta{display:flex;align-items:center;gap:11px}.gene-gallery-title>.gene-page-meta-next{justify-content:flex-end}.gene-page-arrow{position:relative;color:#111;text-decoration:none;font:400 15px/1 "DM Sans",Arial,sans-serif;transition:color .2s ease,transform .2s ease}.gene-page-arrow:hover{color:#c97f12}.gene-page-arrow.next:hover{transform:translateX(3px)}.gene-page-arrow.prev:hover{transform:translateX(-3px)}
@media(max-width:760px){.gene-gallery-title>.gene-page-meta{display:flex!important;position:absolute;top:36px;z-index:3;font-size:8px;transform:none}.gene-gallery-title>.gene-page-meta-prev{left:0}.gene-gallery-title>.gene-page-meta-next{right:0}.gene-page-arrow{font-size:13px}.gene-page-arrow:active{color:#c97f12}}
@media(max-width:760px){.gene-gallery-title>.gene-page-meta:first-child{left:3px}.gene-gallery-title>.gene-page-meta:last-child{right:3px}}
@media(max-width:760px){.gene-gallery-title h1,.gene-gallery-title h1[data-language="en"]{width:calc(100% - 6px);max-width:calc(100% - 6px)}}

/* Mobile only: keep long bilingual titles inside the frame and give metadata room to breathe. */
@media(max-width:760px){
  .gene-gallery-title{min-height:220px;padding:72px 0 36px;overflow:hidden}
  .gene-gallery-title h1,.gene-gallery-title h1[data-language="en"]{width:calc(100% - 56px);max-width:calc(100% - 56px);font-size:clamp(24px,calc(var(--gallery-title-size,96px) * .52),52px);line-height:1.04;overflow-wrap:anywhere}
  .gene-gallery-title h1[data-language="en"]{font-size:clamp(22px,calc(var(--gallery-title-size,64px) * .5),42px)}
  .gene-gallery-title>.gene-page-meta{top:20px;height:16px;gap:6px;align-items:baseline;transform:none!important;color:#111;font-family:"DM Sans",Arial,sans-serif;font-size:8px;font-weight:400;line-height:16px}
  .gene-gallery-title>.gene-page-meta span{display:inline-block;height:16px;margin:0;font:inherit;line-height:16px;white-space:nowrap}
  .gene-page-meta .gene-page-arrow{position:relative;top:0;display:inline-block;width:16px;height:16px;margin:0;color:inherit;text-align:center;font-family:"DM Sans",Arial,sans-serif;font-size:13px;font-weight:400;line-height:16px}
}

/* Metadata and its arrow share one visual interaction state. */
.gene-page-meta{color:#111;transition:color .2s ease}.gene-page-meta span{cursor:pointer}.gene-page-meta .gene-page-arrow{color:inherit}.gene-page-meta:hover,.gene-page-meta:focus-within,.gene-page-meta:active,.gene-page-meta.is-active{color:#c97f12}.gene-page-meta:hover .gene-page-arrow,.gene-page-meta:focus-within .gene-page-arrow,.gene-page-meta:active .gene-page-arrow,.gene-page-meta.is-active .gene-page-arrow{color:inherit}

/* Selectable alignment controls, matching the homepage editor pattern. */
.gallery-alignment-control{margin:18px 0;padding:14px;border:1px solid #cbc8bf;background:#ebe8df}.gallery-alignment-control>strong{display:block;margin-bottom:13px;font:600 11px/1.4 Arial,sans-serif}.gallery-align-row{margin-top:12px}.gallery-align-row>span{display:block;margin-bottom:7px;font:10px/1 Arial,sans-serif}.gallery-align-row>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.gallery-align-row button{padding:9px 4px;border:1px solid #bbb;background:#fff;color:#111;font:10px/1 Arial,sans-serif;cursor:pointer}.gallery-align-row button:hover,.gallery-align-row button.is-active{border-color:#111;background:#111;color:#fff}
.gallery-editor>.gallery-alignment-control{display:block;margin:18px 0;padding:14px}.gallery-editor>.gallery-alignment-control button{font:10px/1 Arial,sans-serif}

/* Mobile only: compact bottom-sheet editor so the live page remains visible. */
@media(max-width:760px){.gallery-editor{top:auto;right:0;bottom:0;left:0;width:100%;height:40svh;min-height:280px;max-height:44svh;padding:18px 20px 28px;border-top:1px solid #111;box-shadow:0 -12px 36px rgba(0,0,0,.18);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transform:translateY(105%);transition:transform .32s cubic-bezier(.2,.75,.2,1)}.gallery-editor.is-open{transform:translateY(0)}.gallery-editor>div:first-child{position:sticky;z-index:2;top:-18px;margin:-18px -20px 18px;padding:18px 20px 12px;background:#f3f1eb;border-bottom:1px solid #cbc8bf}}
/* Restore the pre-editor mobile English introduction exactly. */
@media(max-width:760px){.gene-gallery-description p[data-language="en"]{width:100%!important;margin:0!important;padding:0!important;font-family:Arial,"PingFang SC",sans-serif!important;font-size:11px!important;font-weight:400!important;line-height:1.75!important;letter-spacing:.02em!important;text-align:left!important;position:static!important;transform:none!important}}
/* Chinese intro uses the same 24px/20px inset without the short-text centering gap. */
@media(max-width:760px){.gene-gallery-description:has(p[data-language="zh"]){min-height:0;align-items:flex-start}.gene-gallery-description p[data-language="zh"]{width:100%;margin:0;padding:0}}
.gene-gallery-description p{white-space:pre-line}
/* Mobile title editing frame follows the same 23px/23px navigation grid. */
@media(max-width:760px){.gene-gallery-title h1,.gene-gallery-title h1[data-language="en"]{width:calc(100% - 6px);max-width:calc(100% - 6px)}}
/* Keep arrow metadata fixed; optically align BRAND GENE to its text baseline. */
@media(max-width:760px){.gene-gallery-title>.gene-page-meta-brand{top:22px}}
/* Desktop optical alignment for the culture title's visible letterforms. */
@media(min-width:761px){body[data-gene-group="0"] .gene-gallery-title>.gene-page-meta{transform:translateY(-11px)}body[data-gene-group="0"] .gene-gallery-title>.gene-page-meta-next{align-items:flex-start}body[data-gene-group="0"] .gene-gallery-title>.gene-page-meta-next .gene-page-arrow{top:-1.33px}}
@media(min-width:761px){body[data-gene-group="1"] .gene-gallery-title>.gene-page-meta-prev{align-items:flex-start}body[data-gene-group="1"] .gene-gallery-title>.gene-page-meta-prev .gene-page-arrow{top:-1.33px}}

/* Final bilingual introduction standard shared by both GENE pages. */
.gene-gallery-description{align-items:center!important;justify-content:center!important}.gene-gallery-description p[data-language="zh"]{font-family:"NTX Source Han","Source Han Serif SC","Noto Serif CJK SC","Songti SC",serif!important;text-align:center!important}.gene-gallery-description p[data-language="en"]{font-family:"NTX Big Caslon","Big Caslon",Georgia,serif!important;text-align:center!important}
@media(max-width:760px){.gene-gallery-description:has(p[data-language="zh"]){align-items:center!important}.gene-gallery-description p[data-language="zh"],.gene-gallery-description p[data-language="en"]{width:100%!important;margin:0!important;padding:0!important;text-align:center!important}}

/* Desktop GENE title standard: English 100px, Chinese weight 600. */
@media(min-width:761px){
  .gene-gallery-title h1[data-language="en"]{font-size:100px!important;line-height:1!important}
  .gene-gallery-title h1[data-language="zh"]{font-weight:600!important}
  .gene-gallery-title>.gene-page-meta-prev,.gene-gallery-title>.gene-page-meta-next{align-items:center!important}
  .gene-gallery-title>.gene-page-meta .gene-page-arrow{top:-1px!important;display:inline-flex;align-items:center;justify-content:center;height:1em;line-height:1}
}

@media(max-width:760px){.gene-gallery-title h1[data-language="en"]{font-size:50px!important}}