/* 独立包只补记录抽屉与运行外壳；开箱主体完全沿用原站样式。 */
html, body { min-height: 100%; }
body { margin: 0; background: #070912; }
.app-shell, .app-main, #draw-page, #draw-page > .main-card.shell-card { min-height: 100vh; }

.standalone-records {
  position: fixed;
  z-index: 10010;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(440px, 100%);
  padding: 24px;
  transform: translateX(102%);
  border-left: 1px solid rgba(255,255,255,.1);
  background: rgba(9,12,22,.97);
  box-shadow: -28px 0 80px rgba(0,0,0,.55);
  backdrop-filter: blur(24px);
  transition: transform .24s ease;
}
.standalone-records.is-open { transform: translateX(0); }
.standalone-records header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.standalone-records header span { color: #8f99b2; font-size: 11px; font-weight: 800; letter-spacing: .18em; }
.standalone-records h2 { margin: 5px 0 0; color: #f4f7ff; font-size: 26px; }
.standalone-records h2 small { display: inline-grid; min-width: 28px; padding: 3px 7px; place-items: center; border-radius: 999px; color: #b9c2ff; background: rgba(132,115,255,.17); font-size: 12px; }
#record-close { width: 40px; height: 40px; border: 1px solid rgba(255,255,255,.1); border-radius: 11px; color: #fff; background: rgba(255,255,255,.04); font-size: 25px; cursor: pointer; }
.record-note { color: #8f99b2; font-size: 12px; line-height: 1.6; }
.record-list { height: calc(100vh - 205px); overflow-y: auto; scrollbar-color: #3b435a transparent; }
.record-item { --record-color: #cfd8e7; display: grid; grid-template-columns: 74px minmax(0,1fr); gap: 12px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.08); }
.record-item img { width: 74px; height: 60px; object-fit: contain; border-radius: 10px; background: color-mix(in srgb, var(--record-color) 8%, rgba(255,255,255,.02)); }
.record-item strong, .record-item span, .record-item time { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.record-item strong { color: var(--record-color); font-size: 13px; }
.record-item span, .record-item time { margin-top: 4px; color: #8f99b2; font-size: 10px; }
.record-empty { padding: 70px 10px; color: #8f99b2; text-align: center; }
.record-clear { width: 100%; padding: 11px; border: 1px solid rgba(255,108,102,.28); border-radius: 12px; color: #ff9b98; background: rgba(255,108,102,.06); cursor: pointer; }
.record-clear:disabled { opacity: .4; cursor: default; }
.record-mask { position: fixed; z-index: 10000; inset: 0; background: rgba(0,0,0,.62); backdrop-filter: blur(5px); }

/* 独立版没有主站侧栏，桌面与移动端都让原开箱工作区占满可用宽度。 */
body.case-opening-active .app-shell,
body.case-opening-active .app-main,
body.case-opening-active #draw-page,
body.case-opening-active #draw-page .main-card.shell-card { width: 100%; max-width: none; margin: 0; }

@media (max-width: 720px) {
  .standalone-records { padding: 18px; }
  .record-list { height: calc(100vh - 190px); }
}