:root{color-scheme:dark}*{box-sizing:border-box}html{min-height:100%;background:#07080d}body{margin:0;min-height:100vh;padding:clamp(10px,3vw,36px);background:radial-gradient(circle at 50% -15%,#343048 0,#131522 34%,#07080d 72%);overflow-x:hidden}
[data-tx-gallery]{--gold:#f0cf82;--pale:#fff3d4;--ink:#07080d;--line:#f0cf8238;position:relative;display:block;min-height:720px;max-width:1120px;margin:18px auto;padding:clamp(18px,3vw,34px);overflow:hidden;color:#f6efe3;background:radial-gradient(circle at 50% 28%,#6e4d242b,transparent 28%),radial-gradient(circle at 15% 80%,#47335a24,transparent 32%),linear-gradient(145deg,#171923f7,#06070cfb);border:1px solid var(--line);box-shadow:0 28px 90px #000b;font-family:"Noto Serif SC","Microsoft YaHei",serif;isolation:isolate}
[data-tx-gallery]:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;background-image:radial-gradient(circle,#f7d98f 0 1px,transparent 1.4px),radial-gradient(circle,#fff 0 .8px,transparent 1.2px);background-size:83px 83px,137px 137px;background-position:0 0,31px 52px;mask-image:linear-gradient(#000,transparent 92%)}
[data-tx-state]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
[data-tx-gallery] label[role="button"]{color:inherit;text-decoration:none;cursor:pointer}
[data-tx-opening]{position:absolute;inset:0;z-index:40;display:grid;place-items:center;overflow:hidden;pointer-events:none;background:radial-gradient(circle at center,#322946 0,#0a0b13 48%,#040509 100%);animation:txg-opening-away .68s 7.55s both}
[data-tx-opening]>strong{position:relative;z-index:4;font-size:clamp(28px,7vw,72px);font-weight:500;letter-spacing:.35em;color:var(--pale);text-shadow:0 0 34px #f0cf8266;opacity:0;animation:txg-title 2.45s 5.12s both}
[data-tx-vortex]{position:absolute;inset:0;overflow:hidden}
[data-tx-vortex-card]{position:absolute;left:50%;top:50%;width:clamp(68px,9vw,122px);aspect-ratio:1;overflow:hidden;border:1px solid #f0cf825c;background-image:var(--img);background-size:cover;background-position:center top;box-shadow:0 10px 32px #000d,0 0 18px #f0cf8215;animation:txg-vortex 7.15s var(--d) cubic-bezier(.18,.64,.16,1) both}
@keyframes txg-vortex{0{opacity:0;filter:blur(2px);transform:translate(-50%,-50%) rotate(var(--a)) translateX(var(--rad)) rotate(-25deg) scale(.42)}9%{opacity:.76;filter:blur(0)}58%{opacity:1;transform:translate(-50%,-50%) rotate(calc(var(--a) + 760deg)) translateX(115px) rotate(310deg) scale(.32)}76%{opacity:1;transform:translate(-50%,-50%) rotate(calc(var(--a) + 1040deg)) translateX(25px) rotate(480deg) scale(.13)}84%{opacity:1;filter:blur(0);transform:translate(-50%,-50%) rotate(calc(var(--a) + 1100deg)) translateX(0) rotate(530deg) scale(.08)}100%{opacity:0;filter:blur(5px);transform:translate(-50%,-50%) rotate(calc(var(--a) + 1180deg)) translateX(var(--burst)) rotate(650deg) scale(.72)}}
@keyframes txg-title{0%,22%{opacity:0;transform:scale(.82);letter-spacing:.58em}52%,72%{opacity:1;transform:scale(1);letter-spacing:.35em}100%{opacity:0;transform:scale(1.12);filter:blur(4px)}}
@keyframes txg-opening-away{to{visibility:hidden;opacity:0}}
[data-tx-gallery-head]{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid var(--line);opacity:0;animation:txg-reveal .8s 7.55s both}
[data-tx-gallery-head] small,[data-tx-overlay] small{color:var(--gold);letter-spacing:.28em}
[data-tx-gallery-head] h1{margin:5px 0 8px;font-size:clamp(32px,6vw,62px);font-weight:500;letter-spacing:.14em;line-height:1}
[data-tx-gallery-head] p{margin:0;color:#aaa298;line-height:1.7}
[data-tx-gallery-head]>label,[data-tx-overlay] header>label,[data-tx-shot] nav label{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;border:1px solid #f0cf8260;background:#f0cf820d;color:var(--pale);white-space:nowrap;transition:.25s}
[data-tx-gallery-head]>label:hover,[data-tx-overlay] header>label:hover,[data-tx-shot] nav label:hover{border-color:var(--gold);background:#f0cf8220;transform:translateY(-2px)}
[data-tx-gallery-head]>label:focus-visible,[data-tx-person-card]:focus-visible,[data-tx-all-grid]>label:focus-visible,[data-tx-shot] nav label:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
[data-tx-frame-wall]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2.2vw,25px);align-items:center;padding:clamp(28px,5vw,58px) 2px 34px}
[data-tx-person-card]{position:relative;display:block;aspect-ratio:1;overflow:hidden;border:1px solid #f0cf8245;background:#0a0b11;box-shadow:0 18px 42px #0009;opacity:0;transform:translate(var(--bx,0),var(--by,0)) rotate(var(--r)) scale(.2);animation:txg-frame-land .95s calc(7.38s + var(--delay)) cubic-bezier(.18,.86,.18,1.08) both;transition:.35s}
[data-tx-person-card]:nth-child(1){--bx:35vw;--by:18vh}[data-tx-person-card]:nth-child(2){--bx:-18vw;--by:28vh}[data-tx-person-card]:nth-child(3){--bx:16vw;--by:-26vh}[data-tx-person-card]:nth-child(4){--bx:-34vw;--by:-18vh}
[data-tx-person-card]>img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform 5s ease}
[data-tx-person-card]>span:not([data-tx-collage]){position:absolute;left:0;right:0;bottom:0;display:grid;gap:2px;padding:28px 13px 12px;background:linear-gradient(transparent,#05060ae8)}
[data-tx-person-card] small{color:var(--gold);font-size:10px;letter-spacing:.22em}[data-tx-person-card] b{font-size:clamp(16px,2vw,24px);font-weight:500;letter-spacing:.15em}
[data-tx-person-card]:hover{z-index:3;border-color:#f0cf82b0;box-shadow:0 24px 58px #000c,0 0 28px #f0cf8222;transform:translateY(-9px) rotate(0) scale(1.035)}
[data-tx-person-card]:hover>img{transform:scale(1.08)}
[data-tx-collage]{display:grid;width:100%;height:100%;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px}[data-tx-collage] img{width:100%;height:100%;object-fit:cover;object-position:top}
@keyframes txg-frame-land{0{opacity:0;transform:translate(var(--bx),var(--by)) rotate(18deg) scale(.2);filter:blur(6px)}70%{opacity:1;filter:blur(0)}100%{opacity:1;transform:translate(0,0) rotate(var(--r)) scale(1)}}
@keyframes txg-reveal{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
[data-tx-gallery]>footer{display:flex;align-items:center;gap:12px;color:#8d877d;font-size:11px;letter-spacing:.14em;opacity:0;animation:txg-reveal .7s 7.88s both}[data-tx-gallery]>footer i{height:1px;flex:1;background:var(--line)}
[data-tx-overlay]{display:none;position:absolute;inset:0;z-index:30;margin:0;padding:clamp(18px,3vw,34px);overflow:auto;color:#f6efe3;background:radial-gradient(circle at 50% 0,#5f44242c,transparent 35%),linear-gradient(145deg,#141620fc,#05060afc)}
[data-tx-overlay]{animation:txg-overlay-in .45s cubic-bezier(.2,.78,.18,1) both}
@keyframes txg-overlay-in{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
[data-tx-all]{grid-template-rows:auto 1fr;gap:22px}
[data-tx-overlay]>header{display:flex;justify-content:space-between;align-items:end;gap:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}
[data-tx-overlay] h2{margin:5px 0 0;font-size:clamp(28px,5vw,48px);font-weight:500;letter-spacing:.14em}
[data-tx-all-grid]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;align-content:start}
[data-tx-all-grid]>label{position:relative;display:block;aspect-ratio:1;overflow:hidden;border:1px solid #ffffff18;background:#0a0b11;transition:.28s}
[data-tx-all-grid] img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:.5s}
[data-tx-all-grid] span{position:absolute;left:0;right:0;bottom:0;padding:24px 10px 9px;background:linear-gradient(transparent,#04050aeb);font-size:12px;letter-spacing:.08em}
[data-tx-all-grid]>label:hover{border-color:#f0cf82a0;transform:translateY(-5px);box-shadow:0 16px 36px #000a}[data-tx-all-grid]>label:hover img{transform:scale(1.07)}
[data-tx-shot]{grid-template-columns:minmax(0,1.55fr) minmax(230px,.55fr);padding:0;overflow:hidden}
[data-tx-shot]>img{width:100%;height:100%;min-height:680px;object-fit:contain;object-position:center;background:#030409}
[data-tx-shot]>figcaption{display:flex;flex-direction:column;padding:clamp(24px,4vw,48px);border-left:1px solid var(--line);background:#0b0c13f2}
[data-tx-shot] h2{margin:10px 0 4px}[data-tx-shot] p{margin:0;color:#aaa298}[data-tx-shot] nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:auto;padding-top:26px}
@media(max-width:760px){[data-tx-gallery]{min-height:680px;padding:16px}[data-tx-gallery-head]{align-items:start;flex-direction:column}[data-tx-frame-wall]{grid-template-columns:1fr 1fr;padding-top:28px}[data-tx-all-grid]{grid-template-columns:repeat(3,minmax(0,1fr))}[data-tx-shot]{grid-template-columns:1fr;overflow:auto}[data-tx-shot]>img{height:62vh;min-height:420px}[data-tx-shot]>figcaption{min-height:220px;border-left:0;border-top:1px solid var(--line)}[data-tx-vortex-card]{width:82px}}
@media(max-width:480px){[data-tx-gallery]{min-height:620px}[data-tx-gallery-head] h1{font-size:36px}[data-tx-gallery-head]>label{width:100%}[data-tx-frame-wall]{gap:10px}[data-tx-all-grid]{grid-template-columns:1fr 1fr}[data-tx-vortex-card]{width:64px}}
@media(prefers-reduced-motion:reduce){[data-tx-opening]{display:none}[data-tx-gallery-head],[data-tx-person-card],[data-tx-gallery]>footer{opacity:1;animation:none;transform:none}*{scroll-behavior:auto!important;transition:none!important}}
#TXGS_ALL:checked~[data-view="TXGS_ALL"]{display:grid}
#TXGS_01_STAND:checked~[data-view="TXGS_01_STAND"]{display:grid}
#TXGS_01_SCENE:checked~[data-view="TXGS_01_SCENE"]{display:grid}
#TXGS_01_FULL_01:checked~[data-view="TXGS_01_FULL_01"]{display:grid}
#TXGS_01_MORTAL_CALAMITY:checked~[data-view="TXGS_01_MORTAL_CALAMITY"]{display:grid}
#TXGS_01_MORTAL_CREATION:checked~[data-view="TXGS_01_MORTAL_CREATION"]{display:grid}
#TXGS_01_CREATION_STAND:checked~[data-view="TXGS_01_CREATION_STAND"]{display:grid}
#TXGS_01_CREATION_SCENE:checked~[data-view="TXGS_01_CREATION_SCENE"]{display:grid}
#TXGS_02_STAND:checked~[data-view="TXGS_02_STAND"]{display:grid}
#TXGS_02_SCENE:checked~[data-view="TXGS_02_SCENE"]{display:grid}
#TXGS_02_AVATAR:checked~[data-view="TXGS_02_AVATAR"]{display:grid}
#TXGS_02_FULL_01:checked~[data-view="TXGS_02_FULL_01"]{display:grid}
#TXGS_03_STAND:checked~[data-view="TXGS_03_STAND"]{display:grid}
#TXGS_03_SCENE:checked~[data-view="TXGS_03_SCENE"]{display:grid}
#TXGS_03_AVATAR:checked~[data-view="TXGS_03_AVATAR"]{display:grid}
#TXGS_03_FULL_01:checked~[data-view="TXGS_03_FULL_01"]{display:grid}
#TXGS_03_FULL_02:checked~[data-view="TXGS_03_FULL_02"]{display:grid}