/* Shared imagery lives in photography/catalog.json; content stays readable above the scene. */
/* SCENES-BEGIN */
body{--scene-image:url('/photography/photo-356.webp');background:#07101b}
body[data-view=home]{--scene-image:url('/photography/photo-356.webp')}
body[data-view=fleet]{--scene-image:url('/photography/photo-348.webp')}
body[data-view=library]{--scene-image:url('/photography/photo-358.webp')}
body[data-view=industry]{--scene-image:url('/photography/photo-362.webp')}
body[data-view=ccu]{--scene-image:url('/photography/photo-349.webp')}
body[data-view=sandbox]{--scene-image:url('/photography/photo-363.webp')}
body[data-view=photography]{--scene-image:url('/photography/photo-280.webp')}
body[data-view=creators]{--scene-image:url('/photography/photo-300.webp')}
/* SCENES-END */
body:before{background-image:linear-gradient(110deg,#050d17ed 4%,#09182eb8 52%,#06101be8 100%),var(--scene-image);background-position:center;background-size:cover}
body[data-view=library][data-collection=cosmetics]{--scene-image:url('/photography/photo-358.webp')}
.page-heading:after,.entry-heading:after{content:'DSA / 星海实用档案'}
html{scrollbar-gutter:stable}
:where(a,button,input,select,summary):focus-visible{outline:2px solid #ebcf94;outline-offset:4px}
.skip-link{position:fixed;left:16px;top:-90px;z-index:120;padding:12px 20px;background:#e2c891;color:#10202e;border-radius:4px}
.skip-link:focus{top:12px}
.scene-credit{display:flex;flex-wrap:wrap;align-items:center;gap:5px 9px;width:100%;font-size:10px;line-height:1.7;color:#a4b3c0;border-top:1px solid #8ca4b52b;padding-top:15px}
.scene-credit a{color:#d0bd92}.scene-credit>a:last-child{margin-left:auto}
footer{flex-wrap:wrap}
.site-backtop{position:fixed;bottom:23px;left:24px;z-index:20;width:42px;height:42px;border-radius:50%;border:1px solid #bba57770;background:#0d1d2fee;color:#e1c78e;box-shadow:0 5px 22px #0006;font-size:20px;cursor:pointer}
.photo-feature{margin:60px 0 40px;padding:34px 0 28px;border-top:1px solid #a6b8c738;border-bottom:1px solid #a6b8c738}
.photo-feature-heading,.photo-collection-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}
.photo-feature-heading h2{font-size:30px;font-weight:500;letter-spacing:.03em;margin:12px 0 0}.photo-feature-heading>a{font-size:13px;color:#ddc592;padding-bottom:4px}
.photo-feature-cover{position:relative;display:block;height:440px;overflow:hidden;border-radius:3px;background:#142132}
.photo-feature-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.photo-feature-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#091321e8,#0a17284d 60%,transparent),linear-gradient(0deg,#091321b3,transparent 45%)}
.photo-feature-copy{position:absolute;inset:42px auto 42px 44px;z-index:1;color:#efe6d2}.photo-feature-copy>span{font-size:11px;letter-spacing:.14em}.photo-feature-copy strong{display:block;font-family:'Microsoft YaHei',sans-serif;font-size:124px;font-weight:900;line-height:1.25;letter-spacing:.07em;margin:15px 0 10px}.photo-feature-copy strong>span{font-weight:400;-webkit-text-stroke:1px #f5ead5;color:transparent}.photo-feature-copy p{font-size:13px;color:#d4d9d7;margin:0 0 28px}.photo-feature-copy b{font-weight:500;font-size:12px;display:inline-block;border-bottom:1px solid #b7a479;padding-bottom:7px}
.photo-cover-id{position:absolute;z-index:1;right:24px;bottom:22px;font-size:9px;color:#eee5d2;letter-spacing:.08em}
.photo-feature-pair{display:grid;grid-template-columns:1.7fr 1fr;gap:18px;margin-top:18px}.photo-feature-pair>a{position:relative;display:block;height:315px;overflow:hidden;background:#172d3d}.photo-feature-pair img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.photo-feature-pair>a:last-child img{object-position:center 58%}.photo-feature-pair>a:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#06111de3,transparent 60%)}.photo-feature-pair>a>span{position:absolute;left:25px;bottom:23px;z-index:1;font-size:21px;color:#e4e9e8}.photo-feature-pair small{display:block;font-size:10px;color:#b6c4cc;margin-top:10px}.photo-feature-pair>a:hover img{transform:scale(1.025)}
.photo-author{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:27px 0 4px}.photo-author>div>a{display:block;font-size:16px;color:#ddc99f;margin:10px 0}.photo-author p{font-size:12px;color:#aabac8;line-height:1.9;margin:0;text-align:right}.photo-author small{display:block;font-size:10px}.photo-author p a{color:#dfc99b}
.photo-exhibition-hero{position:relative;height:560px;isolation:isolate;overflow:hidden;background:#132031}.photo-exhibition-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;z-index:-2}.photo-exhibition-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#081422d9,transparent 85%),linear-gradient(0deg,#07101b,transparent 45%)}.photo-exhibition-hero>div{padding:80px max(5%,calc((100vw - 1125px)/2));color:#e9e5da}.photo-exhibition-hero h1{font-size:132px;font-weight:900;line-height:1.15;letter-spacing:.08em;margin:25px 0}.photo-exhibition-hero h1>span{font-weight:400;-webkit-text-stroke:1px #f1e8d8;color:transparent}.photo-exhibition-hero h1 small{display:block;font-size:25px;font-weight:400;letter-spacing:.13em;margin-top:10px}.photo-exhibition-hero>div>p:not(.eyebrow){font-size:12px;color:#c2cbd0;margin:24px 0}.photo-hero-source{position:absolute;right:5%;bottom:34px;font-size:10px;color:#dfd2b8}.photo-exhibition{padding-bottom:50px}.photo-intro{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;padding:58px 0;border-bottom:1px solid var(--line)}.photo-intro h2{font-size:32px;font-weight:400;line-height:1.6;letter-spacing:.05em;margin:18px 0 0}.photo-intro>div>p:not(.eyebrow){font-size:13px;line-height:2.1;margin:0 0 14px}.photo-intro>div>a{font-size:12px;color:#dec697}.photo-collection-heading{margin:42px 0 20px}.photo-collection-heading h2{font-size:27px;font-weight:500;margin:0}.photo-collection-heading p{font-size:12px;color:#a4bac9;margin:0}
.photo-filters{display:flex;gap:15px;flex-wrap:wrap;align-items:end;padding:17px 20px;margin-bottom:25px;border:1px solid #8da8bf40;background:#112235e8;border-radius:7px}.photo-filters label{font-size:11px;color:#acbecb;min-width:140px;margin:0}.photo-filters select{margin-top:8px;min-height:42px;width:100%}.photo-filters button{min-height:42px;font-size:12px}.photo-filters>span{margin-left:auto;font-size:11px;align-self:center;color:#99afc0}
.photo-grid{columns:3 240px;column-gap:20px}.photo-card{display:inline-block;vertical-align:top;width:100%;padding:0;margin:0 0 20px;overflow:hidden;break-inside:avoid;border:1px solid #8aa5ba32;border-radius:4px;background:#112134d9;text-align:left;color:#dce5e8;cursor:zoom-in}.photo-card img{display:block;width:100%;height:auto;background:#172c3b;transition:filter .25s}.photo-card>span{display:block;padding:15px 17px}.photo-card b{font-size:11px;font-weight:400;color:#cfc1a1}.photo-card small{display:block;color:#9db1c2;font-size:9px;margin-top:7px;letter-spacing:.05em}.photo-card i{float:right;font-size:15px;font-style:normal;color:#d5bf8c}.photo-card:hover{border-color:#d4bd8a}.photo-card:hover img{filter:brightness(1.08)}.photo-more{text-align:center;padding:22px 0 38px;border-bottom:1px solid var(--line)}.photo-more button{min-height:44px;padding:12px 30px}.photo-more p{font-size:10px;color:#8da4b7;margin-top:17px}
.photo-viewer{width:min(1500px,96vw);max-width:none;max-height:95dvh;padding:0;border:1px solid #9ab2c347;background:#07121e;color:#d9e3ea;box-shadow:0 20px 100px #000b;border-radius:6px}.photo-viewer::backdrop{background:#020812ed;backdrop-filter:blur(10px)}.photo-viewer-open{overflow:hidden}.photo-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid #849eaf2b}.photo-viewer-title{font-size:11px;color:#bec8cb;letter-spacing:.04em}.photo-close{min-height:40px}.photo-viewer-stage{display:grid;grid-template-columns:50px minmax(0,1fr) 50px;align-items:center;gap:5px;padding:14px 5px}.photo-viewer-stage>img{display:block;width:100%;height:min(68dvh,900px);object-fit:contain}.photo-viewer-stage>button{font-size:30px;border:0;background:transparent;min-height:60px;color:#d4bc87;cursor:pointer}.photo-viewer-footer{display:flex;flex-wrap:wrap;gap:15px 25px;align-items:center;padding:16px 22px;font-size:11px;border-top:1px solid #849eaf2b}.photo-viewer-footer>a{color:#ddc18a}.photo-viewer-footer>span:last-child{margin-left:auto;color:#a1b6c4;font-size:10px}
@media(max-width:950px){.photo-intro{gap:35px}.photo-grid{columns:2}.photo-feature-copy strong{font-size:105px}.photo-feature-pair>a{height:280px}.photo-feature-heading h2{font-size:26px}.photo-exhibition-hero h1{font-size:115px}.photo-exhibition-hero>div{padding-top:70px}.photo-exhibition-hero{height:520px}}
@media(max-width:650px){.photo-feature{margin-top:35px;padding-top:25px}.photo-feature-heading{align-items:start;flex-direction:column;gap:17px}.photo-feature-heading h2{font-size:24px}.photo-feature-cover{height:410px}.photo-feature-copy{inset:38px auto auto 25px}.photo-feature-copy strong{font-size:103px}.photo-feature-copy p{max-width:190px;line-height:1.9}.photo-cover-id{right:17px;bottom:16px;font-size:8px}.photo-feature-pair{grid-template-columns:1fr}.photo-feature-pair>a{height:270px}.photo-feature-pair>a:last-child{height:350px}.photo-author{align-items:start;flex-direction:column;gap:8px}.photo-author p{text-align:left}.photo-author small{font-size:9px}.photo-exhibition-hero{height:510px}.photo-exhibition-hero h1{font-size:105px}.photo-exhibition-hero h1 small{font-size:21px}.photo-exhibition-hero>div{padding:65px 6%}.photo-hero-source{bottom:20px}.photo-intro{grid-template-columns:1fr;gap:28px;padding:35px 0}.photo-intro h2{font-size:27px;margin-top:12px}.photo-grid{columns:2;column-gap:12px}.photo-card{margin-bottom:12px}.photo-card>span{padding:11px}.photo-card small{font-size:7px;letter-spacing:0;overflow-wrap:anywhere}.photo-card b{font-size:10px}.photo-filters{gap:12px;padding:15px}.photo-filters label{min-width:0;flex:1 1 35%}.photo-filters>span{margin-left:0}.photo-collection-heading{align-items:center}.photo-collection-heading h2{font-size:23px}.photo-collection-heading p{font-size:10px}.photo-viewer{width:98vw}.photo-viewer-bar{padding:10px 12px}.photo-viewer-stage{grid-template-columns:30px minmax(0,1fr) 30px;gap:0}.photo-viewer-stage>img{height:60dvh}.photo-viewer-footer{padding:13px;font-size:10px}.photo-viewer-footer>span:last-child{margin-left:0;line-height:1.7}.site-backtop{left:14px;bottom:17px;width:38px;height:38px}.scene-credit>a:last-child{margin-left:0}}
@media(prefers-reduced-motion:reduce){.photo-feature-pair img,.photo-card img{transition:none}.photo-feature-pair>a:hover img{transform:none}}
/* Keep earlier masonry pages stable when another batch is revealed. */
.photo-grid{columns:auto}.photo-page{columns:3 240px;column-gap:20px}.photo-card{scroll-margin-top:115px}@media(max-width:950px){.photo-page{columns:2}}@media(max-width:650px){.photo-page{columns:2;column-gap:12px}}