@charset "utf-8";

body { margin: 0; background: gray; }

p.提示段落 { position: fixed; z-index: 5000; top: 50%; left: 50%; background: #4c4c4c; color: rgba(255,255,255,0.9); transform: translate(-50%,-50%); padding: 12px; border-radius: 12px; margin: 0; font-size: 14px; }

main.普通主要 { height: 100vh; width: 100%; max-width: 400px; margin: auto; display: flex ; flex-direction: column; background: whitesmoke; position: relative; }

video.扫码视频 { width: 100%; aspect-ratio: 16 / 9; }

canvas.标记画布 { position: absolute; top: 0; left: 0; width: 100%; aspect-ratio: 16 / 9; }

.结果分区 { flex: 1; padding-bottom: 5rem; overflow: hidden auto; }

.功能分区 { position: fixed; bottom: 0; background: white; width: 100%; max-width: 400px; margin: auto; display: flex ; }

button.功能按钮 { flex: 1; height: 2rem; }

table.扫码表格 { width: 100%; border-collapse: collapse; }

th { background-color: #36a5bd; color: white; border: 1px solid gray; position: sticky; z-index: 1; top: 0; }

tr.表体行 { background-color: #fff; }

tr.表体行:nth-child(even) { background-color: #e8f1f3; }

td { border: 1px solid gray; word-wrap: break-word; word-break: break-all; min-width: 3rem; }