#sheet{position:fixed;inset:0;background:rgba(20,24,40,.45);display:none;z-index:50;align-items:flex-end;justify-content:center}
#sheet.on{display:flex}
.sh-in{background:#fff;width:min(1100px,100%);height:88dvh;border-radius:26px 26px 0 0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -10px 40px rgba(0,0,0,.2)}
.sh-top{display:flex;gap:8px;padding:12px}
.sh-top input{flex:1;min-width:0;font:inherit;font-size:20px;padding:0 16px;height:54px;border-radius:16px;border:0;background:#f0f2f7;user-select:text;-webkit-user-select:text}
.sh-x,.sh-add,.sh-back{height:54px;min-width:54px;border-radius:16px;background:#f0f2f7;font-weight:800;font-size:18px;padding:0 14px}
.sh-add{background:#2f6bff;color:#fff}.sh-back{height:40px;font-size:16px}
.sh-path{padding:0 16px 6px;font-weight:700;color:#59627a;display:flex;align-items:center;gap:8px;min-height:30px}
.sh-body{flex:1;overflow:auto;padding:4px 12px 24px;-webkit-overflow-scrolling:touch}
.sh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px}
.sh-w,.sh-f{position:relative;height:112px;border-radius:18px;background:#f4f6fb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:6px;font-size:15px;text-align:center;line-height:1.1}
.sh-f{background:#eef3ff}.sh-f i{position:absolute;top:6px;right:9px;font-style:normal;font-size:11px;color:#7d86a0}
.sh-w b,.sh-f b{max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pi{display:flex;gap:2px;justify-content:center;align-items:center;font-size:40px;line-height:1}.pi img{width:56px;height:56px;object-fit:contain}
.sh-w:active,.sh-f:active{transform:scale(.96)}