/* Taoist Chinese aesthetic redesign */
:root {
    --scale: clamp(0.92, calc(100vw / 1200), 1.08);
    --primary-color: #2F5D58;
    --hex-solid-color: #2F5D58;
    --hex-broken-color: #2B2B2B;
    --tao-paper: #F7F3EB;
    --tao-paper-deep: #EDE6D6;
    --tao-paper-warm: #FFFDF7;
    --tao-ink: #2B2B2B;
    --tao-ink-soft: #5A534A;
    --tao-muted: #8B8174;
    --tao-cinnabar: #2F5D58;
    --tao-cinnabar-light: #4F7F75;
    --tao-gold: #C9A227;
    --tao-jade: #5B8A72;
    --tao-indigo: #4A6B8A;
    --tao-ochre: #A67C52;
    --tao-border: #D4CFC3;
    --tao-border-light: #E8E3D9;
    --tao-shadow: 0 10px 30px rgba(43, 43, 43, 0.08);
    --tao-shadow-card: 0 3px 12px rgba(43, 43, 43, 0.07);
    --tao-radius: 16px;
    --tao-radius-sm: 10px;
    --tao-font-serif: "Noto Serif SC", "Source Han Serif SC", "思源宋体", "宋体", serif;
    --tao-font-sans: "Noto Sans SC", "Source Han Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Final readability guard for light hexagram result cards. */
.hexagram-result,
.hexagram-result p,
.hexagram-result li,
.hexagram-summary,
.hexagram-interpretation p,
.hexagram-scenarios p,
.plum-blossom-info,
.plum-blossom-info p,
.related-hex-grid,
.mini-hex,
.mini-hex p,
.hexagram-header p,
.inspiration-guidance .guidance-section p,
.inspiration-guidance .guidance-section li,
.hexagram-guidance .guidance-section p,
.hexagram-guidance .guidance-section li {
    color: #3b3028 !important;
    text-shadow: none !important;
}

.hexagram-result h3,
.hexagram-result h4,
.hexagram-interpretation h4,
.mini-hex h4,
.inspiration-guidance .guidance-section strong,
.hexagram-guidance .guidance-section h4 {
    text-shadow: none !important;
}

.hexagram-quote {
    color: #5b4a3d !important;
    text-shadow: none !important;
}

html {
    background: var(--tao-paper);
    color: var(--tao-ink);
}

body {
    background: var(--tao-paper);
    color: var(--tao-ink);
    font-family: var(--tao-font-serif);
    letter-spacing: 0.01em;
}

#background {
    background:
        radial-gradient(circle at 12% 8%, rgba(181, 68, 52, 0.12), transparent 28%),
        radial-gradient(circle at 90% 0%, rgba(91, 138, 114, 0.13), transparent 30%),
        linear-gradient(180deg, #FBF7EF 0%, #F4EBDD 52%, #ECE0CE 100%);
    filter: none;
    animation: none;
}

#background::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    opacity: 0.45;
    background-image:
        linear-gradient(rgba(43,43,43,0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(43,43,43,0.025) 1px, transparent 1px);
    background-size: 28px 28px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0.12));
}

#particles-js,
#particles-js canvas {
    display: none !important;
}

.site-header {
    height: 72px;
    padding: 14px clamp(16px, 4vw, 46px);
    background: rgba(247, 243, 235, 0.86);
    border-bottom: 1px solid rgba(181, 68, 52, 0.16);
    box-shadow: 0 6px 20px rgba(43, 43, 43, 0.06);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.site-header.scrolled {
    background: rgba(247, 243, 235, 0.94);
    border-bottom-color: rgba(181, 68, 52, 0.22);
    box-shadow: 0 8px 26px rgba(43, 43, 43, 0.1);
}

.brand {
    min-width: 94px;
    min-height: 38px;
    position: relative;
}

.brand::before {
    content: "命理指引";
    color: var(--tao-ink);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.16em;
    white-space: nowrap;
}

.brand::after {
    content: "☯";
    margin-left: 8px;
    color: var(--tao-cinnabar);
    font-size: 18px;
}

.nav-center {
    gap: 8px;
}

.nav-center a {
    color: var(--tao-ink-soft);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 999px;
    padding: 8px 15px;
    font-size: 15px;
    letter-spacing: 0.08em;
    text-shadow: none;
}

.nav-center a::before {
    display: none;
}

.nav-center a:hover,
.nav-center a:focus {
    color: var(--tao-cinnabar);
    background: rgba(181, 68, 52, 0.07);
    border-color: rgba(181, 68, 52, 0.15);
    box-shadow: none;
    transform: none;
}

.mobile-menu-btn {
    background: var(--tao-paper-warm);
    border: 1px solid var(--tao-border);
    border-radius: 999px;
    box-shadow: var(--tao-shadow-card);
}

.menu-icon span {
    background: var(--tao-cinnabar);
}

.menu-text,
.mobile-menu-btn.active .menu-text {
    color: var(--tao-ink);
    text-shadow: none;
}

.site-main {
    min-height: calc(100vh - 72px);
    padding-top: 104px;
    padding-left: clamp(14px, 3vw, 28px);
    padding-right: clamp(14px, 3vw, 28px);
    color: var(--tao-ink);
}

.page-container {
    width: min(1080px, 100%);
    color: var(--tao-ink);
}

.subtitle,
.description {
    color: var(--tao-ink) !important;
    text-shadow: none !important;
}

.subtitle {
    font-size: clamp(24px, 5vw, 40px);
    font-weight: 700;
    letter-spacing: 0.16em;
    margin-bottom: 10px;
}

.description {
    color: var(--tao-muted) !important;
    font-family: var(--tao-font-sans);
}

.home-floor,
.year-banner,
.ziwei-form-container,
.analysis-container,
.analysis-card,
.daily-card,
.personal-divination-section,
.daily-two-col > .daily-inspiration-section,
.daily-two-col > .personal-divination-section,
.service-card,
.guide-card,
.weekly-trend-section,
.hex-left,
.hex-right,
.hex-cta-banner,
.hexagram-quote,
.hexagram-details,
.inspiration-overview,
.inspiration-keywords,
.inspiration-guidance .guidance-section,
.inspiration-scenarios .scenario,
.inspiration-quote,
.divination-intro,
.number-input-section,
.input-group,
.result-header {
    background: rgba(255, 253, 247, 0.86) !important;
    color: var(--tao-ink) !important;
    border: 1px solid var(--tao-border-light) !important;
    border-radius: var(--tao-radius) !important;
    box-shadow: var(--tao-shadow-card) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.home-floor {
    padding: clamp(18px, 5vw, 34px) !important;
    margin-bottom: clamp(18px, 5vw, 32px) !important;
    align-items: stretch !important;
    position: relative;
    overflow: hidden;
}

.home-floor::before,
.ziwei-form-container::before,
.daily-card::before,
.personal-divination-section::before,
.analysis-card::before {
    content: "";
    display: block;
    height: 3px;
    width: 76px;
    margin: 0 auto 18px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, var(--tao-cinnabar), var(--tao-gold), transparent);
}

.year-banner-link {
    color: inherit;
}

.year-banner {
    background:
        linear-gradient(135deg, rgba(181, 68, 52, 0.12), rgba(201, 162, 39, 0.10)),
        var(--tao-paper-warm) !important;
    border-color: rgba(181, 68, 52, 0.2) !important;
    padding: clamp(20px, 5vw, 36px) !important;
    margin-bottom: clamp(18px, 5vw, 30px) !important;
}

.year-highlight {
    color: var(--tao-cinnabar) !important;
    text-shadow: none !important;
    font-size: clamp(28px, 8vw, 56px) !important;
    letter-spacing: 0.18em;
}

.year-title,
.year-desc-group p,
.home-section-title .title-text,
.entry-title,
.intent-title,
.daily-header h2,
.divination-intro h2,
.ziwei-form-container h2,
.result-header h3,
.guide-card h4,
.weekly-trend-section h4,
.palace-title,
.hexagram-name,
.inspiration-title {
    color: var(--tao-ink) !important;
    background: none !important;
    -webkit-text-fill-color: initial !important;
    text-shadow: none !important;
}

.year-title {
    color: var(--tao-ink-soft) !important;
}

.year-desc-group p,
.home-section-title .subtitle,
.entry-desc,
.intent-desc,
.daily-date,
.divination-intro p,
.disclaimer-text,
.service-note,
.result-date,
.weekly-date-range,
.outfit-style,
.outfit-meaning,
.trend-summary,
.analysis-text,
.inspiration-overview p,
.inspiration-scenarios .scenario p,
.inspiration-quote blockquote {
    color: var(--tao-muted) !important;
    text-shadow: none !important;
}

.home-section-title::before,
.home-section-title::after {
    background: linear-gradient(90deg, transparent, rgba(181, 68, 52, 0.45), transparent) !important;
}

.intent-grid {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 14px;
    padding: 0;
}

.intent-card,
.entry-card,
.topic-tab,
.gender-card {
    background: var(--tao-paper-warm) !important;
    color: var(--tao-ink) !important;
    border: 1px solid var(--tao-border-light) !important;
    border-radius: var(--tao-radius) !important;
    box-shadow: var(--tao-shadow-card) !important;
    text-shadow: none !important;
}

.intent-card:hover,
.entry-card:hover,
.topic-tab:hover,
.topic-tab.active,
.gender-option input:checked + .gender-card {
    transform: translateY(-2px) !important;
    border-color: rgba(181, 68, 52, 0.34) !important;
    box-shadow: var(--tao-shadow) !important;
    background: #fffaf0 !important;
}

.intent-icon,
.card-icon-wrapper,
.card-icon,
.tab-icon {
    color: var(--tao-cinnabar) !important;
    filter: none !important;
    background: rgba(181, 68, 52, 0.08) !important;
    border-color: rgba(181, 68, 52, 0.16) !important;
}

.intent-card.love .intent-icon,
.intent-card.wealth .intent-icon,
.intent-card.career .intent-icon,
.intent-card.health .intent-icon,
.intent-card.study .intent-icon {
    color: var(--tao-cinnabar) !important;
}

.entry-tag,
.keyword-tag,
.badge,
.star-tag,
.topic-tab.active,
.progress-dot.active {
    background: rgba(181, 68, 52, 0.09) !important;
    color: var(--tao-cinnabar) !important;
    border: 1px solid rgba(181, 68, 52, 0.2) !important;
    box-shadow: none !important;
}

.card-arrow {
    color: var(--tao-cinnabar) !important;
    text-shadow: none !important;
}

.form-label,
.color-label {
    color: var(--tao-ink-soft) !important;
    font-weight: 600;
}

.form-input,
.form-select,
.number-input,
#targetYear {
    background: #FFFCF5 !important;
    color: var(--tao-ink) !important;
    border: 1px solid var(--tao-border) !important;
    border-radius: 12px !important;
    box-shadow: inset 0 1px 2px rgba(43, 43, 43, 0.04) !important;
    font-family: var(--tao-font-sans);
}

.form-input:focus,
.form-select:focus,
.number-input:focus,
#targetYear:focus {
    outline: none !important;
    border-color: var(--tao-cinnabar) !important;
    box-shadow: 0 0 0 3px rgba(181, 68, 52, 0.1) !important;
}

.calc-btn,
.draw-btn,
.secondary-btn,
.share-btn,
.random-btn,
.year-btn,
.vip-cta-btn {
    background: var(--tao-cinnabar) !important;
    color: #fff !important;
    border: 1px solid rgba(181, 68, 52, 0.16) !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 18px rgba(181, 68, 52, 0.18) !important;
    font-family: var(--tao-font-serif);
    letter-spacing: 0.12em;
    text-shadow: none !important;
}

.calc-btn:hover,
.draw-btn:hover:not(:disabled),
.secondary-btn:hover,
.share-btn:hover,
.random-btn:hover,
.year-btn:hover {
    background: var(--tao-cinnabar-light) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 10px 22px rgba(181, 68, 52, 0.23) !important;
}

.secondary-btn.outline,
.tao-outline,
.outline {
    background: transparent !important;
    color: var(--tao-cinnabar) !important;
    border-color: rgba(181, 68, 52, 0.32) !important;
    box-shadow: none !important;
}

.draw-btn:disabled,
.calc-btn:disabled {
    background: #C7BFB2 !important;
    color: #F8F4EC !important;
    box-shadow: none !important;
}

.daily-two-col,
.daily-guides-grid,
.dual-entry-grid {
    gap: clamp(14px, 4vw, 24px) !important;
}

.daily-card,
.personal-divination-section,
.ziwei-form-container,
.analysis-container {
    padding: clamp(18px, 5vw, 30px) !important;
}

.progress-dot {
    background: var(--tao-border) !important;
    border: 1px solid var(--tao-border) !important;
}

.input-label {
    color: var(--tao-cinnabar) !important;
    background: rgba(181, 68, 52, 0.08) !important;
    border: 1px solid rgba(181, 68, 52, 0.18) !important;
}

.analysis-card,
.guide-card,
.weekly-trend-section {
    margin-bottom: var(--gap-sm);
}

.palace-header,
.daily-header,
.tao-card-header,
.result-header {
    border-bottom: 1px solid var(--tao-border-light) !important;
}

.stars-display,
.result-badges,
.keyword-tags,
.color-dots {
    gap: 8px;
}

.chart-bar {
    background: linear-gradient(180deg, var(--tao-cinnabar-light), var(--tao-cinnabar)) !important;
    border-radius: 999px 999px 4px 4px !important;
}

.chart-label,
.chart-score,
.action-list li,
.analysis-text li {
    color: var(--tao-ink-soft) !important;
}

.hexagram-symbol,
.hexagram-lines,
.hexagram-line {
    color: var(--tao-ink) !important;
}

.hexagram-line,
.hex-line.yang,
.hexagram-line.yang {
    background: var(--tao-cinnabar) !important;
}

.hexagram-line.break,
.hex-line.yin {
    background: transparent !important;
}

.hexagram-line.break::before,
.hexagram-line.break::after {
    background: var(--tao-ink) !important;
}

.site-footer {
    display: none;
}

.hidden {
    display: none !important;
}

@media (min-width: 769px) {
    .daily-two-col {
        grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr) !important;
    }

    .dual-entry-grid {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 768px) {
    .site-header {
        height: 64px;
        padding: 10px 14px;
    }

    .brand {
        min-width: auto;
    }

    .brand::before {
        font-size: 16px;
        letter-spacing: 0.12em;
    }

    .site-main {
        padding-top: 82px !important;
        padding-left: 12px;
        padding-right: 12px;
    }

    .mobile-menu-btn {
        display: inline-flex !important;
        min-width: auto;
        padding: 8px 12px;
    }

    .nav-center {
        position: fixed !important;
        top: 64px !important;
        left: 12px !important;
        right: 12px !important;
        transform: none !important;
        display: none;
        flex-direction: column;
        gap: 6px;
        padding: 12px;
        background: rgba(255, 253, 247, 0.96) !important;
        border: 1px solid var(--tao-border-light);
        border-radius: 16px;
        box-shadow: var(--tao-shadow);
    }

    .nav-center.active {
        display: flex !important;
    }

    .nav-center a {
        width: 100%;
        text-align: center;
        padding: 12px;
        border-radius: 12px;
    }

    .subtitle {
        font-size: 25px;
        letter-spacing: 0.1em;
    }

    .year-banner,
    .home-floor,
    .ziwei-form-container,
    .analysis-container,
    .daily-card,
    .personal-divination-section {
        border-radius: 18px !important;
    }

    .intent-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
    }

    .intent-card.wealth {
        grid-column: auto !important;
        order: initial !important;
    }

    .intent-card {
        min-height: 128px;
        justify-content: center;
        padding: 15px 10px !important;
    }

    .dual-entry-grid,
    .daily-two-col {
        display: block !important;
    }

    .entry-card {
        padding: 16px !important;
        margin-bottom: 12px;
    }

    .card-icon-wrapper {
        width: 52px;
        height: 52px;
        margin-right: 12px;
        font-size: 24px;
    }

    .form-group {
        margin-bottom: 16px !important;
    }

    .date-selector-group,
    .year-selector-group {
        gap: 8px !important;
    }

    .action-buttons {
        flex-direction: column;
        gap: 10px;
    }

    .action-buttons .secondary-btn,
    .calc-btn,
    .draw-btn {
        width: 100%;
        min-height: 48px;
    }
}

@media (max-width: 420px) {
    .intent-grid {
        grid-template-columns: 1fr !important;
    }

    .entry-card {
        align-items: flex-start;
    }

    .card-arrow {
        display: none;
    }
}

.tool-index-grid {
    margin-top: var(--gap);
}

#currentTopicHint,
#topicNameDisplay,
#resUser,
#resInfo,
.current-year-display,
.current-year-display input {
    color: var(--tao-ink-soft) !important;
    text-shadow: none !important;
}

.ziwei-form-container h2,
.ziwei-form-container p,
.analysis-container [style*="color:#fff"],
.analysis-container [style*="color: #fff"],
.analysis-container [style*="color:#aaa"],
.analysis-container [style*="color: #aaa"],
.analysis-container [style*="color:#888"],
.analysis-container [style*="color: #888"] {
    color: var(--tao-ink-soft) !important;
}

.topic-tabs {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px !important;
    margin: 18px 0 !important;
}

.topic-tab {
    min-height: 74px;
    padding: 10px 6px !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.tab-name {
    color: var(--tao-ink-soft) !important;
    font-size: 13px;
}

.gender-selector {
    gap: 10px !important;
}

.gender-option {
    flex: 1;
}

.gender-card {
    min-height: 54px;
    justify-content: center;
}

.analysis-text strong,
.action-list strong,
.trend-summary strong {
    color: var(--tao-cinnabar) !important;
}

.outfit-card,
.action-card {
    min-height: 100%;
}

.color-dot {
    border: 2px solid rgba(255, 253, 247, 0.9) !important;
    box-shadow: 0 0 0 1px var(--tao-border) !important;
}

.year-btn {
    flex: 0 0 auto;
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.current-year-display {
    flex: 1;
}

.current-year-display input {
    width: 100%;
    text-align: center;
    font-weight: 700;
}

.service-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--gap-sm);
}

.service-card h3,
.service-card li,
.service-card p {
    color: var(--tao-ink-soft) !important;
}

.vip-title-section,
.vip-content-container,
.vip-image-section,
.vip-main-content,
.vip-cta-section {
    display: none !important;
}

body::after {
    content: "";
    position: fixed;
    right: -80px;
    bottom: -80px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    border: 1px solid rgba(181, 68, 52, 0.08);
    pointer-events: none;
    z-index: 0;
}

.site-header,
.site-main {
    position: relative;
    z-index: 1;
}

@media (max-width: 768px) {
    .topic-tabs {
        grid-template-columns: repeat(5, 1fr);
        gap: 6px !important;
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .topic-tab {
        min-width: 58px;
        min-height: 64px;
        padding: 8px 4px !important;
    }

    .tab-icon {
        font-size: 18px !important;
    }

    .tab-name {
        font-size: 12px;
        white-space: nowrap;
    }

    .daily-guides-grid {
        grid-template-columns: 1fr !important;
    }

    .guide-card,
    .weekly-trend-section,
    .analysis-card,
    .result-header {
        padding: 16px !important;
    }

    .number-input-section {
        padding: 12px !important;
    }

    .input-group {
        display: grid !important;
        grid-template-columns: 34px 1fr 44px;
        align-items: center;
        gap: 8px !important;
        padding: 8px !important;
    }

    .random-btn {
        width: 44px !important;
        height: 44px !important;
        padding: 0 !important;
    }

    .year-selector-group {
        grid-template-columns: auto 1fr auto;
    }

    .year-btn {
        min-width: 62px;
        padding: 10px 12px !important;
        letter-spacing: 0.04em;
    }

    .chart-container {
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .bar-chart {
        min-width: 360px;
    }
}

/* Readability and layout polish */
:root {
    --tao-paper: #F4EBDD;
    --tao-paper-deep: #E8DCC8;
    --tao-paper-warm: #FFF9EC;
    --tao-ink: #201B16;
    --tao-ink-soft: #463A30;
    --tao-muted: #63594E;
    --tao-border: #CDBFAD;
    --tao-border-light: #DED2C1;
    --tao-shadow-card: 0 8px 24px rgba(55, 41, 25, 0.10);
}

body,
button,
input,
select,
textarea {
    line-height: 1.68;
}

#background {
    background:
        radial-gradient(circle at 16% 0%, rgba(181, 68, 52, 0.08), transparent 24%),
        radial-gradient(circle at 88% 12%, rgba(91, 138, 114, 0.10), transparent 26%),
        linear-gradient(180deg, #F8F0E3 0%, #F2E6D5 48%, #E9DCC8 100%);
}

.site-main {
    align-items: flex-start !important;
}

.page-container {
    margin: 0 auto;
}

.home-floor,
.year-banner,
.ziwei-form-container,
.analysis-container,
.analysis-card,
.daily-card,
.personal-divination-section,
.daily-two-col > .daily-inspiration-section,
.daily-two-col > .personal-divination-section,
.guide-card,
.weekly-trend-section,
.hex-left,
.hex-right,
.hex-cta-banner,
.hexagram-quote,
.hexagram-details,
.inspiration-overview,
.inspiration-keywords,
.inspiration-guidance .guidance-section,
.inspiration-scenarios .scenario,
.inspiration-quote,
.divination-intro,
.number-input-section,
.input-group,
.result-header,
.intent-card,
.entry-card,
.topic-tab,
.gender-card {
    background: linear-gradient(180deg, #FFFDF6 0%, #FAF1E2 100%) !important;
    border-color: var(--tao-border) !important;
    color: var(--tao-ink) !important;
}

.year-banner {
    background:
        linear-gradient(135deg, rgba(181, 68, 52, 0.10), rgba(91, 138, 114, 0.08)),
        linear-gradient(180deg, #FFFDF6 0%, #F5E7D3 100%) !important;
}

.subtitle,
.year-highlight,
.year-title,
.home-section-title .title-text,
.entry-title,
.intent-title,
.daily-header h2,
.divination-intro h2,
.ziwei-form-container h2,
.result-header h3,
.guide-card h4,
.weekly-trend-section h4,
.palace-title,
.hexagram-name,
.inspiration-title {
    color: var(--tao-ink) !important;
    line-height: 1.32 !important;
}

.description,
.year-desc-group p,
.home-section-title .subtitle,
.entry-desc,
.intent-desc,
.daily-date,
.divination-intro p,
.result-date,
.weekly-date-range,
.outfit-style,
.outfit-meaning,
.trend-summary,
.analysis-text,
.inspiration-overview p,
.inspiration-scenarios .scenario p,
.inspiration-quote blockquote,
.chart-label,
.chart-score,
.action-list li,
.analysis-text li {
    color: var(--tao-muted) !important;
    line-height: 1.78 !important;
}

.intent-desc,
.entry-desc,
.tab-name,
.menu-text,
.form-label {
    font-family: var(--tao-font-sans);
}

.intent-card,
.entry-card {
    min-width: 0;
}

.entry-card {
    gap: 14px !important;
}

.card-icon-wrapper {
    margin-right: 0 !important;
}

.card-text-content {
    min-width: 0;
}

.entry-title,
.entry-desc,
.intent-title,
.intent-desc {
    overflow-wrap: anywhere;
}

.entry-tag,
.keyword-tag,
.badge,
.star-tag,
.topic-tab.active,
.progress-dot.active {
    background: #E8E1D0 !important;
    color: #344E5C !important;
    border-color: #CFC3B0 !important;
}

.intent-icon,
.card-icon-wrapper,
.card-icon,
.tab-icon,
.input-label {
    background: #E5EBDD !important;
    color: #9D3C30 !important;
    border-color: #C7D1C0 !important;
}

.form-input,
.form-select,
.number-input,
#targetYear {
    background: #FFFDF8 !important;
    color: var(--tao-ink) !important;
    border-color: #BFAF9B !important;
}

.form-input::placeholder,
.number-input::placeholder {
    color: #8A7E71 !important;
    opacity: 1;
}

.calc-btn,
.draw-btn,
.secondary-btn,
.share-btn,
.random-btn,
.year-btn {
    background: linear-gradient(180deg, #2F5D58 0%, #254B47 100%) !important;
    color: #FFFDF7 !important;
}

.secondary-btn.outline,
.outline {
    background: #FFFDF7 !important;
    color: #344E5C !important;
}

.chart-bar {
    background: linear-gradient(180deg, #C85B47 0%, #943427 100%) !important;
}

.daily-two-col,
.dual-entry-grid,
.daily-guides-grid,
.intent-grid {
    align-items: stretch !important;
}

.daily-two-col > *,
.dual-entry-grid > *,
.daily-guides-grid > *,
.intent-grid > * {
    min-width: 0;
}

@media (max-width: 768px) {
    body {
        font-size: 15.5px;
    }

    .site-main {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .subtitle {
        font-size: 24px !important;
        letter-spacing: 0.06em !important;
    }

    .year-highlight {
        font-size: 34px !important;
        letter-spacing: 0.08em !important;
    }

    .home-section-title .title-text {
        font-size: 20px !important;
        letter-spacing: 0.04em !important;
        flex-wrap: wrap;
    }

    .intent-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .intent-card {
        min-height: 116px !important;
        padding: 14px 8px !important;
    }

    .intent-title {
        font-size: 15px !important;
    }

    .intent-desc {
        font-size: 13px !important;
        transform: none !important;
    }

    .entry-card {
        display: grid !important;
        grid-template-columns: 48px minmax(0, 1fr) auto;
        align-items: center !important;
        padding: 16px !important;
    }

    .card-icon-wrapper {
        width: 48px !important;
        height: 48px !important;
        font-size: 22px !important;
    }

    .entry-title {
        font-size: 18px !important;
        margin-bottom: 4px !important;
    }

    .entry-desc {
        font-size: 13.5px !important;
        margin-bottom: 8px !important;
    }

    .topic-tabs {
        grid-template-columns: repeat(5, minmax(58px, 1fr)) !important;
    }

    .date-selector-group {
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .form-select,
    .form-input,
    .number-input {
        min-height: 46px;
    }
}

/* Mobile nav hit-area fix and calmer visual tuning */
@media (max-width: 768px) {
    .site-header {
        z-index: 9999 !important;
        overflow: visible !important;
    }

    .nav-center {
        z-index: 10020 !important;
        pointer-events: auto !important;
    }

    .nav-center.active {
        display: grid !important;
    }

    .nav-center a {
        display: flex !important;
        align-items: center;
        justify-content: center;
        min-height: 46px;
        pointer-events: auto !important;
        position: relative;
        z-index: 10021;
        color: var(--tao-ink) !important;
        background: #FFFDF7 !important;
        border: 1px solid #D8C8B5 !important;
    }

    .mobile-menu-btn {
        position: relative;
        z-index: 10030 !important;
    }
}

.year-banner,
.home-floor,
.ziwei-form-container,
.analysis-container,
.analysis-card,
.daily-card,
.personal-divination-section,
.daily-two-col > .daily-inspiration-section,
.daily-two-col > .personal-divination-section,
.guide-card,
.weekly-trend-section,
.hex-left,
.hex-right,
.hex-cta-banner,
.hexagram-quote,
.hexagram-details,
.inspiration-overview,
.inspiration-keywords,
.inspiration-guidance .guidance-section,
.inspiration-scenarios .scenario,
.inspiration-quote,
.divination-intro,
.number-input-section,
.input-group,
.result-header,
.intent-card,
.entry-card,
.topic-tab,
.gender-card,
.highlight-box,
.star-row {
    background: #FFFDF7 !important;
    border-color: #D8C8B5 !important;
    box-shadow: 0 8px 22px rgba(72, 51, 31, 0.08) !important;
}

.year-banner {
    background: #F8EAD8 !important;
}

.year-highlight {
    color: #2F5D58 !important;
    -webkit-text-fill-color: #2F5D58 !important;
}

.calc-btn,
.draw-btn,
.secondary-btn:not(.outline),
.share-btn,
.random-btn,
.year-btn {
    background: #2F5D58 !important;
    border: 1px solid #2F5D58 !important;
    color: #FFFDF7 !important;
    box-shadow: none !important;
}

.calc-btn:hover,
.draw-btn:hover:not(:disabled),
.secondary-btn:hover,
.share-btn:hover,
.random-btn:hover,
.year-btn:hover {
    background: #254B47 !important;
    border-color: #254B47 !important;
    box-shadow: none !important;
}

.secondary-btn.outline,
.outline,
.current-year-display input {
    background: #FFFDF7 !important;
    color: var(--tao-ink) !important;
    border: 1px solid #CBBBA6 !important;
    box-shadow: none !important;
}

.year-selector-group {
    align-items: center !important;
}

.year-btn {
    border-radius: 999px !important;
    min-height: 48px;
}

.current-year-display input {
    border-radius: 14px !important;
    min-height: 56px;
}

.entry-tag,
.keyword-tag,
.badge,
.star-tag,
.pro-term,
.floor-cta-btn {
    background: #F5E7D7 !important;
    color: #344E5C !important;
    border: 1px solid #C7D1C0 !important;
}

.intent-icon,
.card-icon-wrapper,
.card-icon,
.tab-icon,
.input-label {
    background: #F5E7D7 !important;
    color: #344E5C !important;
    border-color: #C7D1C0 !important;
}

.home-floor::before,
.ziwei-form-container::before,
.daily-card::before,
.personal-divination-section::before,
.analysis-card::before {
    background: #2F5D58 !important;
    width: 58px !important;
    height: 2px !important;
    opacity: 0.7;
}

@media (max-width: 390px) {
    .intent-grid {
        grid-template-columns: 1fr !important;
    }

    .entry-card {
        grid-template-columns: 44px minmax(0, 1fr);
    }
}

/* Final contrast overrides for legacy inline/page styles */
.floor-main-text,
.banner-title,
.intent-title,
.entry-card:hover .entry-title,
.result-header,
.result-header h3,
.report-title,
.star-badge,
.palace-title,
.analysis-container div,
.ziwei-form-container h2[style],
.ziwei-form-container p[style],
.year-desc-group div[style],
#resUser,
#resInfo {
    color: var(--tao-ink) !important;
    text-shadow: none !important;
    -webkit-text-fill-color: var(--tao-ink) !important;
}

.floor-sub-text,
.banner-subtitle,
.intent-desc,
.entry-desc,
.entry-card:hover .entry-title,
.home-section-title .subtitle,
.result-date,
.report-text,
.highlight-content,
.star-body,
.analysis-text,
.analysis-text p,
.analysis-text div,
.analysis-text span,
.analysis-text li,
.trend-summary,
.outfit-meaning,
.outfit-style {
    color: var(--tao-muted) !important;
    text-shadow: none !important;
    line-height: 1.78 !important;
}

.home-section-title,
.home-section-title .title-text,
.entry-title,
.daily-header h2,
.divination-intro h2,
.guide-card h4,
.weekly-trend-section h4,
.inspiration-title {
    color: var(--tao-ink) !important;
    background: none !important;
    background-clip: initial !important;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: var(--tao-ink) !important;
}

.floor-cta-btn,
.entry-tag,
.service-vip-cta,
.badge,
.star-tag,
.pro-term,
.keyword-tag {
    color: #344E5C !important;
    background: #E8E1D0 !important;
    border-color: #CFC3B0 !important;
    text-shadow: none !important;
}

.entry-card:hover .entry-tag,
.secondary-btn:hover,
.secondary-btn.outline:hover {
    color: #344E5C !important;
    background: #FFFDF7 !important;
    border-color: #2F5D58 !important;
    text-shadow: none !important;
}

.year-btn,
.current-year-display input,
.secondary-btn,
.secondary-btn.outline {
    color: var(--tao-ink) !important;
    text-shadow: none !important;
}

.secondary-btn:not(.outline),
.calc-btn,
.draw-btn,
.random-btn,
.share-btn {
    color: #FFFDF7 !important;
}

.current-year-display input,
.highlight-box,
.star-row,
.analysis-card,
.guide-card,
.weekly-trend-section {
    background: linear-gradient(180deg, #FFFDF6 0%, #FAF1E2 100%) !important;
    border-color: var(--tao-border) !important;
}

.highlight-box {
    border-left-color: #2F5D58 !important;
}

.gender-option input:checked + .gender-card,
.topic-tab.active {
    color: var(--tao-ink) !important;
    background: #E5EBDD !important;
    border-color: #2F5D58 !important;
}

.entry-card:hover .card-icon-wrapper,
.intent-card:hover .intent-icon {
    color: #344E5C !important;
    background: #E5EBDD !important;
    box-shadow: none !important;
    transform: none !important;
}

.entry-card:hover,
.intent-card:hover {
    background: linear-gradient(180deg, #FFFDF6 0%, #E5EBDD 100%) !important;
}

.card-arrow,
.entry-card:hover .card-arrow {
    color: #9D3C30 !important;
    text-shadow: none !important;
}

.home-floor *,
.year-banner *,
.intent-card *,
.entry-card *,
.ziwei-form-container *,
.analysis-container *,
.daily-card *,
.personal-divination-section * {
    max-width: 100%;
}

@media (max-width: 768px) {
    .home-floor,
    .year-banner,
    .ziwei-form-container,
    .analysis-container,
    .daily-card,
    .personal-divination-section,
    .guide-card,
    .weekly-trend-section,
    .analysis-card {
        padding: 16px !important;
    }

    .year-desc-group p,
    .description,
    .entry-desc,
    .intent-desc,
    .analysis-text,
    .report-text,
    .star-body,
    .highlight-content {
        font-size: 14px !important;
        line-height: 1.72 !important;
    }

    .ziwei-form-container h2,
    .result-header h3 {
        font-size: 20px !important;
        letter-spacing: 0.04em !important;
    }
}

/* Palette reset: qingdai pine green, no cinnabar red */
:root {
    --primary-color: #2F5D58;
    --hex-solid-color: #2F5D58;
    --tao-cinnabar: #2F5D58;
    --tao-cinnabar-light: #4F7F75;
    --tao-gold: #A98A4A;
    --tao-jade: #6F8F7B;
    --tao-indigo: #344E5C;
    --tao-ochre: #8D7A5F;
    --tao-paper: #F3EFE5;
    --tao-paper-deep: #E7DECF;
    --tao-paper-warm: #FFFDF6;
    --tao-ink: #25231E;
    --tao-ink-soft: #474238;
    --tao-muted: #6B6255;
    --tao-border: #CFC3B0;
    --tao-border-light: #E2D8C9;
}

#background {
    background:
        radial-gradient(circle at 12% 0%, rgba(111, 143, 123, 0.12), transparent 28%),
        radial-gradient(circle at 92% 8%, rgba(52, 78, 92, 0.10), transparent 28%),
        linear-gradient(180deg, #F7F1E6 0%, #EFE7D8 55%, #E5DAC8 100%) !important;
}

.year-banner {
    background:
        radial-gradient(circle at 72% 30%, rgba(111, 143, 123, 0.14), transparent 34%),
        linear-gradient(180deg, #FFFDF6 0%, #F2E8D7 100%) !important;
}

.home-floor,
.ziwei-form-container,
.analysis-container,
.analysis-card,
.daily-card,
.personal-divination-section,
.daily-two-col > .daily-inspiration-section,
.daily-two-col > .personal-divination-section,
.guide-card,
.weekly-trend-section,
.hex-left,
.hex-right,
.hex-cta-banner,
.hexagram-quote,
.hexagram-details,
.inspiration-overview,
.inspiration-keywords,
.inspiration-guidance .guidance-section,
.inspiration-scenarios .scenario,
.inspiration-quote,
.divination-intro,
.number-input-section,
.input-group,
.result-header,
.intent-card,
.entry-card,
.topic-tab,
.gender-card,
.highlight-box,
.star-row {
    background: #FFFDF6 !important;
    border-color: #D1C4B1 !important;
    box-shadow: 0 10px 26px rgba(47, 70, 62, 0.08) !important;
}

.year-highlight,
.subtitle,
.year-title,
.home-section-title,
.home-section-title .title-text,
.entry-title,
.intent-title,
.daily-header h2,
.divination-intro h2,
.ziwei-form-container h2,
.result-header h3,
.guide-card h4,
.weekly-trend-section h4,
.palace-title,
.hexagram-name,
.inspiration-title,
.report-title,
.star-badge {
    color: #25231E !important;
    -webkit-text-fill-color: #25231E !important;
    text-shadow: none !important;
}

.year-highlight {
    color: #344E5C !important;
    -webkit-text-fill-color: #344E5C !important;
}

.description,
.year-desc-group p,
.floor-sub-text,
.banner-subtitle,
.intent-desc,
.entry-desc,
.home-section-title .subtitle,
.result-date,
.report-text,
.highlight-content,
.star-body,
.analysis-text,
.analysis-text p,
.analysis-text div,
.analysis-text span,
.analysis-text li,
.trend-summary,
.outfit-meaning,
.outfit-style {
    color: #6B6255 !important;
}

.calc-btn,
.draw-btn,
.secondary-btn:not(.outline),
.share-btn,
.random-btn,
.year-btn {
    background: #2F5D58 !important;
    border-color: #2F5D58 !important;
    color: #FFFDF6 !important;
    box-shadow: none !important;
}

.calc-btn:hover,
.draw-btn:hover:not(:disabled),
.secondary-btn:hover,
.share-btn:hover,
.random-btn:hover,
.year-btn:hover {
    background: #254B47 !important;
    border-color: #254B47 !important;
    color: #FFFDF6 !important;
}

.secondary-btn.outline,
.outline,
.current-year-display input,
.form-input,
.form-select,
.number-input,
#targetYear {
    background: #FFFDF8 !important;
    color: #25231E !important;
    border-color: #BFB19E !important;
    box-shadow: none !important;
}

.entry-tag,
.keyword-tag,
.badge,
.star-tag,
.pro-term,
.floor-cta-btn,
.topic-tab.active,
.progress-dot.active {
    background: #E8E1D0 !important;
    color: #344E5C !important;
    border-color: #CFC3B0 !important;
    text-shadow: none !important;
}

.intent-icon,
.card-icon-wrapper,
.card-icon,
.tab-icon,
.input-label {
    background: #E5EBDD !important;
    color: #2F5D58 !important;
    border-color: #C7D1C0 !important;
}

.home-floor::before,
.ziwei-form-container::before,
.daily-card::before,
.personal-divination-section::before,
.analysis-card::before {
    background: #6F8F7B !important;
}

.entry-card:hover,
.intent-card:hover {
    background: #F7F2E8 !important;
}

.entry-card:hover .entry-tag,
.secondary-btn.outline:hover {
    color: #2F5D58 !important;
    background: #E5EBDD !important;
    border-color: #AEBEA8 !important;
}

.entry-card:hover .card-icon-wrapper,
.intent-card:hover .intent-icon {
    color: #2F5D58 !important;
    background: #E5EBDD !important;
}

.card-arrow,
.entry-card:hover .card-arrow {
    color: #6F8F7B !important;
}

.chart-bar {
    background: #2F5D58 !important;
}

.highlight-box {
    border-left-color: #6F8F7B !important;
}

.gender-option input:checked + .gender-card,
.topic-tab.active {
    color: #25231E !important;
    background: #E5EBDD !important;
    border-color: #6F8F7B !important;
}

@media (max-width: 768px) {
    .nav-center a {
        color: #25231E !important;
        background: #FFFDF6 !important;
        border-color: #D1C4B1 !important;
    }
}

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

#background {
    background:
        radial-gradient(circle at 18% 6%, rgba(127, 146, 123, 0.10), transparent 32%),
        radial-gradient(circle at 88% 14%, rgba(138, 126, 98, 0.08), transparent 30%),
        linear-gradient(180deg, #F5F0E7 0%, #EEE6D8 100%) !important;
}

.site-main,
.page-container,
.page-container > *,
.home-floor,
.year-banner,
.ziwei-form-container,
.analysis-container,
.daily-two-col,
.daily-two-col > *,
.dual-entry-grid,
.dual-entry-grid > *,
.intent-grid,
.intent-grid > *,
.fortune-container,
.daily-container {
    box-sizing: border-box !important;
    max-width: 100% !important;
}

.site-main {
    width: 100% !important;
    padding-left: clamp(12px, 3vw, 24px) !important;
    padding-right: clamp(12px, 3vw, 24px) !important;
}

.page-container {
    width: min(100%, 1040px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.home-floor,
.year-banner,
.ziwei-form-container,
.analysis-container,
.analysis-card,
.daily-card,
.personal-divination-section,
.daily-two-col > .daily-inspiration-section,
.daily-two-col > .personal-divination-section,
.guide-card,
.weekly-trend-section,
.hex-left,
.hex-right,
.hex-cta-banner,
.hexagram-quote,
.hexagram-details,
.inspiration-overview,
.inspiration-keywords,
.inspiration-guidance .guidance-section,
.inspiration-scenarios .scenario,
.inspiration-quote,
.divination-intro,
.number-input-section,
.input-group,
.result-header,
.intent-card,
.entry-card,
.topic-tab,
.gender-card,
.highlight-box,
.star-row,
.hexagram-result,
.hexagram-result-card,
.hexagram-card,
.related-hex-card,
.outfit-card,
.guide-section {
    background: #FDF9F0 !important;
    border-color: #D7CCBA !important;
    color: #2C2A24 !important;
    box-shadow: 0 6px 18px rgba(62, 70, 55, 0.055) !important;
}

.year-banner {
    background:
        radial-gradient(circle at 72% 34%, rgba(190, 164, 126, 0.16), transparent 36%),
        linear-gradient(180deg, #FBF5EA 0%, #F4EADC 100%) !important;
}

.year-banner::before,
.home-floor::before,
.ziwei-form-container::before,
.daily-card::before,
.personal-divination-section::before,
.analysis-card::before {
    background: #8B9A7A !important;
}

.subtitle,
.year-highlight,
.year-title,
.home-section-title,
.home-section-title .title-text,
.entry-title,
.intent-title,
.daily-header h2,
.divination-intro h2,
.ziwei-form-container h2,
.result-header h3,
.guide-card h4,
.weekly-trend-section h4,
.palace-title,
.hexagram-name,
.inspiration-title,
.report-title,
.star-badge,
.hexagram-title,
.section-title,
.outfit-title,
.guide-title {
    color: #2C2A24 !important;
    -webkit-text-fill-color: #2C2A24 !important;
    text-shadow: none !important;
}

.description,
.year-desc-group p,
.floor-sub-text,
.banner-subtitle,
.intent-desc,
.entry-desc,
.home-section-title .subtitle,
.result-date,
.report-text,
.highlight-content,
.star-body,
.analysis-text,
.analysis-text p,
.analysis-text div,
.analysis-text span,
.analysis-text li,
.trend-summary,
.outfit-meaning,
.outfit-style,
.inspiration-overview p,
.inspiration-scenarios .scenario p,
.inspiration-quote blockquote,
.action-list li,
.hexagram-desc,
.hexagram-meaning,
.guide-content,
.guide-text {
    color: #5E574B !important;
    -webkit-text-fill-color: #5E574B !important;
    text-shadow: none !important;
}

.analysis-container [style*="color:#fff"],
.analysis-container [style*="color: #fff"],
.analysis-container [style*="rgba(255,255,255"],
.analysis-container [style*="rgba(255, 255, 255"],
.daily-card [style*="color:#fff"],
.daily-card [style*="color: #fff"],
.daily-card [style*="rgba(255,255,255"],
.daily-card [style*="rgba(255, 255, 255"],
.hexagram-result [style*="color:#fff"],
.hexagram-result [style*="color: #fff"],
.hexagram-result [style*="rgba(255,255,255"],
.hexagram-result [style*="rgba(255, 255, 255"] {
    color: #5E574B !important;
    -webkit-text-fill-color: #5E574B !important;
    text-shadow: none !important;
}

.calc-btn,
.draw-btn,
.secondary-btn:not(.outline),
.share-btn,
.random-btn,
.year-btn,
button.calc-btn,
button.draw-btn,
button.year-btn,
a.secondary-btn:not(.outline),
input[type="submit"] {
    background: #3E665F !important;
    border-color: #3E665F !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    text-shadow: none !important;
}

.calc-btn *,
.draw-btn *,
.secondary-btn:not(.outline) *,
.share-btn *,
.random-btn *,
.year-btn * {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}

.calc-btn:hover,
.draw-btn:hover:not(:disabled),
.secondary-btn:hover:not(.outline),
.share-btn:hover,
.random-btn:hover,
.year-btn:hover {
    background: #355852 !important;
    border-color: #355852 !important;
    color: #FFFFFF !important;
}

.secondary-btn.outline,
.outline,
.current-year-display input,
.form-input,
.form-select,
.number-input,
#targetYear {
    background: #FFFDF7 !important;
    color: #2C2A24 !important;
    -webkit-text-fill-color: #2C2A24 !important;
    border-color: #CFC2AE !important;
    text-shadow: none !important;
}

.entry-tag,
.keyword-tag,
.badge,
.star-tag,
.pro-term,
.floor-cta-btn,
.topic-tab.active,
.progress-dot.active {
    background: #E8E2D4 !important;
    color: #3E665F !important;
    -webkit-text-fill-color: #3E665F !important;
    border-color: #D3C8B6 !important;
    text-shadow: none !important;
}

.intent-icon,
.card-icon-wrapper,
.card-icon,
.tab-icon,
.input-label {
    background: #E4E9DC !important;
    color: #3E665F !important;
    -webkit-text-fill-color: #3E665F !important;
    border-color: #C9D2BF !important;
}

.chart-bar,
.hex-line.solid,
.hex-line.broken::before,
.hex-line.broken::after {
    background: #B78C4B !important;
}

.related-hex-card,
.hexagram-card {
    background: #8B887E !important;
}

.related-hex-card *,
.hexagram-card * {
    text-shadow: none !important;
}

.highlight-box {
    border-left-color: #8B9A7A !important;
}

@media (max-width: 768px) {
    .site-main {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .page-container {
        width: 100% !important;
    }

    .home-floor,
    .year-banner,
    .ziwei-form-container,
    .analysis-container,
    .daily-card,
    .personal-divination-section,
    .guide-card,
    .weekly-trend-section,
    .analysis-card {
        width: 100% !important;
        padding-left: clamp(14px, 4vw, 20px) !important;
        padding-right: clamp(14px, 4vw, 20px) !important;
    }

    .daily-two-col,
    .dual-entry-grid,
    .daily-guides-grid {
        grid-template-columns: 1fr !important;
        width: 100% !important;
    }

    .chart-container,
    .bar-chart {
        width: 100% !important;
        min-width: 0 !important;
    }

    .related-hex-grid,
    .hexagram-grid,
    .outfit-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Flat light palette: remove glow and dark blocks */
#background {
    background: #F3EFE6 !important;
}

#background::before,
#background::after {
    display: none !important;
}

.year-banner {
    background: #F8F2E7 !important;
    border-color: #D8CCB9 !important;
    box-shadow: none !important;
}

.home-floor,
.ziwei-form-container,
.analysis-container,
.analysis-card,
.daily-card,
.personal-divination-section,
.daily-two-col > .daily-inspiration-section,
.daily-two-col > .personal-divination-section,
.guide-card,
.weekly-trend-section,
.hex-left,
.hex-right,
.hex-cta-banner,
.hexagram-quote,
.hexagram-details,
.inspiration-overview,
.inspiration-keywords,
.inspiration-guidance .guidance-section,
.inspiration-scenarios .scenario,
.inspiration-quote,
.divination-intro,
.number-input-section,
.input-group,
.result-header,
.intent-card,
.entry-card,
.topic-tab,
.gender-card,
.highlight-box,
.star-row,
.hexagram-result,
.hexagram-result-card,
.hexagram-card,
.related-hex-card,
.outfit-card,
.guide-section {
    background: #FFFCF5 !important;
    border-color: #D8CCB9 !important;
    box-shadow: none !important;
}

.related-hex-card,
.hexagram-card {
    background: #F1EADC !important;
}

.related-hex-card *,
.hexagram-card * {
    color: #2C2A24 !important;
    -webkit-text-fill-color: #2C2A24 !important;
}

.entry-tag,
.keyword-tag,
.badge,
.star-tag,
.pro-term,
.floor-cta-btn,
.topic-tab.active,
.progress-dot.active,
.intent-icon,
.card-icon-wrapper,
.card-icon,
.tab-icon,
.input-label {
    background: #ECE6D8 !important;
    color: #3F5F58 !important;
    -webkit-text-fill-color: #3F5F58 !important;
    border-color: #D4C8B5 !important;
}

.calc-btn,
.draw-btn,
.secondary-btn:not(.outline),
.share-btn,
.random-btn,
.year-btn,
button.calc-btn,
button.draw-btn,
button.year-btn,
a.secondary-btn:not(.outline),
input[type="submit"] {
    background: #DDE6DA !important;
    border-color: #C6D3C1 !important;
    color: #263D38 !important;
    -webkit-text-fill-color: #263D38 !important;
    box-shadow: none !important;
}

.calc-btn *,
.draw-btn *,
.secondary-btn:not(.outline) *,
.share-btn *,
.random-btn *,
.year-btn * {
    color: #263D38 !important;
    -webkit-text-fill-color: #263D38 !important;
}

.calc-btn:hover,
.draw-btn:hover:not(:disabled),
.secondary-btn:hover:not(.outline),
.share-btn:hover,
.random-btn:hover,
.year-btn:hover {
    background: #D2DEC9 !important;
    border-color: #B8C8B2 !important;
    color: #263D38 !important;
}

.secondary-btn.outline,
.outline,
.current-year-display input,
.form-input,
.form-select,
.number-input,
#targetYear {
    background: #FFFCF5 !important;
    border-color: #D1C3AE !important;
    color: #2C2A24 !important;
    -webkit-text-fill-color: #2C2A24 !important;
}

.year-highlight,
.subtitle,
.year-title,
.home-section-title,
.home-section-title .title-text,
.entry-title,
.intent-title,
.daily-header h2,
.divination-intro h2,
.ziwei-form-container h2,
.result-header h3,
.guide-card h4,
.weekly-trend-section h4,
.palace-title,
.hexagram-name,
.inspiration-title,
.report-title,
.star-badge {
    color: #2C2A24 !important;
    -webkit-text-fill-color: #2C2A24 !important;
}

.chart-bar,
.hex-line.solid,
.hex-line.broken::before,
.hex-line.broken::after {
    background: #B79A63 !important;
}

/* Final readability guard for light hexagram result cards. Keep this last. */
.hexagram-result,
.hexagram-result p,
.hexagram-result li,
.hexagram-summary,
.hexagram-interpretation p,
.hexagram-scenarios p,
.plum-blossom-info,
.plum-blossom-info p,
.related-hex-grid,
.mini-hex,
.mini-hex p,
.hexagram-header p,
.inspiration-guidance .guidance-section p,
.inspiration-guidance .guidance-section li,
.hexagram-guidance .guidance-section p,
.hexagram-guidance .guidance-section li {
    color: #3b3028 !important;
    text-shadow: none !important;
}

.hexagram-result h3,
.hexagram-result h4,
.hexagram-interpretation h4,
.mini-hex h4,
.inspiration-guidance .guidance-section strong,
.hexagram-guidance .guidance-section h4 {
    text-shadow: none !important;
}

.hexagram-quote {
    color: #5b4a3d !important;
    text-shadow: none !important;
}