/*
 * Auroracard warm card redesign.
 * Static palette copied from deepseek_html_20260527_3bd9a0.html.
 * Colors are hardcoded to the default warm palette.
 */

html {
    scroll-behavior: smooth;
    scrollbar-gutter: stable;
    -webkit-tap-highlight-color: transparent;
}

@media (min-width: 769px) {
    html {
        overflow-y: scroll;
    }
}

@supports not (scrollbar-gutter: stable) {
    html {
        overflow-y: scroll;
    }
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif !important;
    background: #f9f7f4 !important;
    color: #2c2c2c;
    line-height: 1.6;
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    color: inherit;
}

.main-footer {
    background: transparent !important;
    border-top: 0 !important;
    color: #999999;
}

/* Shared warm-card treatment for independent pages */
.help-body,
.order-body,
.result-body {
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 20px 16px 34px !important;
    box-sizing: border-box;
}

.help-shortcuts,
.help-section,
.query-card,
.result-header,
.order-card,
.query-page-inner,
.detail-description {
    background: #ffffff !important;
    border: 1px solid #f0ede8 !important;
    border-radius: 20px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

.help-shortcuts {
    padding: 14px !important;
}

.shortcut-item,
.help-entry-card {
    border-radius: 16px !important;
    transition: 0.22s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.shortcut-item:hover,
.help-entry-card:hover {
    background: #f5f1ec !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04) !important;
    transform: translateY(-2px);
}

.help-section,
.help-faq {
    padding: 24px 28px !important;
}

.section-title,
.help-faq h2,
.query-title,
.result-title {
    color: #2c2c2c !important;
    letter-spacing: .3px;
}

.faq-question,
.faq-q {
    color: #2c2c2c !important;
    font-weight: 700 !important;
}

.faq-answer,
.faq-a,
.query-subtitle,
.disclaimer,
.warning-content,
.order-no {
    color: #6b6b6b !important;
}

.query-card {
    overflow: hidden;
}

.query-card-bg {
    background:
        radial-gradient(circle at 18% 15%, rgba(212, 120, 76, .20), transparent 32%),
        linear-gradient(135deg, #fffaf5 0%, #f4eee7 100%);
}

.search-box,
.query-input-wrap {
    gap: 10px !important;
}

.search-input,
.query-input-wrap input,
.coupon-input,
.input-field-input,
.email-input {
    border: 1.5px solid #e8e4df !important;
    border-radius: 28px !important;
    background: #fff !important;
    color: #2c2c2c !important;
    transition: 0.22s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.search-input:focus,
.query-input-wrap input:focus,
.coupon-input:focus,
.input-field-input:focus,
.email-input:focus {
    border-color: #c5a089 !important;
    box-shadow: 0 0 0 3px rgba(180, 130, 90, 0.08) !important;
}

.search-btn,
.btn-query,
.btn-search,
.coupon-check-btn,
.btn-coupon,
.pay-btn,
.empty-back-btn {
    border-radius: 28px !important;
    background: #d4784c !important;
    color: #fff !important;
    border: none !important;
    font-weight: 700 !important;
    letter-spacing: .3px;
    transition: 0.22s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.search-btn:hover,
.btn-query:hover,
.btn-search:hover,
.coupon-check-btn:hover,
.btn-coupon:hover,
.pay-btn:hover,
.empty-back-btn:hover {
    background: #c0663a !important;
    color: #fff !important;
}

.warning-box,
.query-alert {
    background: #fef9ee !important;
    border: 0 !important;
    border-left: 3px solid #c9a44b !important;
    border-radius: 12px !important;
    color: #7a5e2f !important;
}

.order-card {
    overflow: hidden;
}

.order-header-info {
    border-bottom-color: #f0ede8 !important;
}

.order-status.paid,
.coupon-result.success,
.coupon-msg.success {
    color: #5b8c5a !important;
}

.order-status.refunding,
.coupon-result.error,
.coupon-msg.error {
    color: #c2544b !important;
}

@media (max-width: 768px) {
    .help-body,
    .order-body,
    .result-body {
        padding: 14px 12px 30px !important;
    }
    .help-section,
    .help-faq,
    .query-card-content {
        padding: 20px 16px !important;
    }
    .shortcuts-grid,
    .help-quick-entries {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }
    .search-box,
    .query-input-wrap {
        flex-direction: column !important;
    }
    .search-btn,
    .btn-query {
        width: 100%;
        justify-content: center;
    }
}