/* 卡券回收 - 前端附加样式（动态表单 / 弹窗 / 状态等） */

body.modal-open { overflow: hidden; }

.loading-tip, .empty-tip, .record-empty { padding: 14px 6px; color: #9aa7b0; font-size: 12px; text-align: center; }
.loading-tip i, .record-empty i { margin-right: 5px; }
.record-empty { padding: 22px 6px; border-top: 1px solid #edf1f3; }

/* 订单状态扩展 */
.status.wait { color: #a0641f; background: #fff4df; }
.status.rejected { color: #b23b3b; background: #fdecec; }
.status.processing { color: #2563eb; background: #eaf0ff; }

/* 表单第二、三行 */
.form-grid-second, .form-grid-third { margin-top: 12px; }
.form-grid-second { grid-template-columns: 1fr 1fr 1.32fr; }
.form-grid-third { grid-template-columns: 1.5fr 1.2fr 1fr; align-items: end; }

.optional { color: #9aa7b0; font-weight: 400; }

.field-select {
    width: 100%;
    min-width: 0;
    padding: 0 2px;
    color: var(--ink);
    background: transparent;
    border: 0;
    outline: 0;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}
.text-input.select-wrap::after {
    content: "\f0d7";
    font-family: FontAwesome;
    color: #8a9aa5;
    font-size: 12px;
}

.field-tip {
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 42px;
    padding: 0 8px;
    color: #8a9aa5;
    font-size: 11px;
    line-height: 1.5;
}
.field-tip i { color: #38a169; }

/* 成功弹窗说明 */
.result-notice { margin: 14px auto 0; max-width: 320px; padding: 9px 12px; color: #7c8993; background: #f6f8f9; border-radius: 5px; font-size: 11px; line-height: 1.6; text-align: left; }

/* 查询弹窗 */
.query-modal { width: min(560px, 100%); text-align: left; }
.query-head-icon {
    display: grid;
    place-items: center;
    width: 51px;
    height: 51px;
    margin: 0 auto 15px;
    color: var(--blue);
    background: var(--blue-soft);
    border-radius: 50%;
    font-size: 20px;
}
.query-modal h2, .query-modal .result-copy, .query-modal .panel-kicker { text-align: center; }
.query-form { display: grid; grid-template-columns: 1fr 1.3fr auto; gap: 12px; align-items: end; margin-top: 19px; }
.query-submit { min-width: 92px; height: 42px; margin-left: 0; }
.query-submit i { margin-right: 5px; }
.query-results { display: grid; gap: 10px; max-height: 330px; margin-top: 17px; overflow-y: auto; }
.query-item { padding: 12px 13px; background: #f8fafb; border: 1px solid #e8edf0; border-radius: 6px; }
.query-item-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.q-no { color: var(--ink); font-size: 14px; font-weight: 700; letter-spacing: .5px; }
.query-item-meta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px 12px; margin-top: 7px; color: #5d6b76; font-size: 12px; }
.query-item-time { margin-top: 6px; color: #98a4ad; font-size: 11px; }
.query-item-remark { margin-top: 6px; padding: 6px 9px; color: #7c6320; background: #fff7e6; border-radius: 4px; font-size: 11px; }
.query-loading, .query-error { padding: 18px 4px; color: #8a97a1; font-size: 12px; text-align: center; }
.query-error { color: #b23b3b; }

@media (max-width: 760px) {
    .form-grid-second, .form-grid-third { grid-template-columns: 1fr 1fr; }
    .form-grid-second .field:last-child, .form-grid-third .field-tip { grid-column: 1 / -1; }
    .query-form { grid-template-columns: 1fr 1fr; }
    .query-submit { grid-column: 1 / -1; }
}
@media (max-width: 480px) {
    .form-grid-second, .form-grid-third { grid-template-columns: 1fr; }
    .form-grid-second .field:last-child, .form-grid-third .field-tip { grid-column: auto; }
    .query-form { grid-template-columns: 1fr; }
}

/* ---------- 页脚三段式（品牌信息 | ICP 备案 | 版权） ---------- */
.app-footer {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 12px;
}
.app-footer .footer-left { display: flex; gap: 15px; }
.app-footer .footer-icp { justify-self: center; }
.app-footer .footer-icp a { color: #84919b; font-size: 11px; }
.app-footer .footer-icp a:hover { color: var(--teal); text-decoration: underline; }
.app-footer .footer-right { justify-self: end; }
#footerIcp[hidden] { display: none; }

@media (max-width: 680px) {
    .app-footer { grid-template-columns: 1fr; gap: 8px; text-align: center; }
    .app-footer .footer-left,
    .app-footer .footer-right { justify-content: center; justify-self: center; }
}

/* ---------- 站底：协议 / 政策链接（用户前台与协议页共用） ---------- */
.site-footer { border-top: 1px solid var(--line); }
.site-footer .app-footer { border-top: 0; }
.footer-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
    padding: 8px 0 20px;
    row-gap: 4px;
    color: #84919b;
    font-size: 11px;
}
.footer-links a { padding: 2px 14px; color: #84919b; }
.footer-links a:hover { color: var(--teal); text-decoration: underline; }
.footer-links i { color: #c8d1d7; font-style: normal; }

/* ---------- 页脚公司联系方式（后台可配置） ---------- */
.footer-contact {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 22px;
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
    padding: 17px 0 0;
    color: #6d7b86;
    font-size: 11px;
}
.footer-contact[hidden] { display: none; }
.footer-contact span { display: inline-flex; align-items: center; gap: 6px; }
.footer-contact span[hidden] { display: none; }
.footer-contact i { color: var(--teal); }
.footer-contact a { color: #6d7b86; }
.footer-contact a:hover { color: var(--teal); text-decoration: underline; }

/* ---------- 提交回收前：协议勾选 ---------- */
.agree-line {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 13px 2px 0;
    color: #75828d;
    font-size: 12px;
    line-height: 1.7;
}
.agree-line input[type="checkbox"] { margin-top: 3px; accent-color: var(--teal); }
.agree-line a { color: var(--teal); text-decoration: underline; }
.agree-line a:hover { color: #0b635d; }

@media (max-width: 680px) {
    .footer-links { width: min(100% - 32px, 760px); padding-bottom: 16px; }
    .footer-contact { width: min(100% - 32px, 760px); gap: 7px 15px; }
}