:root{--ink:#071429;--navy:#0b1e3b;--gold:#c2a36b;--pale:#edf1f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--pale);color:#fff;font-family:Manrope,"Noto Sans SC",sans-serif}header{height:76px;background:var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,78px)}.brand{font:19px "DM Mono",monospace;letter-spacing:.05em;color:#fff;text-decoration:none}.brand span{color:var(--gold)}nav{display:flex;gap:30px}nav a,footer>a{font-size:11px;letter-spacing:.1em;color:#fff;text-decoration:none}nav .selected{color:var(--gold)}.gallery-hero{padding:80px max(5vw,78px) 70px;background:linear-gradient(120deg,#071429,#15355b)}.gallery-hero p{font:10px "DM Mono",monospace;letter-spacing:.13em;color:var(--gold);margin:0 0 20px}.gallery-hero h1{max-width:850px;margin:0;font:600 clamp(40px,5.5vw,77px)/1.18 "Noto Serif SC",serif;letter-spacing:-.06em}.gallery-hero h1 i{display:block;font:500 .85em "Playfair Display",serif;color:#d5dce6}.gallery-hero>a{display:inline-block;color:#fff;text-decoration:none;font:11px "DM Mono",monospace;letter-spacing:.06em;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:6px;margin-top:35px}.photo-wall{columns:3 280px;column-gap:16px;padding:65px max(5vw,78px) 110px}.photo-wall figure{break-inside:avoid;margin:0 0 16px;position:relative;overflow:hidden;background:#101c30;cursor:zoom-in}.photo-wall figure::after{content:"Bryan.T张景皓网页图片";position:absolute;right:12px;bottom:12px;color:rgba(255,255,255,.46);font:500 9px "DM Mono",sans-serif;letter-spacing:.08em;text-shadow:0 1px 3px rgba(0,0,0,.8);pointer-events:none}.photo-wall img{display:block;width:100%;height:auto;transition:transform .45s}.photo-wall figure:hover img{transform:scale(1.035)}.lightbox{position:fixed;inset:0;background:rgba(3,10,22,.94);z-index:5;display:none;align-items:center;justify-content:center;padding:36px}.lightbox.open{display:flex}.lightbox img{max-width:100%;max-height:90vh;object-fit:contain}.lightbox span{position:absolute;right:45px;bottom:30px;color:rgba(255,255,255,.58);font:11px "DM Mono",monospace;letter-spacing:.1em}.lightbox button{position:absolute;right:22px;top:13px;color:#fff;background:transparent;border:0;font:36px/1 Arial;cursor:pointer}footer{background:var(--ink);padding:26px max(5vw,78px);display:flex;align-items:center;justify-content:space-between}footer p{font:10px "DM Mono",monospace;color:#9aa8b9;margin:0}@media(max-width:800px){header{height:66px;padding:0 24px}nav{display:none}.gallery-hero{padding:68px 24px 54px}.gallery-hero h1{font-size:42px}.photo-wall{columns:2 150px;column-gap:10px;padding:35px 24px 70px}.photo-wall figure{margin-bottom:10px}.lightbox{padding:24px 12px}.lightbox span{right:20px;bottom:18px;font-size:9px}footer{padding:23px 24px}footer p{display:none}}
:root{--ink:#071429;--navy:#0b1e3b;--gold:#c2a36b;--pale:#edf1f5}header{gap:22px}.language-switch{border:1px solid rgba(255,255,255,.42);border-radius:99px;background:rgba(255,255,255,.06);color:#fff;padding:6px 10px;display:flex;gap:7px;align-items:center;font:500 11px Manrope;cursor:pointer}.language-switch i{height:12px;border-left:1px solid rgba(255,255,255,.5)}.language-switch .active{color:var(--gold)}@media(max-width:800px){.language-switch{margin-left:auto}}