/* 获得物品条：纸色小条，墨线描边，和现有册页风格一致；不接收点击 */
#gain31 { position: fixed; left: 12px; top: calc(var(--android-safe-top, 0px) + 112px); z-index: 12; display: flex; flex-direction: column; gap: 4px; pointer-events: none; }
#gain31 .g31-row { display: flex; align-items: center; gap: 6px; min-width: 112px; max-width: 220px; padding: 3px 10px 3px 4px; background: rgba(244, 235, 205, .96); border: 1.5px solid #6f5a38; box-shadow: 0 2px 0 rgba(63, 52, 42, .35), inset 0 0 0 1px rgba(255, 250, 232, .7); color: #3a2f24; font: 13px/1.2 "猫田楷", "Noto Sans SC", serif; animation: g31-in .22s ease-out both; }
#gain31 .g31-i { flex: none; width: 26px; height: 26px; display: grid; place-items: center; background: #e9dcb4; border: 1px solid #b9a77a; }
#gain31 .g31-i .ico { --s: 22px; }
#gain31 .g31-t { flex: 1; min-width: 0; font-weight: 600; letter-spacing: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#gain31 .g31-n { flex: none; font-style: normal; font-weight: 700; color: #a8392b; font-variant-numeric: tabular-nums; }
#gain31 .g31-row.pulse .g31-n { animation: g31-pop .22s ease-out; }
#gain31 .g31-row.out { animation: g31-out .36s ease-in both; }
@keyframes g31-in { from { opacity: 0; transform: translateX(-14px); } to { opacity: 1; transform: none; } }
@keyframes g31-out { to { opacity: 0; transform: translateX(-10px); } }
@keyframes g31-pop { 50% { transform: scale(1.35); } }
@media (max-height: 460px) { #gain31 { top: calc(var(--android-safe-top, 0px) + 96px); } #gain31 .g31-row { font-size: 12px; } }
@media (prefers-reduced-motion: reduce) { #gain31 .g31-row { animation: none !important; } }