.access-record-page .duration-badge{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;color:#0d9488;background-color:#f0fdfa;border:1px solid #ccfbf1;padding:3px 8px;border-radius:6px;font-size:12px;font-weight:600}.access-record-page .duration-badge i{font-size:13px}.access-record-page .category-tag{display:inline-block;font-size:11px;color:#4f46e5;background-color:#eef2ff;border:1px solid #e0e7ff;padding:2px 8px;border-radius:20px;font-weight:500}.access-record-page .channel-flow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.access-record-page .channel-item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;font-size:12px}.access-record-page .channel-item.in .label-in{background:linear-gradient(135deg,#4ade80,#22c55e)}.access-record-page .channel-item.in .label-in,.access-record-page .channel-item.out .label-out{display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;color:#fff;font-size:10px;font-weight:700;border-radius:4px}.access-record-page .channel-item.out .label-out{background:linear-gradient(135deg,#fb923c,#f97316)}.access-record-page .channel-item .name{color:#334155;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.access-record-page .channel-item.single .label-single{display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;color:#fff;font-size:10px;font-weight:700;border-radius:4px}.access-record-page .channel-item.single .label-single.in{background:linear-gradient(135deg,#4ade80,#22c55e)}.access-record-page .channel-item.single .label-single.out{background:linear-gradient(135deg,#fb923c,#f97316)}.access-record-page .image-preview-group{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.access-record-page .image-item{position:relative;width:60px!important;height:40px!important;border-radius:4px;overflow:hidden;border:1px solid #cbd5e1;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.08);box-shadow:0 1px 3px rgba(0,0,0,.08);-webkit-transition:-webkit-transform .25s ease,-webkit-box-shadow .25s ease;transition:-webkit-transform .25s ease,-webkit-box-shadow .25s ease;transition:transform .25s ease,box-shadow .25s ease;transition:transform .25s ease,box-shadow .25s ease,-webkit-transform .25s ease,-webkit-box-shadow .25s ease;cursor:pointer}.access-record-page .image-item:hover{-webkit-transform:translateY(-2px) scale(1.06);transform:translateY(-2px) scale(1.06);-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.12);box-shadow:0 4px 6px -1px rgba(0,0,0,.12);z-index:10}.access-record-page .record-img{width:60px!important;height:40px!important;display:block}.access-record-page .image-error-slot{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:60px;height:40px;background-color:#f1f5f9;color:#94a3b8;font-size:16px}.access-record-page .image-tag{position:absolute;bottom:0;right:0;background-color:rgba(15,23,42,.75);color:#fff;font-size:9px;padding:0 4px;border-top-left-radius:3px;line-height:14px;z-index:2;pointer-events:none}