.case-archive-page{--archive-ink:#171d24;--archive-muted:#606975;background:#fafbfc;color:var(--archive-ink)}.case-archive-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.case-archive-page .container{width:min(1480px,calc(100% - 80px))}.case-archive-page :is(a,button,input,select):focus-visible{outline:2px solid #66839c;outline-offset:5px}.case-archive-eyebrow{margin:0 0 15px;font-size:11px;letter-spacing:.13em;line-height:1.6;font-weight:600}.case-archive-hero{position:relative;overflow:hidden;background:#10151b;color:#fff;padding:130px 0 0}.case-archive-hero-backdrop{object-fit:cover;opacity:.13;filter:blur(12px);transform:scale(1.08);pointer-events:none}.case-archive-hero-inner{position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:7%;padding-block:15px 48px}.case-archive-hero h1{font-size:clamp(32px,4.2vw,62px);line-height:1.2;letter-spacing:-.05em;margin:0 0 22px}.case-archive-lead{max-width:550px;color:#ccd2d9;line-height:1.9;font-size:14px;margin-bottom:25px}.case-archive-text-link{display:inline-flex;align-items:center;gap:34px;padding-bottom:8px;border-bottom:1px solid #ffffff65;font-size:12px}.case-archive-hero-samples{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:center}.case-archive-hero-samples>div{position:relative;aspect-ratio:.8;overflow:hidden;background:#e8eaed;border:1px solid #ffffff30;border-radius:3px;box-shadow:0 22px 50px #0004}.case-archive-hero-samples>div:first-child{transform:translateY(15px)}.case-archive-hero-samples>div:last-child{transform:translateY(-15px)}.case-archive-hero-samples img{object-fit:contain}.case-archive-hero-footer{position:relative;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #ffffff20;padding-block:20px;font-size:11px;color:#b9c2cd;letter-spacing:.04em}.case-archive-collection{position:relative;isolation:isolate;padding:60px 0 72px;scroll-margin-top:calc(var(--header-h,76px) + 20px)}.case-archive-paper{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.case-archive-paper:after{content:"";position:absolute;inset:0;background:linear-gradient(#fafbfced,#fafbfceb 15%,#fafbfc 65%)}.case-archive-paper img{object-fit:cover;object-position:center top;filter:blur(26px);opacity:.35}.case-archive-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px}.case-archive-intro h2{font-size:clamp(23px,2.4vw,34px);line-height:1.3;letter-spacing:-.04em;margin:0}.case-archive-intro>p{max-width:450px;font-size:13px;line-height:1.9;color:var(--archive-muted);margin:0}.case-archive-browser{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;align-items:start}.case-archive-sidebar{position:sticky;top:calc(var(--header-h,76px) + 24px);max-height:calc(100dvh - var(--header-h,76px) - 48px);overflow:auto;scrollbar-width:thin;border:1px solid #fff;background:#ffffffa8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:20px 14px;border-radius:4px}.case-archive-nav-label{display:flex;justify-content:space-between;font-size:11px;color:#73808b;padding:0 10px 16px;margin:0;border-bottom:1px solid #dfe3e7}.case-archive-sidebar .case-archive-categories{display:flex;flex-direction:column;gap:3px;margin:12px 0}.case-archive-sidebar .case-archive-categories a{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:13px 10px;border:0;border-radius:2px;color:#38424c;font-size:13px;transition:background .22s,color .22s;white-space:nowrap}.case-archive-sidebar .case-archive-categories a[aria-current=page]{color:#fff;background:#171e26}.case-archive-nav-number{font-size:9px;opacity:.55;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.case-archive-categories small{font-size:10px;opacity:.65;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.case-archive-sidebar-cta{display:grid;gap:7px;margin:20px 10px 4px;padding-top:20px;border-top:1px solid #dce0e4;font-size:11px;color:#66717a}.case-archive-sidebar-cta strong{font-size:13px;color:#171e26}.case-archive-mobile-category{display:none}.case-archive-results{min-width:0;scroll-margin-top:calc(var(--header-h,76px) + 28px);outline:none}.case-archive-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid #d9dfe4;padding-bottom:24px}.case-archive-toolbar .case-archive-eyebrow{font-size:9px;color:#72808c;margin-bottom:10px}.case-archive-toolbar h2{font-size:27px;line-height:1.3;margin:0;letter-spacing:-.03em}.case-archive-toolbar h2 small{display:inline-block;font-size:11px;font-weight:400;letter-spacing:0;margin-left:15px;color:#6e7985;vertical-align:middle}.case-archive-toolbar p:last-child{font-size:12px;color:var(--archive-muted);line-height:1.8;margin:10px 0 0}.case-archive-toolbar form{display:flex;flex:0 0 290px;max-width:100%;border-bottom:1px solid #aeb7bf}.case-archive-toolbar input[type=search]{min-width:0;width:100%;padding:14px 0;color:#1c252f;background:transparent;border:0;font-size:12px}.case-archive-page .case-archive-toolbar input[type=search]:is(:focus,:focus-visible){outline:none;box-shadow:none;border:0}.case-archive-toolbar form:focus-within{border-bottom-color:#263340;box-shadow:0 1px 0 #263340}.case-archive-toolbar form button{border:0;background:none;color:#263340;white-space:nowrap;padding:10px;font-size:12px;cursor:pointer}.case-archive-status{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:#74808c;font-size:11px;padding:18px 0 24px}.case-archive-status>span:nth-child(2){margin-left:auto}.case-archive-status>a{color:#263d51;text-decoration:underline}.case-archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px;animation:archive-enter .45s ease both}.case-archive-card{min-width:0}.case-archive-image{position:relative;display:block;width:100%;aspect-ratio:1.12;overflow:hidden;border:1px solid #e4e7ea;border-radius:3px;padding:0;background:#eceef0;cursor:zoom-in}.case-archive-image img{object-fit:contain;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.case-archive-image.is-top-crop img{object-fit:cover;object-position:center top;transform:scale(1.4);transform-origin:center top}.case-archive-image-kind{left:14px;bottom:14px;padding:7px 10px;font-size:10px;color:#f8fafc;background:#121b25b8;border:1px solid #ffffff25}.case-archive-image-kind,.case-archive-image-open{position:absolute;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.case-archive-image-open{top:15px;right:15px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ffffffd4;color:#26313a;font-size:18px;border:1px solid #ffffff80}.case-archive-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 2px 0}.case-archive-caption p{margin:0 0 9px;font-size:10px;color:#75808a}.case-archive-caption p span{margin-left:7px;color:#99a1a9;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.case-archive-caption h3{font-size:20px;font-weight:600;line-height:1.4;margin:0;color:#1c252e}.case-archive-caption>a{font-size:11px;white-space:nowrap;border-bottom:1px solid #a4b0ba;padding-bottom:5px}.case-archive-caption-plus{color:#86909b;font-size:18px;font-weight:300}.case-archive-empty{min-height:460px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;border:1px solid #dce2e7}.case-archive-empty h3{font-size:25px}.case-archive-empty p{font-size:13px;line-height:1.9;color:#6c7783}.case-archive-empty a{margin-top:18px;border-bottom:1px solid;font-size:13px}.case-archive-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:34px 0;margin-top:30px;border-block:1px solid #dce1e6;font-size:12px}.case-archive-pagination>div,.case-archive-pagination>div>span{display:flex;gap:5px;align-items:center}.case-archive-pagination :is(strong,div a){display:grid;place-items:center;min-width:36px;height:40px;padding:0 6px;font-weight:500}.case-archive-pagination strong{background:#19212a;color:#fff;border-radius:2px}.case-archive-pagination [aria-disabled]{color:#a0a7af}.case-archive-pagination i{font-style:normal;color:#828e98}.case-archive-endnote{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:30px;font-size:12px;line-height:1.8;color:#6c7782}.case-archive-endnote a{color:#22303e;white-space:nowrap;border-bottom:1px solid #b3bdc5;padding-bottom:4px}.case-archive-contact{color:#f4f6f8;background:#121922;padding:62px 0}.case-archive-contact>.container{display:flex;align-items:center;justify-content:space-between;gap:36px}.case-archive-contact h2{font-size:clamp(23px,2.3vw,34px);line-height:1.4;margin:0 0 12px;letter-spacing:-.03em}.case-archive-contact p{color:#aebac5;font-size:12px;line-height:1.9}.case-archive-contact .case-archive-eyebrow{font-size:10px}.case-archive-contact>.container>div:last-child{display:flex;flex-direction:column;gap:20px;min-width:180px}.case-archive-phone{font-size:18px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.case-archive-contact-button{padding:15px 24px;border:1px solid #798796;text-align:center;font-size:13px}.case-archive-dialog{width:min(1440px,94vw);height:92dvh;max-height:92dvh;max-width:94vw;margin:auto;border:1px solid #ffffff28;padding:0;background:#11171f;color:#fff;border-radius:5px;box-shadow:0 40px 140px #0009}.case-archive-dialog::backdrop{background:#070b10e8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.case-archive-viewer{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.case-archive-viewer header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 26px;border-bottom:1px solid #ffffff20}.case-archive-viewer header p{color:#acb7c3;font-size:11px;margin:0 0 8px}.case-archive-viewer header h2{font-size:23px;line-height:1.3;margin:0}.case-archive-viewer header>div:last-child{display:flex;align-items:center;gap:14px}.case-archive-viewer button{min-height:44px;min-width:44px;border:1px solid #ffffff35;color:#fff;background:transparent;cursor:pointer;font-size:12px;padding:8px 16px}.case-archive-viewer button[aria-label="关闭大图"]{font-size:27px;padding:0;border-radius:50%}.case-archive-full-image{position:relative;display:flex;justify-content:center;align-items:center;min-height:0;overflow:auto;background:#e9ebee}.case-archive-full-image img{display:block;width:100%;height:100%;object-fit:contain}.case-archive-full-image.is-zoomed{display:block}.case-archive-full-image.is-zoomed img{max-width:none;width:1800px;height:auto;min-height:100%;object-fit:contain}.case-archive-full-image [role=alert]{position:absolute;color:#172230;padding:20px;background:#fff}.case-archive-viewer footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 26px}.case-archive-viewer footer>span{font-size:11px;color:#bac5d1;text-align:center}@keyframes archive-enter{0%{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:none}}@media(hover:hover) and (pointer:fine){.case-archive-sidebar .case-archive-categories a:not([aria-current]):hover{background:#e7ecf1}.case-archive-image:not(.is-top-crop):hover img{transform:scale(1.025)}.case-archive-pagination a:hover{color:#527390}}@media(max-width:1100px){.case-archive-page .container{width:calc(100% - 48px)}.case-archive-browser{grid-template-columns:185px minmax(0,1fr);gap:24px}.case-archive-sidebar{padding:16px 8px}.case-archive-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.case-archive-toolbar form{flex:initial;width:100%}.case-archive-grid{gap:28px 18px}.case-archive-caption h3{font-size:18px}.case-archive-hero-inner{gap:30px}}@media(max-width:800px){.case-archive-hero{padding-top:110px}.case-archive-hero-inner{grid-template-columns:1fr;padding-bottom:30px}.case-archive-hero-samples{max-width:500px;gap:10px;margin:10px 0 15px}.case-archive-hero-samples>div{aspect-ratio:1.45}.case-archive-hero-samples>div:first-child,.case-archive-hero-samples>div:last-child{transform:none}.case-archive-hero h1{font-size:42px}.case-archive-intro{align-items:flex-start;flex-direction:column;gap:16px}.case-archive-browser{display:block}.case-archive-sidebar{display:none}.case-archive-mobile-category{display:flex;position:sticky;top:var(--header-h,68px);z-index:8;gap:16px;align-items:center;padding:14px 0;margin-bottom:25px;background:#fafbfcef;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-block:1px solid #dce1e5}.case-archive-mobile-category label{font-size:12px;color:#566370;white-space:nowrap}.case-archive-mobile-category select{flex:1 1;width:100%;min-width:0;min-height:44px;padding:10px;background:#fff;border:1px solid #ccd3da;border-radius:3px;color:#18232e;font:inherit;font-size:13px}.case-archive-results{scroll-margin-top:calc(var(--header-h,68px) + 94px)}.case-archive-contact>.container{align-items:flex-start;flex-direction:column}.case-archive-contact>.container>div:last-child{flex-direction:row;align-items:center;flex-wrap:wrap}}@media(max-width:700px){.case-archive-page .container{width:calc(100% - 36px)}.case-archive-hero h1{font-size:clamp(29px,7.5vw,39px)}.case-archive-lead{font-size:13px}.case-archive-hero-footer{flex-direction:column;font-size:10px}.case-archive-collection{padding-top:38px}.case-archive-intro h2{font-size:24px}.case-archive-grid{grid-template-columns:1fr;gap:32px}.case-archive-image{aspect-ratio:1.08}.case-archive-caption h3{font-size:21px}.case-archive-status{font-size:10px;gap:8px}.case-archive-toolbar h2{font-size:25px}.case-archive-pagination{flex-wrap:wrap;gap:16px 8px}.case-archive-pagination>div{order:3;width:100%;justify-content:center}.case-archive-endnote{flex-direction:column;align-items:flex-start;gap:6px}.case-archive-contact h2{font-size:24px;max-width:16em}.case-archive-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.case-archive-viewer header{padding:18px 14px}.case-archive-viewer header h2{font-size:19px}.case-archive-viewer header p{font-size:10px}.case-archive-viewer header>div:last-child{gap:6px}.case-archive-viewer button{padding:8px 10px}.case-archive-viewer footer{padding:14px 12px max(14px,env(safe-area-inset-bottom))}.case-archive-viewer footer>span{font-size:10px;max-width:120px;line-height:1.8}}@media(prefers-reduced-motion:reduce){.case-archive-page *{animation:none!important;transition:none!important}}