/* 急救用品准备：居中紧凑操作区，用品和急救包内容均限制在容器内。 */
.j-modal-scene:has(.j-pack-mode){display:grid;place-items:center}.j-modal-scene:has(.j-pack-mode) .j-modal-scene-shade{background:rgba(3,15,27,.58);backdrop-filter:blur(3px)}
.j-assessment-modal:has(.j-pack-mode){position:relative;inset:auto;width:min(930px,calc(100vw - 54px));height:auto;max-height:calc(100vh - 68px);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid #91d8e6b8;border-radius:18px;background:#ffffffe8!important;box-shadow:0 25px 76px #021b2d73!important;backdrop-filter:blur(20px)}
.j-assessment-modal:has(.j-pack-mode)>header{position:static;transform:none;width:auto;padding:10px 18px 8px;border:0;border-bottom:1px solid #a9d5de66;border-radius:0;background:linear-gradient(90deg,transparent,#55bbd31c,transparent);text-align:center}.j-assessment-modal:has(.j-pack-mode)>header h2{color:#244c60;font-size:15px}.j-assessment-modal:has(.j-pack-mode)>header small{color:#1590aa}.j-assessment-modal:has(.j-pack-mode)>header p{display:none}
.j-assessment-modal:has(.j-pack-mode) .j-assessment-modal-body{position:static;inset:auto;min-height:0;max-height:none;padding:12px 16px 14px;overflow:hidden}.j-pack-mode{height:auto}.j-pack-mode .j-pack-workspace{grid-template-columns:minmax(0,1fr) 235px;height:420px;gap:15px}.j-pack-mode .j-supply-shelf{min-width:0;padding:9px;border:1px solid #c7dfe5;border-radius:12px;background:#f3f9fabf;overflow:hidden}.j-pack-mode .j-supply-shelf>small{margin-bottom:7px;color:#567785}.j-pack-mode .j-supply-shelf>div{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,1fr);height:calc(100% - 20px);gap:8px}.j-pack-mode .j-supply-card{width:100%;min-width:0;min-height:0;max-height:185px;padding:5px;border-color:#bed7de;background:#fff}.j-pack-mode .j-supply-image{width:100%;min-height:0;max-height:142px;aspect-ratio:1.25/1;flex:1;background-size:500% 200%;object-fit:contain}.j-pack-mode .j-supply-card b{margin-top:3px;color:#294f62;font-size:9px;text-align:center}
.j-pack-mode .j-emergency-bag{box-sizing:border-box;width:100%;height:420px;min-height:0;padding:10px 8px;overflow:hidden;border-color:#83b9c7;background:#edf7f9e8}.j-pack-mode .j-bag-icon{flex:0 0 auto;width:38px;height:31px;margin-bottom:2px}.j-pack-mode .j-emergency-bag>b,.j-pack-mode .j-emergency-bag>small{flex:0 0 auto}.j-pack-mode .j-emergency-bag>small{margin:2px 0 5px}.j-pack-mode .j-packed-items{min-height:0;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,76px);align-content:start;gap:5px;overflow:hidden}.j-pack-mode .j-packed-items .j-supply-card{box-sizing:border-box;width:100%;height:76px;max-height:76px;padding:3px;overflow:hidden}.j-pack-mode .j-packed-items .j-supply-image{flex:none;width:100%;height:50px;max-height:50px;aspect-ratio:auto;background-size:500% 200%}.j-pack-mode .j-packed-items .j-supply-card b{height:16px;margin:1px 0 0;overflow:hidden;font-size:7.5px;line-height:15px;white-space:nowrap;text-overflow:ellipsis}
.j-pack-mode .j-action-footer{height:38px;margin-top:7px}.j-pack-mode .j-action-footer>span{color:#557583}.j-pack-mode .j-action-footer .j-btn{padding-block:8px}
@media(max-height:650px){.j-assessment-modal:has(.j-pack-mode){max-height:calc(100vh - 44px)}.j-pack-mode .j-pack-workspace,.j-pack-mode .j-emergency-bag{height:345px}.j-pack-mode .j-packed-items{grid-auto-rows:60px}.j-pack-mode .j-packed-items .j-supply-card{height:60px}.j-pack-mode .j-packed-items .j-supply-image{height:37px}.j-pack-mode .j-supply-card{max-height:148px}.j-pack-mode .j-supply-image{max-height:108px}}
@media(max-width:760px){.j-assessment-modal:has(.j-pack-mode){width:calc(100vw - 20px)}.j-pack-mode .j-pack-workspace{grid-template-columns:minmax(0,1fr) 170px;gap:8px}.j-pack-mode .j-supply-shelf>div{grid-template-columns:repeat(5,minmax(0,1fr))}.j-pack-mode .j-packed-items{grid-template-columns:repeat(2,minmax(0,1fr))}}