*{box-sizing:border-box}html{color-scheme:light}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#282f2a;background:#ede9df}a{color:inherit;text-decoration:none}button,select{font:inherit}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #b75e3d;outline-offset:5px}.gallery-header,.gallery-footer{display:flex;align-items:center;justify-content:space-between;margin:0 auto;max-width:1540px;padding:30px 5%}.brand{font-weight:850;letter-spacing:.13em;font-size:23px}.brand span{display:inline-block;margin-left:18px;font-size:11px;letter-spacing:.16em;font-weight:500}.repo{font-size:12px}.intro{position:relative;max-width:1540px;margin:auto;padding:45px 5% 50px}.eyebrow{font-size:10px;letter-spacing:.22em;color:#6b746b;margin-bottom:24px}.intro h1{font-size:clamp(44px,5vw,74px);font-weight:500;letter-spacing:-.055em;line-height:1.16;margin:0 0 24px}.lede{font-size:14px;line-height:1.9;color:#687067}.count{position:absolute;bottom:54px;right:5%;font-size:11px;letter-spacing:.08em;color:#6b746b}.cards{max-width:1540px;margin:auto;padding:0 5%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.card{display:block;min-width:0}.picture{aspect-ratio:1.18;position:relative;background:#d5d3c8;overflow:hidden;border-radius:5px}.picture img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.card:hover .picture img{transform:scale(1.035)}.badge{position:absolute;top:15px;left:15px;padding:8px 10px;border-radius:2px;background:#f7f3e9e8;font-size:10px}.enter{position:absolute;right:14px;bottom:14px;border-radius:30px;background:#263c32;color:#fff;padding:11px 16px;font-size:11px}.card-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:24px}.card h2{margin:0;font-size:25px;letter-spacing:-.04em;font-weight:550}.card-head>span{font-size:8px;letter-spacing:.15em;color:#747c73}.card p{font-size:12px;line-height:1.8;color:#697167}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.tags span{border:1px solid #c9cec1;padding:5px 8px;border-radius:3px;font-size:9px;color:#61705e}.guide{max-width:1386px;margin:70px auto 20px;border-top:1px solid #cdd0c3;padding:26px 0;display:grid;grid-template-columns:1fr 2fr 1fr;gap:32px}.guide h2{font-size:17px;font-weight:500;margin:0}.guide p{font-size:12px;line-height:1.9;color:#6c7469;margin:0}.gallery-footer{font-size:10px;letter-spacing:.1em;color:#747c70;padding-top:24px;padding-bottom:30px}.viewer{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:#f3efe5}.viewer-bar{flex:none;min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:10px 22px;gap:16px;background:#f3efe5;border-bottom:1px solid #d8dacc}.viewer-bar .brand{font-size:15px}.viewer-actions{display:flex;align-items:center;gap:14px;font-size:12px}.viewer-actions select{max-width:180px;border:1px solid #c8cdbf;border-radius:5px;padding:7px;background:#faf7f0;color:#283e31}.viewer-actions button{border:0;background:transparent;cursor:pointer;color:#283e31}.viewer-bar>a{font-size:12px}.frame-wrap{position:relative;flex:1;min-height:0}.frame-wrap iframe{border:0;width:100%;height:100%;display:block}.viewer-error{padding:40px;text-align:center}.viewer-note{margin:0;padding:4px 12px;background:#f3efe5;text-align:center;font-size:10px;color:#6c7469}@media(max-width:800px){.gallery-header{padding-top:22px}.brand span{display:none}.intro{padding-top:30px}.count{position:static;display:block;margin-top:24px}.cards{grid-template-columns:1fr;gap:38px}.picture{aspect-ratio:1.4}.card-head{margin-top:18px}.guide{margin:42px 5% 0;grid-template-columns:1fr;gap:12px}.viewer-bar{gap:8px;padding:9px 12px}.viewer-actions{gap:8px}.viewer-actions select{max-width:130px;font-size:12px}.viewer-actions button{display:none}.viewer-bar .brand{font-size:12px}.viewer-note{font-size:9px}}@media(prefers-reduced-motion:reduce){.picture img{transition:none}}