.ia-root[data-v-2050f472] { display: flex; flex-direction: column; height: 100vh; width: 100%; background: #f0f0f3; font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif; font-size: 0.875rem; color: #0f172a; overflow: hidden; } /* ===== 顶部工具栏 ===== */ .ia-toolbar[data-v-2050f472] { display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 0.5rem 0.75rem; background: #fff; border-bottom: 0.0625rem solid rgba(15, 23, 42, 0.08); flex-shrink: 0; } .ia-title[data-v-2050f472] { display: flex; flex-direction: row; align-items: center; flex: 1; min-width: 0; } .ia-badge[data-v-2050f472] { flex-shrink: 0; background: #eef4ff; color: #2563eb; font-size: 0.6875rem; font-weight: 900; padding: 0.1875rem 0.5rem; border-radius: 1.25rem; margin-right: 0.5rem; } .ia-title-copy[data-v-2050f472] { flex: 1; min-width: 0; display: flex; flex-direction: column; } .ia-title-strong[data-v-2050f472] { font-size: 0.875rem; font-weight: 700; color: #0f172a; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ia-title-em[data-v-2050f472] { font-size: 0.6875rem; color: #94a3b8; } .ia-actions[data-v-2050f472] { display: flex; flex-direction: row; align-items: center; flex-shrink: 0; margin-left: 0.5rem; } .ia-icon-btn[data-v-2050f472] { width: 1.875rem; height: 1.875rem; display: flex; align-items: center; justify-content: center; margin-left: 0.375rem; border-radius: 1.25rem; background: rgba(37, 99, 235, 0.06); transition: background 0.15s; } .ia-icon-btn[data-v-2050f472]:active { background: rgba(37, 99, 235, 0.15); } .ia-close-btn[data-v-2050f472] { background: rgba(239, 68, 68, 0.06); } .ia-close-btn[data-v-2050f472]:active { background: rgba(239, 68, 68, 0.15); } .ia-icon[data-v-2050f472] { font-size: 1.125rem; color: #2563eb; } .ia-close-btn .ia-icon[data-v-2050f472] { color: #ef4444; } /* ===== 主舞台 ===== */ .ia-canvas[data-v-2050f472] { flex: 1; min-height: 0; display: flex; flex-direction: column; overflow: hidden; background: linear-gradient(180deg, #f8fafc, #e9eef6); } /* ===== 空状态 ===== */ .ia-empty[data-v-2050f472] { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1.25rem; text-align: center; } .ia-empty-icon[data-v-2050f472] { font-size: 2.5rem; margin-bottom: 0.75rem; } .ia-empty-title[data-v-2050f472] { font-size: 1.0625rem; font-weight: 700; color: #0f172a; margin-bottom: 0.375rem; } .ia-empty-desc[data-v-2050f472] { font-size: 0.8125rem; color: #64748b; max-width: 12.5rem; line-height: 1.6; } /* ===== 幻灯片区域 ===== */ .ia-slide-area[data-v-2050f472] { flex: 1; display: flex; flex-direction: column; min-height: 0; padding: 0.75rem; } .ia-frame-shell[data-v-2050f472] { flex: 1; min-height: 0; border-radius: 0.5rem; background: #fff; box-shadow: 0 0.125rem 0.625rem rgba(15, 23, 42, 0.08); overflow: hidden; display: flex; flex-direction: column; position: relative; } .ia-frame-scroll[data-v-2050f472] { flex: 1; width: 100%; height: 100%; } .ia-frame[data-v-2050f472] { width: 100%; min-height: 100%; } /* 滑动提示 */ .ia-swipe-hint[data-v-2050f472] { position: absolute; bottom: 0.375rem; left: 50%; transform: translateX(-50%); background: rgba(15, 23, 42, 0.55); padding: 0.25rem 0.75rem; border-radius: 1.25rem; } .ia-swipe-hint-text[data-v-2050f472] { color: #fff; font-size: 0.6875rem; } /* ===== 缩略图条 ===== */ .ia-thumb-strip[data-v-2050f472] { flex-shrink: 0; margin-top: 0.5rem; width: 100%; white-space: nowrap; } .ia-thumb-list[data-v-2050f472] { display: flex; flex-direction: row; padding: 0.125rem 0; } .ia-thumb-item[data-v-2050f472] { flex-shrink: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 3.75rem; height: 2.5rem; padding: 0.25rem 0.5rem; margin-right: 0.375rem; border-radius: 0.375rem; background: rgba(255, 255, 255, 0.7); border: 0.0625rem solid rgba(15, 23, 42, 0.06); transition: all 0.2s; } .ia-thumb-item.active[data-v-2050f472] { background: linear-gradient(135deg, #2563eb, #23b9ad); border-color: transparent; } .ia-thumb-num[data-v-2050f472] { font-size: 0.6875rem; font-weight: 900; color: #1d4ed8; } .ia-thumb-item.active .ia-thumb-num[data-v-2050f472] { color: #fff; } .ia-thumb-title[data-v-2050f472] { font-size: 0.625rem; color: #64748b; margin-top: 0.125rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 5rem; } .ia-thumb-item.active .ia-thumb-title[data-v-2050f472] { color: rgba(255, 255, 255, 0.85); } /* ===== 底部导航栏 ===== */ .ia-pager[data-v-2050f472] { flex-shrink: 0; padding: 0.5rem 0.75rem; padding-bottom: calc(0.5rem + env(safe-area-inset-bottom)); background: rgba(248, 251, 255, 0.92); border-top: 0.0625rem solid rgba(15, 23, 42, 0.06); } .ia-pager-shell[data-v-2050f472] { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 0.75rem; } .ia-page-btn[data-v-2050f472] { width: 2.5rem; height: 2.25rem; display: flex; align-items: center; justify-content: center; border-radius: 1.25rem; background: rgba(37, 99, 235, 0.08); transition: all 0.15s; } .ia-page-btn[data-v-2050f472]:active:not(.disabled) { background: rgba(37, 99, 235, 0.18); transform: scale(0.95); } .ia-page-btn.disabled[data-v-2050f472] { opacity: 0.35; } .ia-next-btn[data-v-2050f472] { background: linear-gradient(135deg, #2563eb, #23b9ad); } .ia-next-btn.disabled[data-v-2050f472] { background: rgba(37, 99, 235, 0.08); } .ia-nav-icon[data-v-2050f472] { font-size: 1.125rem; color: #1e40af; font-weight: bold; } .ia-next-btn .ia-nav-icon[data-v-2050f472] { color: #fff; } .ia-next-btn.disabled .ia-nav-icon[data-v-2050f472] { color: #1e40af; } .ia-page-count[data-v-2050f472] { display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 0.375rem 0.875rem; border-radius: 1.25rem; background: rgba(238, 244, 255, 0.78); border: 0.0625rem solid rgba(37, 99, 235, 0.08); } .ia-current-page[data-v-2050f472] { font-size: 1.25rem; font-weight: 900; color: #1d4ed8; font-family: "SFMono-Regular", Consolas, monospace; } .ia-page-divider[data-v-2050f472] { font-size: 0.875rem; color: rgba(51, 65, 85, 0.5); margin: 0 0.25rem; } .ia-total-page[data-v-2050f472] { font-size: 0.875rem; color: rgba(51, 65, 85, 0.5); font-family: "SFMono-Regular", Consolas, monospace; }