/* ============================================================
   fhsubmit.css — 前台共用样式（ticket.php 提交页 + lookup.php 查询页）
   与后台(admin/faka)样式完全解耦；改后台样式不会影响前台。
   深色主题：卡片 #1e2230 / 输入 #0d1117 / 强调 #4ade80 / 引导 #ffd34d
   ============================================================ */

/* ---------- 基础 ---------- */
* { box-sizing: border-box; }
body { background: #12151c; color: #d0d5dd; font-family: -apple-system, "Microsoft YaHei", sans-serif; min-height: 100vh; }
.fh-ticket { padding: 16px; }                      /* 提交页专用 body */
.fh-lookup .container { max-width: 620px; margin: 80px auto; padding: 0 12px; }  /* 查询页专用容器 */

/* ---------- 卡片 ---------- */
.card { background: #1e2230; border: 1px solid #2a2f3a; border-radius: 12px; margin-bottom: 1rem; box-shadow: 0 8px 24px rgba(0,0,0,0.4); }
.card-header { background: rgba(255,255,255,0.03); border-bottom: 1px solid #2a2f3a; font-weight: 600; color: #e8edf5; padding: 0.75rem 1rem; }
.card-body { padding: 1rem; }
.page-title { font-size: 1.25rem; font-weight: 600; color: #e8edf5; }

/* ---------- 表单（label 显式浅色，杜绝黑字黑底） ---------- */
.form-label { color: #e8edf5; margin-bottom: 0.35rem; }
.form-control, .form-select { background: #0d1117; color: #fff !important; border: 1px solid #2a2f3a; }
.form-control:focus, .form-select:focus { background: #0d1117; color: #fff !important; border-color: #3b82f6; box-shadow: 0 0 0 2px rgba(59,130,246,0.15); }
.form-control::placeholder { color: #6b7280; opacity: 1; }
.form-select option { background: #1e2230; color: #fff; }
.form-text { color: #6b7280; }
.helper-text { font-size: 0.85rem; color: #9ca3af; }

/* ---------- 按钮 ---------- */
.btn-primary { background: #2d6cf6; border: none; }
.btn-primary:hover { background: #1e4bd2; }
.btn-primary:disabled { background: #1e3a8a; }
.btn-outline-info { border-color: #3b82f6; color: #60a5fa; }
.btn-outline-info:hover { background: #3b82f6; color: #fff; }

/* ---------- 字段引导（①-⑤ 彩色提示行） ---------- */
.field-hint { color: #ffd34d; font-size: 1.0rem; font-weight: 600; margin-bottom: 4px; }

/* ---------- 提交页组件 ---------- */
.order-item { background: #0d1117; border: 1px solid #2a2f3a; border-radius: 8px; padding: 0.75rem; margin-bottom: 0.5rem; }
.order-item.completed { border-color: #166534; }
.order-item.cancelled { border-color: #4b5563; opacity: 0.7; }
.order-item.waiting { border-color: #0dcaf0; }
.order-code { font-family: "Consolas", monospace; color: #4ade80; font-size: 0.95rem; letter-spacing: 0.5px; }
.badge-status { font-size: 0.75rem; }
.text-accent { color: #4ade80; }
.lookup-input { background: #0d1117; color: #fff; border: 1px solid #2a2f3a; font-family: "Consolas", monospace; letter-spacing: 2px; text-transform: uppercase; }
.lookup-input:focus { border-color: #3b82f6; box-shadow: 0 0 0 2px rgba(59,130,246,0.15); }
.search-area { background: #181c26; border-radius: 10px; padding: 0.75rem; border: 1px solid #2a2f3a; }

/* ---------- 查询页组件 ---------- */
.code-box { font-family: "Consolas", monospace; background: #0d1117; color: #4ade80; padding: 0.5rem 1rem; border-radius: 8px; font-size: 1.2rem; letter-spacing: 1px; }
.icon-inline { display: inline-flex; align-items: center; gap: 6px; }

/* ---------- 淘宝下单 / 加群 弹窗 ---------- */
#tbShopModal, #qqGroupModal { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.65); z-index: 3000; align-items: center; justify-content: center; padding: 16px; }
#tbShopModal .tb-card, #qqGroupModal .tb-card { background: #1e2230; color: #e8e8e8; border: 1px solid #2a2f3a; border-radius: 12px; max-width: 430px; width: 100%; padding: 20px; }
#tbShopModal .tb-title, #qqGroupModal .tb-title { font-weight: 600; margin-bottom: 10px; font-size: 1rem; }
#tbShopModal .tb-body, #qqGroupModal .tb-body { font-size: 0.9rem; line-height: 1.9; color: #c9d1d9; }
#tbShopModal .tb-btns, #qqGroupModal .tb-btns { display: flex; gap: 10px; justify-content: flex-end; margin-top: 16px; }
#tbShopModal button, #qqGroupModal button { border: none; border-radius: 6px; padding: 7px 16px; cursor: pointer; font-size: 0.9rem; }
#tbShopModal .tb-cancel, #qqGroupModal .tb-cancel { background: #2a2f3a; color: #c9d1d9; }
#tbShopModal .tb-go, #qqGroupModal .tb-go { background: #f0ad4e; color: #000; font-weight: 600; text-decoration: none; }

/* ---------- 响应式 ---------- */
@media (max-width: 576px) {
    .fh-ticket { padding: 10px; }
    .fh-lookup .container { margin: 20px auto; }
    .card-body { padding: 0.75rem; }
    .order-item { padding: 0.6rem; }
    .page-title { font-size: 1.1rem; }
    .code-box { font-size: 1rem; word-break: break-all; }
    .helper-text { font-size: 0.8rem; }
}