:root{color-scheme:dark;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:#eee6d3;background:#08131e;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid #edd095;outline-offset:5px}
.gallery{min-height:100vh;min-height:100svh;background:radial-gradient(ellipse at 50% 0,#153046 0,transparent 65%),#08131e}
.collection{max-width:1080px;margin:auto;padding:calc(32px + env(safe-area-inset-top,0px)) max(18px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px))}
.collection-header{text-align:center;margin-bottom:28px}
.seal{display:block;color:#d4b67a;font-size:25px;margin-bottom:10px}
h1{font-size:26px;letter-spacing:.18em;font-weight:550;margin:0}
.collection-header p{font-size:13px;color:#a9b7bc;margin:12px 0 0;letter-spacing:.07em}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.card-link{display:block;min-width:0;border:1px solid #ad915340;border-radius:15px;background:linear-gradient(145deg,#172635,#0c1823);padding:12px;box-shadow:0 12px 28px #0004;transition:border-color .2s ease,box-shadow .2s ease}
.preview{aspect-ratio:2/3;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#07111a;border-radius:7px}
.preview img{display:block;width:100%;height:100%;object-fit:contain}
.caption{padding:15px 4px 4px}
h2{font-size:19px;font-weight:550;letter-spacing:.025em;margin:0 0 7px;overflow-wrap:anywhere}
.caption p{font-size:13px;line-height:1.6;color:#b4bbc0;margin:0}
.enter{display:flex;justify-content:space-between;align-items:center;color:#dfc58e;font-size:12px;margin-top:19px}
.collection-footer{font-size:12px;color:#8597a2;text-align:center;margin-top:25px}
@media(hover:hover){.card-link:hover{border-color:#d6b77c;box-shadow:0 12px 32px #0006}.viewer-nav a:hover{color:#fff0c9;background:#ffffff08}}
.viewer{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;background:#07111a;padding-bottom:env(safe-area-inset-bottom,0px)}
.viewer-nav{flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:54px;padding:env(safe-area-inset-top,0px) max(12px,env(safe-area-inset-right,0px)) 0 max(12px,env(safe-area-inset-left,0px));border-bottom:1px solid #bb9f5d40;background:#0b1a27}
.viewer-nav a{display:flex;align-items:center;min-height:48px;font-size:13px;color:#d9c18f;border-radius:5px;padding:0 6px;white-space:nowrap}
.viewer-nav .return{justify-self:start}
.viewer-nav .switch{justify-self:end}
.viewer-nav h1{font-size:15px;font-weight:550;letter-spacing:.02em;text-align:center;min-width:0}
.viewer-stage{flex:1;min-height:0;min-width:0}
.viewer-stage iframe{display:block;border:0;width:100%;height:100%;background:#07111a}
@media(max-width:760px){.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:540px){.collection{padding-top:calc(24px + env(safe-area-inset-top,0px))}.collection-header{margin-bottom:22px}h1{font-size:23px}.cards{gap:12px}.card-link{padding:7px;border-radius:11px}.caption{padding:12px 2px 4px}h2{font-size:17px}.caption p{font-size:11px}.enter{margin-top:14px}.viewer-nav{gap:3px}.viewer-nav a{font-size:12px;padding:0 3px}.viewer-nav h1{font-size:14px}}
@media(max-width:330px){.cards{grid-template-columns:1fr}.viewer-nav{grid-template-columns:1fr 1fr}.viewer-nav h1{grid-row:1;grid-column:1/-1;padding-top:8px}.viewer-nav a{min-height:40px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}