.mobile-collection-deck{display:none}
@media((max-width: 767px) or ((orientation: portrait) and (max-width: 1400px))){
 #work-collection{background:#252724!important;color:#f1f2eb!important;min-height:100svh!important;height:100svh!important;padding:85px 0 35px!important;overflow:hidden!important}
 #work-collection>.collection-heading,#work-collection>.archive-viewport,#work-collection>.collection-back,#work-collection>.collection-filters{display:none!important}
 .mobile-collection-deck{display:flex;height:100%;flex-direction:column;padding:0 16px;box-sizing:border-box}
 .mobile-collection-deck nav{display:flex;gap:7px;margin:12px 0 24px;position:relative;z-index:5}
 .mobile-collection-deck nav button{flex:1;border:0;border-radius:30px;padding:11px 7px;background:#ffffff13;color:#aaa;font-size:14px}.mobile-collection-deck nav button.selected{background:#f1f2eb;color:#252724}


 .collection-deck-stage{display:block;position:relative;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;overscroll-behavior-y:contain;padding:0 0 36px;scrollbar-width:none}
 .collection-deck-stage>*+*{margin-top:8px}
 .collection-ratio-row{display:grid;gap:8px;align-items:start}
 .collection-ratio-stack{display:flex;flex-direction:column;gap:8px;min-width:0}
 .collection-ratio-row>.collection-grid-card,.collection-ratio-stack>.collection-grid-card{width:100%}
 .collection-deck-stage>.collection-grid-card{display:block;width:100%}
 .collection-deck-stage::-webkit-scrollbar{display:none}
 .collection-grid-card{min-width:0;position:relative;border:0;border-radius:12px;overflow:hidden;background:transparent;color:#f1f2eb;padding:0;text-align:left;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
 .collection-grid-image{position:absolute;inset:0;overflow:hidden;display:flex;align-items:center;justify-content:center}
 .collection-grid-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
 .collection-grid-caption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:5px;min-height:48px;box-sizing:border-box;padding:20px 10px 9px;background:linear-gradient(transparent,rgba(0,0,0,.6))}
 .collection-grid-caption h3{flex:1;min-width:0;font-size:11px;line-height:1.35;font-weight:400;margin:0;color:#eee;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .collection-grid-caption small{font-size:9px;color:#a5aaa3;font-variant-numeric:tabular-nums}
 .collection-grid-card:focus-visible{outline:1px solid #f1f2eb;outline-offset:-2px}
 .archive-detail .archive-phone-gallery{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;gap:24px!important}.archive-detail .detail-phone{flex:0 0 85%!important;scroll-snap-align:center}
 .archive-detail .archive-phone-gallery::before{content:'← 左右滑动切换 · 屏幕内上下浏览 →';position:absolute;top:-28px;left:0;font-size:12px;color:#777}.archive-detail .archive-phone-gallery{position:relative;margin-top:42px!important}
}
@media((max-width: 767px) or ((orientation: portrait) and (max-width: 1400px))){body:has(#work-collection .mobile-collection-deck) .mobile-collection-deck{isolation:isolate}.mobile-work-viewer .kemi-copy-glass>p{font-size:13px;line-height:1.7;color:#e4e6df;margin:12px 0 0}}
@media((max-width: 767px) or ((orientation: portrait) and (max-width: 1400px))){
}

@media((max-width: 767px) or ((orientation: portrait) and (max-width: 1400px))){
 html body header,html body.mobile-resume-visible header,html body.mobile-resume-dark header,html body.mobile-header-dark header{background:var(--stable-header-bg,#252724)!important;box-shadow:none!important;border:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 html body header::after,html body.mobile-resume-visible header::after,html body.mobile-resume-dark header::after{display:block!important;content:'';inset:0 0 -30px!important;height:auto!important;max-height:none!important;background:linear-gradient(to bottom,var(--stable-header-bg,#252724) 0%,var(--stable-header-bg,#252724) 60%,transparent 100%)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;mask-image:none!important;-webkit-mask-image:none!important;filter:none!important;opacity:1!important;z-index:-1!important}
 html body header .logo,html body header .mobile-menu-toggle,html body.mobile-resume-visible header .logo,html body.mobile-resume-visible .mobile-menu-toggle,html body.mobile-resume-dark header .logo,html body.mobile-resume-dark .mobile-menu-toggle{color:var(--stable-header-ink,#f1f2eb)!important}
}

@media((max-width: 767px) or ((orientation: portrait) and (max-width: 1400px))){
 html body header,html body header::after{transition:none!important}
 html body header .logo,html body.collection-visible header .logo,html body.about-visible header .logo{display:block!important;visibility:visible!important;opacity:1!important;color:var(--stable-header-ink,#f1f2eb)!important;-webkit-text-fill-color:var(--stable-header-ink,#f1f2eb)!important;filter:none!important;mix-blend-mode:normal!important;transition:none!important}
 html body header .mobile-menu-toggle{transition:none!important}
}


@media((max-width: 767px) or ((orientation: portrait) and (max-width: 1400px))){
.mobile-plain-detail{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#252724;color:#f1f2eb;overflow:hidden;box-sizing:border-box}
.mobile-plain-detail::backdrop{background:#252724}.mobile-plain-close,.mobile-plain-focus button{position:absolute;right:16px;top:16px;z-index:5;width:36px;height:36px;border:1px solid #ffffff44;border-radius:50%;background:#252724b3;color:white;font-size:24px}
.mobile-plain-scroll{position:absolute;inset:0 0 180px;overflow:auto;padding:64px 16px 30px;box-sizing:border-box;overscroll-behavior:contain}
.mobile-plain-scroll>img{display:block;width:100%;height:auto;border-radius:12px;margin-bottom:12px}.mobile-plain-scroll .can-focus{cursor:zoom-in}
.mobile-plain-copy{position:absolute;bottom:0;left:0;right:0;padding:24px 24px max(24px,env(safe-area-inset-bottom));background:linear-gradient(#25272400,#252724 25%);box-sizing:border-box;max-height:180px;overflow:auto}.mobile-plain-copy h2{font-size:20px;line-height:1.35;margin:0 0 10px}.mobile-plain-copy p{font-size:13px;line-height:1.65;margin:0;color:#d7dad2}
.mobile-plain-focus{position:absolute;inset:0 0 180px;z-index:4;background:#252724ee;display:flex;align-items:center;justify-content:center;padding:52px 12px 12px;box-sizing:border-box}.mobile-plain-focus[hidden]{display:none}.mobile-plain-focus img{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px}
.plain-long-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;height:100%;}.plain-long-pane{flex:0 0 100%;overflow-y:auto;scroll-snap-align:start;overscroll-behavior:contain}.plain-long-pane img{display:block;width:100%;height:auto;border-radius:8px}.has-long-images{padding-top:64px}.long-image-hint{font-size:12px;text-align:center;margin:0 0 12px;color:#c8cbc4}.has-long-images:has(.long-image-hint) .plain-long-track{position:relative;height:calc(100% - 30px)}
}

@media((max-width: 767px) or ((orientation: portrait) and (max-width: 1400px))){
.mobile-plain-scroll{inset:0;padding:64px 16px 190px;scroll-padding-top:0}
.mobile-plain-copy{isolation:isolate;background:none;overflow:visible;max-height:180px;padding-top:30px}
.mobile-plain-copy::before{content:'';position:absolute;inset:-36px 0 0;z-index:-1;border-radius:12px 12px 0 0;background:linear-gradient(to bottom,rgba(37,39,36,0),rgba(37,39,36,.55) 30%,rgba(37,39,36,.94) 80%,#252724);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);mask-image:linear-gradient(transparent,#000 36%);-webkit-mask-image:linear-gradient(transparent,#000 36%);pointer-events:none}
.mobile-plain-copy h2,.mobile-plain-copy p{position:relative}.mobile-plain-copy h2{font-weight:500}
.mobile-plain-focus {
  inset: 0;
  padding-bottom: 192px;
  overflow: hidden;
  touch-action: none;
}
.mobile-plain-focus button { z-index: 6; }
.mobile-plain-detail:has(.mobile-plain-focus:not([hidden])) .mobile-plain-copy {
  z-index: 5;
}
.mobile-plain-scroll.has-long-images{padding:0 16px;height:100%;overflow:hidden}
.plain-long-track{height:100%!important;touch-action:pan-y pinch-zoom;overscroll-behavior-x:contain;scrollbar-width:none}
.plain-long-pane{height:100%;border-radius:12px;overflow-x:hidden;overscroll-behavior-y:contain;overscroll-behavior-x:auto;touch-action:pan-y pinch-zoom;padding:64px 0 190px;box-sizing:border-box}
.long-image-hint + .plain-long-track .plain-long-pane{padding-top:94px}.plain-long-pane img{border-radius:12px}.long-image-hint{position:absolute;top:18px;left:50%;transform:translateX(-50%);z-index:3;pointer-events:none;margin:0;white-space:nowrap;padding:6px 12px;border-radius:20px;background:#252724a6;color:white;backdrop-filter:blur(8px)}
}