
/* V21 - Mobile galleries always full width; category buttons never horizontally scroll. */
#work .tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;width:100%;max-width:100%;overflow:visible!important;scroll-snap-type:none!important}
#work .tabs .tab{min-width:0;width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center;display:flex;align-items:center;justify-content:center;line-height:1.35;padding:10px 7px;min-height:46px;scroll-snap-align:none}
#work .tabs .tab .tab-label-mobile{display:none}
#work .gallery-tools{display:flex;flex-direction:column;align-items:stretch;gap:13px}
#work .gallery-extras{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;overflow:visible!important}
#work .gallery-extras .tool-btn{width:100%;min-width:0;min-height:45px;white-space:normal;text-align:center}
#work .search{margin:0;max-width:none;width:100%;min-width:0;order:unset;flex:auto}
#work .gallery-view-tools{gap:12px;flex-wrap:wrap}
#work .gallery-intro{margin:0 0 18px;padding:12px 15px;border:1px solid rgba(86,220,224,.27);border-radius:13px;background:linear-gradient(110deg,rgba(17,105,153,.22),rgba(4,83,87,.2));color:#b8eaf2;font-size:12px;line-height:1.7}
#work .gallery-intro strong{color:#80ffde}
#work .channel-project .multi-gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 14px;background:linear-gradient(110deg,#0a3453,#0b4553);border-bottom:1px solid rgba(89,231,223,.2);color:#a5ffeb;font-size:11px;font-weight:800;letter-spacing:.025em}
#work .channel-project .multi-gallery-heading small{font-size:10px;font-weight:600;color:#c5e7f0}
#work .channel-project .card-gallery-wrap>.cover{height:330px}
#work .channel-project .card-gallery-arrow{z-index:12}
#work .channel-project .card-gallery-thumbs{position:relative;z-index:3}
#work .channel-project .card-gallery-progress{z-index:10}
#work .channel-project .card-gallery-thumb{min-width:0}
#work .projects .channel-project{grid-column:auto}
#work .projects .project[hidden]{display:none!important}
@media(max-width:900px){
 #work .tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:720px){
 #work .gallery-tools{display:flex;flex-direction:column;align-items:stretch;gap:11px}
 #work .tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important;padding:0!important;max-width:100%!important}
 #work .tabs .tab{flex:none!important;min-height:48px!important;font-size:11px!important;padding:8px 5px!important;border-radius:10px!important;white-space:normal!important;line-height:1.35}
 #work .tabs .tab .tab-label-desktop{display:none}
 #work .tabs .tab .tab-label-mobile{display:inline}
 #work .gallery-extras{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;overflow:visible!important;order:0}
 #work .gallery-extras .tool-btn{flex:none!important;min-height:46px!important;padding:8px 3px!important;font-size:11px!important}
 #work .search{order:0!important}
 #work .projects,#work .projects.focus-mode{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
 #work .projects .project,#work .projects .channel-project{grid-column:1/-1!important;width:100%;max-width:100%;min-width:0;border-radius:16px}
 #work .project .cover{height:320px;padding:14px}
 #work .channel-project .card-gallery-wrap>.cover,#work .projects.focus-mode .channel-project .card-gallery-wrap>.cover{height:365px!important}
 #work .channel-project .card-gallery-arrow{height:48px;width:44px;top:50%}
 #work .channel-project .card-gallery-prev{left:9px}
 #work .channel-project .card-gallery-next{right:9px}
 #work .channel-project .card-gallery-thumbs{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;overflow:visible!important;padding:12px!important;scroll-snap-type:none!important}
 #work .channel-project .card-gallery-thumb{width:100%;height:65px;flex:none!important;border-radius:8px}
 #work .channel-project .card-gallery-thumb img{object-fit:contain;background:#041b2e}
 #work .channel-project .card-gallery-help{font-size:11px;padding:2px 13px 11px}
 #work .project .card-bottom{padding:17px 16px 15px}
 #work .project .card-bottom h3{font-size:16px}
 #work .project .card-bottom p{font-size:12px;line-height:1.7}
 #work .project .mini-action{font-size:12px;padding:10px 7px}
 #work .gallery-view-tools{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
 #work .sort-label{flex:1;min-width:0}
 #work .sort-label select{max-width:100%}
 #work .layout-switch{flex:none}
 .floating-support{right:12px!important;bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;padding:0!important;width:54px!important;height:54px!important;max-width:54px!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-size:0!important;line-height:1!important;overflow:hidden;opacity:.96}
 .floating-support::before{content:'客服';font-size:12px!important;letter-spacing:1px;font-weight:900;color:white}
 .to-top{right:19px!important;bottom:calc(79px + env(safe-area-inset-bottom,0px))!important}
}
@media(max-width:350px){#work .tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}#work .channel-project .card-gallery-thumb{height:52px}}
