:root{--bg:#10120f;--panel:#1a1d18;--paper:#f3f1ea;--muted:#a9aaa0;--line:#ffffff27;--lime:#d8ef59;--serif:Arial,"Microsoft YaHei",sans-serif;--mono:Consolas,"Courier New",monospace;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font-family:var(--serif)}a{color:inherit}.shell{width:min(1280px,calc(100% - 64px));margin:0 auto}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;height:68px;padding:0 max(24px,calc((100vw - 1280px)/2));border-bottom:1px solid var(--line);background:#10120feF;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font:700 10px var(--mono);letter-spacing:.08em;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:30px;height:30px;background:var(--lime);color:#171910;font:700 14px var(--serif)}.site-nav{display:flex;align-items:center;gap:22px}.site-nav a{text-decoration:none;color:#c5c6bd;font:9px var(--mono);letter-spacing:.08em;transition:color .2s}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--lime)}.page-hero{padding:78px 0 39px;display:grid;grid-template-columns:1fr .55fr;align-items:end;gap:30px;border-bottom:1px solid var(--line)}.eyebrow{font:9px var(--mono);letter-spacing:.15em;color:var(--lime);text-transform:uppercase}.page-hero h1{font-size:clamp(43px,7vw,88px);line-height:1;letter-spacing:-.08em;margin:17px 0 13px}.page-hero p{max-width:510px;color:#b5b6ae;font-size:13px;line-height:1.9;margin:0}.page-aside{font:9px/1.9 var(--mono);color:#b8b9b1;text-align:right;white-space:pre-line}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 17px;padding:27px 0 92px}.case-card{text-decoration:none;min-width:0;display:flex;flex-direction:column}.case-image{height:clamp(180px,22vw,295px);overflow:hidden;background:#262822;position:relative}.case-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s,filter .4s;filter:saturate(.8)}.case-card:hover .case-image img{transform:scale(1.045);filter:saturate(1)}.case-image:after{content:"";position:absolute;inset:52% 0 0;background:linear-gradient(transparent,#090a09b8)}.case-image span{position:absolute;z-index:1;left:13px;bottom:12px;font:8px var(--mono);letter-spacing:.08em}.case-open{position:absolute!important;left:auto!important;bottom:auto!important;right:12px;top:12px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:#171910;font:15px var(--mono)!important;transition:transform .2s}.case-card:hover .case-open{transform:rotate(45deg)}.case-title{font-size:17px;line-height:1.4;letter-spacing:-.035em;margin:12px 0 6px}.case-meta{font:8px var(--mono);color:var(--muted);letter-spacing:.07em}.page-foot{border-top:1px solid var(--line);padding:17px 0 25px;display:flex;justify-content:space-between;color:#8f9088;font:8px var(--mono);letter-spacing:.09em}.detail-top{padding:54px 0 35px;display:grid;grid-template-columns:1fr .78fr;gap:45px;align-items:end;border-bottom:1px solid var(--line)}.detail-top h1{font-size:clamp(38px,6vw,72px);line-height:1.04;letter-spacing:-.075em;margin:14px 0}.detail-lede{font-size:12px;line-height:1.85;color:#aaa}.detail-hero-img{width:100%;height:clamp(250px,38vw,440px);object-fit:cover}.detail-body{display:grid;grid-template-columns:.45fr 1fr;gap:45px;padding:38px 0 60px}.detail-label{font:9px var(--mono);letter-spacing:.12em;color:var(--lime)}.original{font:13px/1.95 var(--serif);white-space:pre-wrap;color:#dddcd5;max-width:760px;margin:0}.album-title{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px}.album-title h2{font-size:25px;letter-spacing:-.06em;margin:0}.album-title span{font:8px var(--mono);color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-bottom:70px}.gallery button{display:block;aspect-ratio:1.27;padding:0;border:0;background:#24251f;overflow:hidden;cursor:zoom-in}.gallery img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s}.gallery button:hover img{transform:scale(1.06)}.lightbox{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:50px 25px;background:#070807f5;opacity:0;visibility:hidden;transition:.2s}.lightbox.open{opacity:1;visibility:visible}.lightbox img{max-width:93vw;max-height:86vh;object-fit:contain}.lightbox button{position:absolute;top:17px;right:20px;width:42px;height:42px;border:1px solid #ffffff66;border-radius:50%;background:transparent;color:white;font-size:23px;cursor:pointer}.lightbox small{position:absolute;bottom:15px;font:9px var(--mono);color:#ddd}.search-row{padding:22px 0 0}.search-row input{width:min(420px,100%);padding:12px 13px;background:#1a1d18;border:1px solid var(--line);color:var(--paper);font:11px var(--mono);outline:none}.search-row input:focus{border-color:var(--lime)}.count-label{margin-left:13px;color:var(--muted);font:8px var(--mono)}.home{position:relative;isolation:isolate;min-height:calc(100svh - 68px);display:grid;grid-template-rows:auto 1fr auto auto;padding:24px max(32px,calc((100vw - 1280px)/2)) 24px;overflow:hidden}.home:before{content:"";position:absolute;z-index:-2;inset:0;background:url("封面图备选/封面背景.png") center 54%/cover no-repeat;transform:scale(1.015)}.home:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#080a0dd9 0%,#080a0d94 42%,#080a0d08 85%),linear-gradient(0deg,#080a0de8 0%,#080a0d77 28%,transparent 66%,#080a0d63)}.home-head{display:flex;align-items:center;justify-content:space-between}.home-head .site-nav{gap:18px}.home-hero{align-self:center;position:relative;z-index:2;padding:6vh 0 4vh}.home-hero h1{font-size:clamp(58px,9vw,120px);line-height:1.01;letter-spacing:-.095em;margin:19px 0 15px;max-width:780px}.home-hero h1 em{font-style:normal;color:var(--lime)}.home-hero p{font-size:13px;line-height:1.8;color:#deddd6;margin:0;max-width:460px}.home-stats{display:flex;gap:27px;margin-top:20px}.home-stats div{border-left:1px solid #ffffff72;padding-left:10px}.home-stats b{display:block;font:13px var(--mono)}.home-stats small{font:7px var(--mono);letter-spacing:.08em;color:#c6c6be}.home-photos{position:absolute;inset:0;z-index:1;pointer-events:none}.home-photo{position:absolute;width:clamp(100px,11vw,150px);padding:5px 5px 21px;border:0;background:#f2f0e7;color:#25251f;box-shadow:0 10px 28px #0008;cursor:zoom-in;pointer-events:auto;transition:transform .3s}.home-photo img{display:block;width:100%;aspect-ratio:1.32;object-fit:cover}.home-photo span{position:absolute;bottom:6px;left:8px;font:5px var(--mono);white-space:nowrap;color:#25251f}.home-photo:hover{z-index:3;transform:rotate(0) scale(1.08)}.home-photo:nth-child(1){left:3%;top:22%;transform:rotate(-7deg)}.home-photo:nth-child(2){right:4%;top:13%;transform:rotate(6deg)}.home-photo:nth-child(3){right:8%;bottom:34%;transform:rotate(-5deg)}.home-photo:nth-child(4){left:34%;bottom:34%;transform:rotate(4deg)}.home-links{position:relative;z-index:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-width:1000px}.home-card{min-height:83px;padding:11px 14px;border:1px solid #ffffff70;background:#10120fc4;color:var(--paper);text-decoration:none;backdrop-filter:blur(8px);transition:.22s;display:flex;flex-direction:column;justify-content:space-between}.home-card:hover{background:#d8ef59ed;color:#161810;border-color:var(--lime);transform:translateY(-3px)}.home-card strong{font-size:16px}.home-card small{font:7px var(--mono);letter-spacing:.08em}.home-card .reveal{display:none;padding-top:7px;font-size:9px}.home-card:hover .reveal,.home-card:focus .reveal{display:block}.home-extra{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:center;max-width:1000px;padding-top:12px;font:8px var(--mono);color:#ddd}.home-extra a{color:var(--lime);text-decoration:none}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:30px 0 70px}.about-grid p{font-size:15px;line-height:2;color:#deddd6}.facts{display:grid;grid-template-columns:1fr 1fr;gap:14px}.facts div{padding:15px;border:1px solid var(--line)}.facts b{display:block;color:var(--lime);font:18px var(--mono)}.facts span{display:block;margin-top:7px;color:#ccc;font-size:10px}
@media(max-width:760px){.shell{width:calc(100% - 36px)}.site-header{height:58px;padding:0 16px}.site-nav{gap:11px;overflow:auto}.site-nav a{font-size:7px;white-space:nowrap}.page-hero{padding:55px 0 25px;grid-template-columns:1fr}.page-aside{text-align:left}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 10px}.case-image{height:clamp(150px,31vw,240px)}.case-title{font-size:14px}.detail-top{grid-template-columns:1fr;gap:20px;padding-top:37px}.detail-hero-img{height:260px}.detail-body{grid-template-columns:1fr;gap:12px;padding:27px 0 40px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.home{min-height:calc(100svh - 58px);padding:17px}.home-head .site-nav{gap:11px}.home-hero{padding:11vh 0 26vh}.home-hero h1{font-size:clamp(54px,11vw,83px)}.home-photos .home-photo{width:clamp(80px,18vw,120px);padding:4px 4px 18px}.home-photo span{font-size:4px}.home-photo:nth-child(1){left:1%;top:18%}.home-photo:nth-child(2){right:1%;top:16%}.home-photo:nth-child(3){right:3%;bottom:29%}.home-photo:nth-child(4){left:27%;bottom:29%}.home-stats{gap:13px}.home-stats b{font-size:10px}.home-links{gap:5px}.home-card{min-height:73px;padding:8px}.home-card strong{font-size:12px}.home-card small{font-size:5px}.home-card .reveal{font-size:7px}.home-extra{font-size:6px}.about-grid{grid-template-columns:1fr;gap:20px}}
@media(max-width:480px){.site-header{align-items:center}.site-header .site-nav{max-width:75vw}.home{padding:13px}.home-head .brand{font-size:8px}.home-head .site-nav{gap:8px}.home-head .site-nav a{font-size:6px}.home-hero{padding-top:18vh;padding-bottom:31vh}.home-hero h1{font-size:clamp(46px,11.5vw,58px)}.home-hero p{max-width:300px;font-size:10px}.home-photo:nth-child(1){top:16%}.home-photo:nth-child(2){top:17%}.home-photo:nth-child(3){bottom:28%}.home-photo:nth-child(4){left:24%;bottom:28%}.home-links{grid-template-columns:repeat(3,minmax(0,1fr))}.home-card{min-height:68px;padding:7px 6px}.home-card strong{font-size:10px}.home-extra{padding-top:8px}.case-grid{grid-template-columns:1fr 1fr}.count-label{display:block;margin:10px 0 0}}
.home-preview{padding-top:58px;padding-bottom:78px}
.preview-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:17px;border-bottom:1px solid var(--line)}
.preview-heading h2{font-size:clamp(26px,4vw,44px);letter-spacing:-.065em;margin:9px 0 5px}
.preview-heading p{font-size:11px;color:var(--muted);margin:0}
.preview-controls{display:flex;gap:8px;flex:none}
.preview-controls button{width:42px;height:42px;border:1px solid var(--line);background:var(--panel);color:var(--paper);font:20px var(--mono);cursor:pointer;transition:.2s}
.preview-controls button:hover{background:var(--lime);color:#171910;border-color:var(--lime)}
.home-rail{display:flex;gap:17px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-color:var(--lime) #ffffff18;scrollbar-width:thin;padding:19px 2px 15px}
.home-rail .case-card{flex:0 0 clamp(250px,31vw,365px);scroll-snap-align:start}
.home-rail .case-image{height:clamp(190px,25vw,280px)}
.home-rail:focus-visible{outline:1px solid var(--lime);outline-offset:4px}
.original-source{grid-column:2;max-width:760px;border-top:1px solid var(--line);padding-top:12px;color:#c6c6be}
.original-source summary{font:10px var(--mono);letter-spacing:.04em;cursor:pointer;color:var(--lime)}
.original-source pre{font:12px/1.9 var(--serif);white-space:pre-wrap;color:#b8b9b1;margin-top:15px}
@media(max-width:760px){.home-preview{padding:38px 0 56px}.home-rail{gap:13px}.home-rail .case-card{flex-basis:78vw}.home-rail .case-image{height:58vw}.preview-heading h2{font-size:27px}.preview-heading p{font-size:10px}.preview-controls button{width:36px;height:36px}}
@media(max-width:480px){.preview-controls{gap:5px}.preview-controls button{width:32px;height:32px;font-size:16px}.original-source{grid-column:1/-1}}