/* =========================================================================
       天青国风·宋韵极简生辰八字起名与测名案台专属样式
       ========================================================================= */
    .tq-fortune-dadian-widget {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        background: #FAF8F4;
        border-radius: 12px;
        box-shadow: 0 4px 20px rgba(71, 123, 121, 0.08), 0 1px 3px rgba(0, 0, 0, 0.03);
        border: 1px solid #DFD7C8;
        outline: none;
        overflow: hidden;
        font-family: var(--font-family-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif);
        position: relative;
        box-sizing: border-box;
    }
    .portal-hero-widget-wrap .tq-fortune-dadian-widget {
        max-width: 100%;
        margin: 0 auto;
    }

    /* 1. 轻量碑帖书卷选项卡 */
    .tq-dadian-tabs {
        display: flex;
        background: #EDE6D9;
        border-bottom: 1px solid #DCD1C0;
        padding: 5px 8px 0;
        gap: 6px;
    }
    .tq-tab-dadian {
        flex: 1;
        padding: 10px 14px 9px;
        border: 1px solid transparent;
        border-bottom: none;
        border-radius: 8px 8px 0 0;
        background: transparent;
        cursor: pointer;
        transition: all 0.2s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        text-align: left;
        position: relative;
        color: #695D4F;
    }
    .tq-tab-dadian .tab-icon-seal {
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
        border-radius: 4px;
        background: rgba(71, 123, 121, 0.12);
        color: var(--color-accent, #477B79);
        font-family: var(--font-family-serif, serif);
        font-weight: 700;
        flex-shrink: 0;
        transition: all 0.2s ease;
    }
    .tq-tab-dadian .tab-text-group {
        display: flex;
        flex-direction: column;
    }
    .tq-tab-dadian .tab-primary-label {
        font-size: 14.5px;
        font-weight: 600;
        font-family: var(--font-family-serif, serif);
        color: inherit;
        letter-spacing: 0.5px;
    }
    .tq-tab-dadian .tab-secondary-hint {
        display: none;
    }
    .tq-tab-dadian:hover {
        background: rgba(255, 255, 255, 0.45);
        color: var(--color-accent, #477B79);
    }
    .tq-tab-dadian.active {
        background: #FAF8F4;
        border-color: #DCD1C0;
        color: var(--color-accent, #477B79);
        font-weight: bold;
    }
    .tq-tab-dadian.active::after {
        content: '';
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        height: 2px;
        background: #FAF8F4;
    }
    .tq-tab-dadian.active .tab-icon-seal {
        background: var(--color-accent, #477B79);
        color: #FFFFFF;
    }
    .tq-tab-dadian.active .tab-primary-label {
        color: var(--color-accent, #477B79);
        font-weight: 700;
    }

    /* 2. 表单容器 */
    .tq-dadian-form {
        padding: 18px 22px 20px;
        background: transparent;
    }
    @media (max-width: 650px) {
        .tq-dadian-form { padding: 14px 12px 16px; }
        .tq-tab-dadian { padding: 8px 6px; gap: 5px; justify-content: center; }
        .tq-tab-dadian .tab-icon-seal { width: 18px; height: 18px; font-size: 10.5px; }
        .tq-tab-dadian .tab-primary-label { font-size: 13px; text-align: center; }
        .tq-btn-dadian-primary { width: 100%; box-sizing: border-box; padding: 11px 16px; font-size: 15px; }
    }
    @media (max-width: 480px) {
        .tq-time-section, .tq-element-section, .tq-style-section { padding: 9px 9px !important; }
        .dadian-select-row { grid-template-columns: 1fr 1fr; gap: 6px; }
        .select-cell-hour { grid-column: span 2; }
        .tq-element-grid, .tq-style-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
        .tq-gender-card { padding: 6px 8px; }
        .tq-gender-card .gender-title { font-size: 12.5px; }
        .tq-gender-card .gender-desc small { font-size: 10px; }
    }

    /* 字段标题与优雅指示条 (告别刺眼红色补丁方块) */
    .dadian-label {
        display: flex;
        align-items: center;
        gap: 6px;
        font-weight: 600;
        margin-bottom: 6px;
        color: #2D2925;
        font-size: 13.5px;
        letter-spacing: 0.3px;
        font-family: var(--font-family-serif, serif);
    }
    .dadian-label::before {
        content: '';
        display: inline-block;
        width: 3px;
        height: 12px;
        background: var(--color-accent, #477B79);
        border-radius: 2px;
        margin-right: 1px;
    }
    .label-badge-char {
        display: none !important;
    }
    .dadian-label .req { color: #A63435; font-weight: bold; margin-left: 2px; }

    .tq-core-inputs-row {
        display: grid;
        grid-template-columns: 1.15fr 1.35fr;
        gap: 14px;
        margin-bottom: 12px;
    }
    .tq-core-inputs-row:not(.mode-generate) {
        grid-template-columns: 1.2fr 1fr 1.3fr;
    }
    @media (max-width: 768px) {
        .tq-core-inputs-row { grid-template-columns: 1fr !important; gap: 10px; }
    }

    .tq-input-wrap input[type="text"] {
        width: 100%;
        padding: 9px 12px;
        border: 1px solid #D6CEBE;
        border-radius: 6px;
        font-size: 14px;
        box-sizing: border-box;
        background: #FFFFFF;
        color: #242629;
        transition: all 0.2s ease;
    }
    .tq-input-wrap input[type="text"]:focus {
        border-color: var(--color-accent, #477B79);
        outline: none;
        background: #FFFFFF;
        box-shadow: 0 0 0 3px rgba(71, 123, 121, 0.12);
    }
    .field-hint-note {
        font-size: 11.5px;
        color: #8C8276;
        margin-top: 5px;
    }

    /* 内嵌常用大姓快捷栏 (淡雅素色风格) */
    .tq-inline-surnames {
        margin-top: 7px;
        display: flex;
        align-items: center;
        gap: 5px;
        flex-wrap: wrap;
    }
    .inline-sn-title {
        font-size: 11.5px;
        color: #8C8276;
        white-space: nowrap;
    }
    .inline-sn-chips {
        display: flex;
        gap: 3px;
        flex-wrap: wrap;
        align-items: center;
    }
    .sn-quick-btn {
        background: #F3ECE1;
        border: 1px solid #DDD3C3;
        color: #554C42;
        padding: 1px 6px;
        border-radius: 4px;
        font-size: 11.5px;
        cursor: pointer;
        transition: all 0.15s ease;
        line-height: 1.4;
    }
    .sn-quick-btn:hover {
        background: var(--color-accent, #477B79);
        color: #FFFFFF;
        border-color: var(--color-accent, #477B79);
    }
    .sn-quick-more {
        font-size: 11.5px;
        color: var(--color-accent, #477B79);
        text-decoration: none;
        padding: 1px 5px;
        border-radius: 4px;
        font-weight: 500;
        white-space: nowrap;
        transition: all 0.15s ease;
        line-height: 1.4;
    }
    .sn-quick-more:hover {
        text-decoration: underline;
    }

    /* 命造性别精修卡片 (宋韵印章印记，告别粗糙 Emoji) */
    .tq-gender-cards {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }
    .tq-gender-card {
        cursor: pointer;
        position: relative;
        border: 1px solid #DCD3C4;
        border-radius: 6px;
        background: #FFFFFF;
        padding: 7px 10px;
        transition: all 0.2s ease;
        display: block;
        user-select: none;
        box-sizing: border-box;
    }
    .tq-gender-card input[type="radio"] {
        position: absolute;
        opacity: 0;
        pointer-events: none;
    }
    .gender-card-inner {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .gender-symbol {
        width: 28px;
        height: 28px;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-family: var(--font-family-serif, serif);
        font-weight: 700;
        background: #F3EDE2;
        color: #6C5B49;
        border: 1px solid #DCD1C0;
        flex-shrink: 0;
        transition: all 0.2s ease;
    }
    .gender-desc {
        display: flex;
        flex-direction: column;
        min-width: 0;
    }
    .gender-title {
        font-size: 12.5px;
        color: #2D2925;
        font-family: var(--font-family-serif, serif);
        letter-spacing: 0.3px;
    }
    .gender-desc small {
        font-size: 10px;
        color: #8C8276;
        white-space: nowrap;
        margin-top: 1px;
    }
    .tq-gender-card:hover {
        border-color: var(--color-accent, #477B79);
        background: #FAF8F3;
    }
    .tq-gender-card.active {
        border-color: var(--color-accent, #477B79);
        background: #F0F6F5;
        box-shadow: 0 2px 6px rgba(71, 123, 121, 0.12);
    }
    .tq-gender-card.active .gender-symbol {
        background: var(--color-accent, #477B79);
        color: #FFFFFF;
        border-color: var(--color-accent, #477B79);
    }
    .tq-gender-card.active .gender-title {
        color: var(--color-accent, #477B79);
        font-weight: 700;
    }

    /* 区域容器公用 (通透淡雅纸底，告别厚重灰底) */
    .tq-time-section,
    .tq-element-section,
    .tq-style-section {
        background: #FFFFFF;
        border: 1px solid #E4DDD1;
        border-radius: 8px;
        padding: 10px 14px;
        margin-bottom: 12px;
        transition: all 0.2s ease;
    }

    /* 头部标题与典籍副标行 */
    .time-header-line,
    .style-header-line {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 8px;
        flex-wrap: wrap;
        gap: 6px;
    }
    .field-title-group,
    .style-title-group {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
    }
    .field-sub-lead,
    .style-sub-lead {
        font-size: 11.5px;
        color: #8C8276;
        font-weight: normal;
        letter-spacing: 0.2px;
    }
    /* 典籍印章式来源签 (低饱和文雅古纸色，告别粉红杂色) */
    .style-provenance-tag {
        font-size: 11px;
        background: #F3ECE1;
        color: #7A6955;
        border: 1px solid #DDD3C3;
        padding: 2px 8px;
        border-radius: 4px;
        font-weight: 500;
        font-family: var(--font-family-serif, serif);
        letter-spacing: 0.3px;
    }

    /* 起名风格流派网格 (去小印章，纯净字席排布) */
    .tq-style-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }
    @media (max-width: 480px) {
        .tq-style-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
    }
    .tq-style-card {
        background: #FFFFFF;
        border: 1px solid #DDD4C4;
        border-radius: 6px;
        padding: 6px 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        text-align: center;
        transition: all 0.2s ease;
        position: relative;
        min-height: 32px;
        min-width: 0;
        box-sizing: border-box;
        overflow: hidden;
    }
    .tq-style-card:hover {
        border-color: var(--color-accent, #477B79);
        background: #FAF8F4;
        transform: translateY(-1px);
        box-shadow: 0 2px 6px rgba(71, 123, 121, 0.08);
    }
    .tq-style-card.active {
        background: #F0F6F5;
        border-color: var(--color-accent, #477B79);
        box-shadow: 0 2px 8px rgba(71, 123, 121, 0.16);
    }
    .style-card-seal {
        display: none; /* 移除冗余的碎印章，让文字席位更舒展整洁 */
    }
    .style-card-body {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 0;
        overflow: hidden;
    }
    .style-card-name {
        font-size: 12.5px;
        color: #2D2925;
        font-family: var(--font-family-serif, serif);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.2;
        letter-spacing: 0.5px;
    }
    .tq-style-card.active .style-card-name {
        color: var(--color-accent, #477B79);
        font-weight: 700;
    }
    .style-card-sub {
        display: none;
    }

    /* 五行喜用偏好锁定提示 */
    .tq-element-locked-notice {
        background: #FAF6EE;
        border: 1px solid #DCD0BD;
        border-radius: 6px;
        padding: 6px 10px;
        margin-bottom: 8px;
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
    }
    .el-seal-pill {
        background: #7A5B3E;
        color: #FFFFFF;
        font-size: 11px;
        font-weight: bold;
        padding: 2px 7px;
        border-radius: 3px;
        white-space: nowrap;
        font-family: var(--font-family-serif, serif);
    }
    .el-text-desc {
        font-size: 11.5px;
        color: #554432;
        flex: 1;
        min-width: 180px;
        line-height: 1.4;
    }
    .btn-clear-element {
        background: transparent;
        border: 1px dashed #A68660;
        color: #7A5B3E;
        border-radius: 3px;
        padding: 1px 6px;
        font-size: 11px;
        cursor: pointer;
        transition: all 0.2s ease;
    }
    .btn-clear-element:hover {
        background: #7A5B3E;
        color: #FFFFFF;
    }

    /* 高级起名偏好折叠抽屉 (精简首屏高度与认知负荷) */
    .tq-advanced-prefs-accordion {
        margin: 10px 0 8px;
        border: 1px dashed #DCD1C0;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.45);
        transition: all 0.25s ease;
        overflow: hidden;
    }
    .tq-advanced-prefs-accordion.is-expanded {
        border-style: solid;
        border-color: #D6CAB7;
        background: rgba(250, 248, 244, 0.85);
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.02);
    }
    .tq-advanced-toggle-btn {
        width: 100%;
        display: flex;
        align-items: center;
        padding: 8px 12px;
        background: transparent;
        border: none;
        cursor: pointer;
        text-align: left;
        font-family: inherit;
        color: #695D4F;
        transition: all 0.2s ease;
        gap: 8px;
    }
    .tq-advanced-toggle-btn:hover {
        background: rgba(237, 230, 217, 0.5);
        color: var(--color-accent, #477B79);
    }
    .tq-advanced-toggle-btn .toggle-icon-wrap {
        width: 18px;
        height: 18px;
        border-radius: 4px;
        background: rgba(71, 123, 121, 0.12);
        color: var(--color-accent, #477B79);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        font-size: 13px;
        flex-shrink: 0;
        line-height: 1;
        transition: all 0.2s ease;
    }
    .tq-advanced-prefs-accordion.is-expanded .toggle-icon-wrap {
        background: var(--color-accent, #477B79);
        color: #FFFFFF;
    }
    .tq-advanced-toggle-btn .toggle-title {
        font-weight: 600;
        font-family: var(--font-family-serif, serif);
        color: #4A3E31;
        font-size: 13.5px;
        letter-spacing: 0.3px;
        white-space: nowrap;
    }
    .tq-advanced-toggle-btn .toggle-hint-pill {
        font-size: 11px;
        color: #8A704C;
        background: rgba(201, 160, 99, 0.12);
        padding: 2px 8px;
        border-radius: 10px;
        flex-grow: 1;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .tq-advanced-toggle-btn .toggle-arrow {
        font-size: 12px;
        color: #8A704C;
        transition: transform 0.25s ease;
        flex-shrink: 0;
    }
    .tq-advanced-prefs-accordion.is-expanded .toggle-arrow {
        transform: rotate(180deg);
    }
    .tq-advanced-body {
        padding: 10px 12px 12px;
        border-top: 1px solid #EAE2D5;
    }
    .tq-advanced-body .tq-element-section {
        margin-bottom: 12px;
    }
    .tq-advanced-body .tq-style-section {
        margin-bottom: 0;
    }

    /* 五行喜用网格 (告别彩虹五彩杂色，回归统一古典玉石印章感) */
    .tq-element-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }
    @media (max-width: 480px) {
        .tq-element-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
    }
    .tq-element-card {
        background: #FFFFFF;
        border: 1px solid #DDD4C4;
        border-radius: 6px;
        padding: 6px 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        cursor: pointer;
        text-align: center;
        transition: all 0.2s ease;
        position: relative;
        min-height: 32px;
        min-width: 0;
        box-sizing: border-box;
        overflow: hidden;
    }
    .tq-element-card:hover {
        border-color: var(--color-accent, #477B79);
        background: #FAF8F4;
        transform: translateY(-1px);
        box-shadow: 0 2px 6px rgba(71, 123, 121, 0.08);
    }
    .tq-element-card.active {
        background: #F0F6F5;
        border-color: var(--color-accent, #477B79);
        box-shadow: 0 2px 8px rgba(71, 123, 121, 0.16);
    }
    .elem-card-seal {
        width: 20px;
        height: 20px;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
        font-weight: bold;
        font-family: var(--font-family-serif, serif);
        flex-shrink: 0;
        background: #F3ECE1;
        color: #6C5B49;
        border: 1px solid #DCD1C0;
        transition: all 0.2s ease;
    }
    .tq-element-card.active .elem-card-seal {
        background: var(--color-accent, #477B79);
        color: #FFFFFF;
        border-color: var(--color-accent, #477B79);
    }
    .elem-card-body {
        display: flex;
        align-items: center;
        min-width: 0;
        overflow: hidden;
    }
    .elem-card-name {
        font-size: 12px;
        color: #2D2925;
        font-family: var(--font-family-serif, serif);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.2;
    }
    .tq-element-card.active .elem-card-name {
        color: var(--color-accent, #477B79);
        font-weight: 700;
    }
    .elem-card-sub {
        display: none;
    }

    /* 五行字符胶囊徽标 */
    .elem-pill {
        font-size: 11.5px;
        font-weight: bold;
        padding: 1px 3px;
        border-radius: 3px;
        display: inline-block;
    }
    .elem-pill-土 { background: #F3ECE1; color: #7A5B3E; }
    .elem-pill-金 { background: #F5EFE6; color: #8A704C; }
    .elem-pill-木 { background: #EEF4EE; color: #3B724D; }
    .elem-pill-水 { background: #EDF3F7; color: #325A77; }
    .elem-pill-火 { background: #F8EFEF; color: #9A3838; }
    .name-item-pref-matched {
        border-color: #D8B98A !important;
        background: linear-gradient(135deg, #FFFFFF 0%, #FDFBF7 100%) !important;
        box-shadow: 0 4px 14px rgba(141, 88, 34, 0.08) !important;
    }

    /* 历法切换器与农历阳历提示 */
    .tq-cal-type-switcher {
        display: inline-flex;
        background: #EDE6D9;
        border: 1px solid #DCD1C0;
        border-radius: 16px;
        padding: 2px;
        gap: 2px;
    }
    .btn-cal-type {
        border: none;
        background: transparent;
        color: #756755;
        font-size: 11.5px;
        font-weight: 600;
        padding: 2px 10px;
        border-radius: 12px;
        cursor: pointer;
        transition: all 0.2s ease;
        font-family: var(--font-family-serif, serif);
        letter-spacing: 0.3px;
        line-height: 1.3;
    }
    .btn-cal-type:hover {
        color: var(--color-accent, #477B79);
    }
    .btn-cal-type.active {
        background: var(--color-accent, #477B79);
        color: #FFFFFF;
        box-shadow: 0 1px 4px rgba(71, 123, 121, 0.2);
    }
    .tq-cal-sync-hint {
        margin-top: 8px;
        padding: 4px 10px;
        background: #F8F5EE;
        border: 1px solid #E8E0D2;
        border-radius: 4px;
        font-size: 11.5px;
        color: #6D6050;
        display: flex;
        align-items: center;
        gap: 6px;
        line-height: 1.4;
    }
    .tq-cal-sync-hint .cal-hint-icon {
        color: var(--color-accent, #477B79);
        font-size: 12px;
    }
    .tq-cal-sync-hint strong {
        color: #2F5351;
    }

    .dadian-select-row {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.45fr);
        gap: 8px;
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }
    @media (max-width: 600px) {
        .dadian-select-row { grid-template-columns: 1fr 1fr; }
        .select-cell-hour { grid-column: span 2; }
    }
    .select-cell {
        display: flex;
        flex-direction: column;
        min-width: 0;
    }
    .select-addon {
        font-size: 11px;
        color: #8C8276;
        margin-bottom: 3px;
        font-weight: 500;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .select-cell select {
        width: 100%;
        min-width: 0;
        padding: 7px 8px;
        border: 1px solid #D6CEBE;
        border-radius: 5px;
        font-size: 13px;
        background: #FFFFFF;
        color: #242629;
        text-overflow: ellipsis;
        box-sizing: border-box;
        transition: all 0.2s ease;
    }
    .select-cell select:focus {
        border-color: var(--color-accent, #477B79);
        outline: none;
        box-shadow: 0 0 0 2px rgba(71, 123, 121, 0.12);
    }

    /* 仪式感大典提交行动区 (纯正朱砂主按钮，去内部小金框) */
    .dadian-submit-wrap {
        text-align: center;
        margin-top: 14px;
    }
    .tq-btn-dadian-primary {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        background: linear-gradient(135deg, #A63435 0%, #8C2224 100%);
        color: #FFFFFF;
        border: 1px solid #78191B;
        padding: 11px 44px;
        font-size: 16px;
        font-weight: 600;
        font-family: var(--font-family-serif, serif);
        letter-spacing: 1.2px;
        border-radius: 28px;
        cursor: pointer;
        box-shadow: 0 4px 16px rgba(166, 52, 53, 0.25);
        transition: all 0.2s ease;
    }
    .tq-btn-dadian-primary .btn-seal {
        display: none; /* 移除按钮内小金印框，更纯粹端庄 */
    }
    .tq-btn-dadian-primary .btn-arrow {
        font-size: 18px;
        transition: transform 0.2s ease;
    }
    .tq-btn-dadian-primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(166, 52, 53, 0.36);
        background: linear-gradient(135deg, #B53B3C 0%, #942527 100%);
    }
    .tq-btn-dadian-primary:hover .btn-arrow {
        transform: translateX(4px);
    }
    .tq-btn-dadian-primary:active {
        transform: translateY(1px);
    }

    /* 沉浸式四步推演动效 */
    .tq-divination-loading {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 14px;
        background: #FAF7F0;
        border: 1.5px solid #C9A063;
        border-radius: 30px;
        padding: 12px 28px;
        max-width: 560px;
        margin: 0 auto;
        box-shadow: 0 4px 16px rgba(201, 160, 99, 0.2);
    }
    .loading-seal-spin {
        font-size: 24px;
        line-height: 1;
        animation: spinBagua 3s linear infinite;
        color: var(--color-accent, #477B79);
    }
    @keyframes spinBagua {
        from { transform: rotate(0deg); }
        to { transform: rotate(360deg); }
    }
    .loading-phase-text {
        font-size: 13.5px;
        color: #554432;
        font-weight: 600;
        font-family: var(--font-family-serif, serif);
        letter-spacing: 0.5px;
    }

    .dadian-security-guarantee {
        margin-top: 10px;
        font-size: 11.5px;
        color: #8C8276;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
        letter-spacing: 0.2px;
    }
    .dadian-security-guarantee .dot-sep {
        color: #DDD3C3;
    }

    /* 世系字辈联动提示框 */
    .tq-zibei-from-tree-notice {
        background: #FAF6EE;
        border: 1px solid #DCD0BD;
        color: #6C5430;
        padding: 10px 14px;
        border-radius: 8px;
        font-size: 13px;
        margin-bottom: 14px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }
    .zibei-seal-badge {
        font-weight: bold;
        white-space: nowrap;
    }
    .btn-clear-zibei {
        background: none;
        border: none;
        color: #A63435;
        cursor: pointer;
        font-size: 12px;
        white-space: nowrap;
        font-weight: 600;
    }

    /* =========================================================================
       结果呈现区域样式强化 (Results Container)
       ========================================================================= */
    .tq-result-container {
        padding: 28px 32px;
        background: var(--color-bg-alt, #FAF8F3);
        border-top: 2px dashed #E2D9CB;
    }
    @media (max-width: 650px) {
        .tq-result-container { padding: 20px 14px; }
    }

    /* 总分与评测牌楼 */
    .tq-score-banner {
        text-align: center;
        padding: 24px 20px;
        background: #FFFFFF;
        border: 1.5px solid #E2D9CB;
        border-radius: 12px;
        margin-bottom: 24px;
        box-shadow: 0 4px 16px rgba(36, 38, 41, 0.04);
        position: relative;
    }
    .tq-score-circle {
        display: inline-block;
        width: 88px;
        height: 88px;
        line-height: 88px;
        border-radius: 50%;
        background: linear-gradient(135deg, #A63435 0%, #881F20 100%);
        color: #FFFFFF;
        font-size: 34px;
        font-weight: bold;
        font-family: var(--font-family-serif, serif);
        margin-bottom: 12px;
        box-shadow: 0 4px 16px rgba(166, 52, 53, 0.3);
        border: 2px solid #C9A063;
    }
    .tq-section-title {
        font-size: 17px;
        font-weight: bold;
        font-family: var(--font-family-serif, serif);
        color: var(--color-text, #242629);
        margin: 24px 0 14px;
        border-left: 4.5px solid var(--color-accent, #477B79);
        padding-left: 12px;
        letter-spacing: 0.5px;
    }

    /* 康熙活字字理卡片 */
    .tq-chars-row {
        display: flex;
        gap: 14px;
        margin: 16px 0 22px;
        justify-content: center;
        flex-wrap: wrap;
    }
    .tq-char-card {
        background: #FFFFFF;
        border: 1.5px solid #E2D9CB;
        border-radius: 10px;
        padding: 14px 24px;
        text-align: center;
        box-shadow: 0 3px 10px rgba(36, 38, 41, 0.04);
        transition: transform 0.2s ease;
    }
    .tq-char-card:hover {
        transform: translateY(-3px);
        border-color: var(--color-accent, #477B79);
    }
    .tq-char-glyph {
        font-size: 32px;
        font-weight: bold;
        color: var(--color-auspicious, #A63435);
        font-family: var(--font-family-serif, serif);
    }

    /* 八字与五格传统表格 (兼容后备) */
    .tq-bazi-table, .tq-wuge-table {
        width: 100%;
        border-collapse: collapse;
        background: #FFFFFF;
        margin-bottom: 20px;
        font-size: 14px;
        border-radius: 8px;
        overflow: hidden;
        border: 1.5px solid #E2D9CB;
    }
    .tq-bazi-table th, .tq-bazi-table td,
    .tq-wuge-table th, .tq-wuge-table td {
        border: 1px solid #E8E2D6;
        padding: 11px 14px;
        text-align: center;
    }
    .tq-bazi-table th, .tq-wuge-table th {
        background: #F8F5EE;
        color: var(--color-text, #242629);
        font-weight: 600;
        font-family: var(--font-family-serif, serif);
    }

    /* =========================================================
       国风大典·生辰八字考据卡片 (.tq-bazi-dadian-card)
       ========================================================= */
    .tq-bazi-dadian-card {
        background: #FFFFFF;
        border: 1.5px solid #E2D9CB;
        border-radius: 12px;
        padding: 22px 24px;
        margin-bottom: 22px;
        box-shadow: 0 4px 18px rgba(138, 112, 76, 0.05);
        position: relative;
    }
    .tq-bzd-header {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding-bottom: 14px;
        border-bottom: 1px dashed #E5DFD3;
        margin-bottom: 18px;
    }
    .tq-bzd-time-info {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px 12px;
        font-size: 13.5px;
        color: #4B443B;
    }
    .tq-bzd-time-item {
        display: inline-flex;
        align-items: center;
        gap: 4px;
    }
    .tq-bzd-time-divider {
        color: #D2C7B5;
    }
    .tq-tag-lunar {
        background: rgba(71, 123, 121, 0.12);
        color: #477B79;
        font-size: 11.5px;
        padding: 1px 7px;
        border-radius: 4px;
        font-weight: 600;
    }
    .tq-bzd-daymaster-tag {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: #FAF8F5;
        border: 1px solid #D9CBB2;
        padding: 4px 12px;
        border-radius: 20px;
    }
    .tq-bzd-dm-label {
        font-size: 12px;
        color: #8A704C;
        font-weight: 500;
    }
    .tq-bzd-dm-val {
        font-size: 15px;
        font-weight: 700;
        color: #8A1818;
        font-family: var(--font-family-serif, serif);
    }
    .tq-bzd-strength-badge {
        font-size: 11.5px;
        font-weight: 700;
        padding: 2px 8px;
        border-radius: 10px;
    }
    .tq-strength-wang {
        background: #FFEBEE;
        color: #C62828;
        border: 1px solid #FFCDD2;
    }
    .tq-strength-ruo {
        background: #E3F2FD;
        color: #1565C0;
        border: 1px solid #BBDEFB;
    }
    .tq-strength-zhonghe {
        background: #E8F5E9;
        color: #2E7D32;
        border: 1px solid #C8E6C9;
    }

    /* 四柱排盘网格 */
    .tq-bzd-pillars-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 12px;
        margin-bottom: 20px;
    }
    @media (max-width: 600px) {
        .tq-bzd-pillars-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
        }
    }
    .tq-bzd-pillar-item {
        background: #FAF8F5;
        border: 1px solid #E5DFD3;
        border-radius: 8px;
        text-align: center;
        padding: 12px 6px;
        transition: all 0.2s ease;
        position: relative;
    }
    .tq-bzd-pillar-item:hover {
        border-color: #C9A063;
        transform: translateY(-2px);
        box-shadow: 0 4px 10px rgba(138, 112, 76, 0.08);
    }
    .tq-bzd-pillar-day {
        background: linear-gradient(180deg, #FBF7EE 0%, #FFFFFF 100%);
        border: 1.5px solid #D4AF37;
        box-shadow: 0 2px 8px rgba(212, 175, 55, 0.12);
    }
    .tq-bzd-pillar-head {
        font-size: 12px;
        color: #736757;
        margin-bottom: 6px;
        font-weight: 600;
    }
    .tq-bzd-pillar-day .tq-bzd-pillar-head {
        color: #8A1818;
    }
    .tq-bzd-pillar-ganzhi {
        font-size: 24px;
        font-weight: 700;
        color: #242629;
        font-family: var(--font-family-serif, serif);
        letter-spacing: 2px;
        margin-bottom: 8px;
        line-height: 1.2;
    }
    .tq-bzd-pillar-nayin {
        display: inline-block;
        font-size: 12px;
        color: #8A704C;
        background: #FFFFFF;
        border: 1px solid #E2D9CB;
        padding: 2px 8px;
        border-radius: 12px;
        font-weight: 500;
    }

    /* 五行能量分布 (Visual Progress Bars) */
    .tq-bzd-wuxing-section {
        background: #FAF9F6;
        border: 1px solid #E8E2D6;
        border-radius: 8px;
        padding: 14px 18px;
        margin-bottom: 20px;
    }
    .tq-bzd-wx-title {
        font-size: 13px;
        font-weight: 600;
        color: #736757;
        margin-bottom: 12px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .tq-bzd-wx-grid {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .tq-bzd-wx-row {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .tq-bzd-wx-badge {
        width: 26px;
        height: 26px;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
        font-weight: 700;
        color: #FFF;
        flex-shrink: 0;
    }
    .tq-bzd-wx-badge-木 { background: #2E7D32; }
    .tq-bzd-wx-badge-火 { background: #C62828; }
    .tq-bzd-wx-badge-土 { background: #8D6E63; }
    .tq-bzd-wx-badge-金 { background: #C99324; }
    .tq-bzd-wx-badge-水 { background: #1976D2; }

    .tq-bzd-wx-track {
        flex: 1;
        height: 12px;
        background: #EAE4D8;
        border-radius: 6px;
        overflow: hidden;
    }
    .tq-bzd-wx-fill {
        height: 100%;
        border-radius: 6px;
        transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .tq-bzd-wx-fill-木 { background: #2E7D32; }
    .tq-bzd-wx-fill-火 { background: #C62828; }
    .tq-bzd-wx-fill-土 { background: #8D6E63; }
    .tq-bzd-wx-fill-金 { background: #C99324; }
    .tq-bzd-wx-fill-水 { background: #1976D2; }

    .tq-bzd-wx-val {
        font-size: 13px;
        font-weight: 600;
        color: #4B443B;
        width: 50px;
        text-align: right;
        flex-shrink: 0;
    }
    .tq-bzd-wx-role {
        font-size: 11px;
        font-weight: 600;
        padding: 1px 6px;
        border-radius: 3px;
        flex-shrink: 0;
    }
    .tq-bzd-wx-role-yong {
        background: #E8F5E9;
        color: #2E7D32;
        border: 1px solid #A5D6A7;
    }
    .tq-bzd-wx-role-taboo {
        background: #FFEBEE;
        color: #C62828;
        border: 1px solid #FFCDD2;
    }

    /* 喜用神与禁忌五行卡片 */
    .tq-bzd-yongshen-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 14px;
        margin-bottom: 20px;
    }
    @media (max-width: 600px) {
        .tq-bzd-yongshen-grid {
            grid-template-columns: 1fr;
        }
    }
    .tq-bzd-ys-card {
        border-radius: 8px;
        padding: 14px 16px;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .tq-bzd-ys-favorable {
        background: #F4FAF6;
        border: 1.5px solid #C8E6C9;
    }
    .tq-bzd-ys-taboo {
        background: #FDF5F5;
        border: 1.5px solid #FFCDD2;
    }
    .tq-bzd-ys-header {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .tq-bzd-ys-badge {
        font-size: 11.5px;
        font-weight: 700;
        padding: 2px 8px;
        border-radius: 4px;
    }
    .tq-bzd-ys-favorable .tq-bzd-ys-badge {
        background: #2E7D32;
        color: #FFFFFF;
    }
    .tq-bzd-ys-taboo .tq-bzd-ys-badge {
        background: #C62828;
        color: #FFFFFF;
    }
    .tq-bzd-ys-title {
        font-size: 14px;
        font-weight: 700;
        color: #242629;
    }
    .tq-bzd-ys-elements {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 6px;
    }
    .tq-bzd-ys-pill {
        font-size: 14px;
        font-weight: 700;
        padding: 3px 10px;
        border-radius: 4px;
    }
    .tq-bzd-ys-favorable .tq-bzd-ys-pill {
        background: #E8F5E9;
        color: #1B5E20;
        border: 1px solid #81C784;
    }
    .tq-bzd-ys-taboo .tq-bzd-ys-pill {
        background: #FFEBEE;
        color: #B71C1C;
        border: 1px solid #E57373;
    }
    .tq-bzd-ys-desc {
        font-size: 12.5px;
        line-height: 1.5;
        color: #606870;
    }

    /* 子平真诠学术深度批注 */
    .tq-bzd-analysis-box {
        background: #FAF8F5;
        border-left: 4px solid #C9A063;
        border-radius: 0 8px 8px 0;
        padding: 14px 18px;
    }
    .tq-bzd-analysis-title {
        font-size: 13.5px;
        font-weight: 700;
        color: #8A704C;
        margin-bottom: 6px;
    }
    .tq-bzd-analysis-desc {
        font-size: 13px;
        color: #4B443B;
        line-height: 1.7;
        margin: 0;
    }

    /* =========================================================
       Section 二：三才五格表格与徽章样式优化
       ========================================================= */
    .tq-wuge-table {
        width: 100%;
        border-collapse: collapse;
        background: #FFFFFF;
        margin-bottom: 14px;
        font-size: 14px;
        border-radius: 8px;
        overflow: hidden;
        border: 1.5px solid #E2D9CB;
    }
    .tq-wuge-table th, .tq-wuge-table td {
        border: 1px solid #E8E2D6;
        padding: 11px 14px;
        text-align: center;
    }
    .tq-wuge-table th {
        background: #F8F5EE;
        color: var(--color-text, #242629);
        font-weight: 600;
        font-family: var(--font-family-serif, serif);
        white-space: nowrap;
    }
    .tq-shuli-pill {
        display: inline-block;
        padding: 2px 10px;
        background: #FAF5ED;
        color: #8A1818;
        border: 1px solid #E2D7C3;
        border-radius: 12px;
        font-weight: 700;
        font-size: 13px;
        text-decoration: none !important;
        transition: all 0.2s ease;
    }
    .tq-shuli-pill:hover {
        background: #8A1818;
        color: #FFFFFF;
        border-color: #8A1818;
        transform: translateY(-1px);
    }
    .tq-wx-pill {
        display: inline-block;
        padding: 1px 8px;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 600;
    }
    .tq-wx-金 { background: #FFF9E6; color: #B8860B; border: 1px solid #F2D785; }
    .tq-wx-木 { background: #E8F5E9; color: #2E7D32; border: 1px solid #A5D6A7; }
    .tq-wx-水 { background: #E3F2FD; color: #1976D2; border: 1px solid #90CAF9; }
    .tq-wx-火 { background: #FFEBEE; color: #C62828; border: 1px solid #FFCDD2; }
    .tq-wx-土 { background: #EFEBE9; color: #8D6E63; border: 1px solid #D7CCC8; }

    .tq-fortune-badge {
        display: inline-block;
        padding: 2px 10px;
        border-radius: 12px;
        font-size: 12px;
        font-weight: 700;
    }
    .tq-fortune-daji, .tq-fortune-ji {
        background: #E8F5E9;
        color: #2E7D32;
        border: 1px solid #A5D6A7;
    }
    .tq-fortune-banji {
        background: #FFF8E1;
        color: #E65100;
        border: 1px solid #FFE082;
    }
    .tq-fortune-xiong {
        background: #FFEBEE;
        color: #C62828;
        border: 1px solid #FFCDD2;
    }

    /* 三才配置高亮独立卡片 */
    .tq-sancai-card {
        background: #FAF8F4;
        border: 1.5px solid #E2D9CB;
        border-radius: 8px;
        padding: 14px 18px;
        margin-bottom: 22px;
    }
    .tq-sancai-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 8px;
    }
    .tq-sancai-badge-wrap {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .tq-sancai-tag {
        font-size: 12px;
        font-weight: 700;
        background: #8A704C;
        color: #FFFFFF;
        padding: 2px 8px;
        border-radius: 4px;
    }
    .tq-sancai-config {
        font-size: 15px;
        color: #242629;
    }
    .tq-sancai-meaning {
        font-size: 13px;
        color: #555;
        line-height: 1.6;
        margin: 0;
    }

    /* =========================================================
       Section 三/四/五/六：文化出处、音律平仄与生肖属相卡片
       ========================================================= */
    .tq-culture-card {
        border-radius: 8px;
        padding: 16px 20px;
        margin-bottom: 18px;
    }
    .tq-poetry-card {
        background: linear-gradient(135deg, #FAF8F2 0%, #F5EFE3 100%);
        border: 1px solid #E2D7C3;
        border-left: 4px solid #B8860B;
    }
    .tq-idiom-card {
        background: linear-gradient(135deg, #F6F9F5 0%, #EEF5ED 100%);
        border: 1px solid #D5E5D5;
        border-left: 4px solid #2E7D32;
    }
    .tq-culture-header {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 8px;
    }
    .tq-culture-source {
        font-size: 14px;
        font-weight: 700;
        color: #242629;
    }
    .tq-poetry-quote {
        font-size: 16px;
        font-weight: 600;
        color: #B8860B;
        font-family: var(--font-family-serif, serif);
        margin: 8px 0 10px;
        line-height: 1.6;
    }
    .tq-culture-desc {
        font-size: 13.5px;
        color: #555;
        line-height: 1.6;
        margin: 0;
    }

    .tq-rhythm-card, .tq-shengxiao-card {
        background: #FFFFFF;
        border: 1px solid #E8DFCF;
        border-radius: 8px;
        padding: 16px 20px;
        margin-bottom: 18px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.02);
    }
    .tq-rhythm-header, .tq-shengxiao-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 10px;
    }
    .tq-rhythm-tones, .tq-shengxiao-title {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 15px;
        color: #8B0000;
    }
    .tq-rhythm-badge, .tq-shengxiao-badge {
        font-size: 12px;
        font-weight: 700;
        background: #FAF5ED;
        color: #8A704C;
        border: 1px solid #E2D7C3;
        padding: 2px 8px;
        border-radius: 4px;
    }
    .tq-rhythm-score {
        background: #FEF3D6;
        color: #B8860B;
        padding: 3px 12px;
        border-radius: 12px;
        font-weight: 700;
        font-size: 13px;
    }
    .tq-shengxiao-score {
        background: #E8F5E9;
        color: #2E7D32;
        padding: 3px 12px;
        border-radius: 12px;
        font-weight: 700;
        font-size: 13px;
    }
    .tq-rhythm-desc, .tq-shengxiao-desc {
        font-size: 13.5px;
        color: #555;
        line-height: 1.6;
        margin: 0 0 6px;
    }
    .tq-shengxiao-sub {
        font-size: 12.5px;
        color: #888;
        line-height: 1.5;
        margin: 0;
    }

    /* 谐音安全与避讳诊断 */
    .tq-homophone-box {
        border-radius: 10px;
        padding: 14px 18px;
        margin-bottom: 18px;
        display: flex;
        align-items: flex-start;
        gap: 12px;
    }
    .tq-homophone-safe {
        background: #F0F8F4;
        border: 1px solid #BEE3D2;
        color: #216E4E;
    }
    .tq-homophone-warning {
        background: #FFF5F5;
        border: 1px solid #FED7D7;
        color: #C53030;
    }

    /* 专家诊断注意事项 */
    .tq-precautions-container {
        display: flex;
        flex-direction: column;
        gap: 14px;
        margin: 16px 0 22px;
    }
    .tq-precaution-card {
        background: #FFFFFF;
        border: 1px solid #E2D9CB;
        border-radius: 10px;
        padding: 18px 22px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.03);
        border-left: 5px solid var(--color-accent, #477B79);
        transition: all 0.2s ease;
    }
    .tq-precaution-card.border-danger {
        border-left-color: #C62828;
        background: #FFFAFA;
    }
    .tq-precaution-card.border-warning {
        border-left-color: #F57F17;
        background: #FFFDF7;
    }
    .tq-precaution-card.border-success {
        border-left-color: #2E7D32;
    }
    .tq-precaution-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px;
        flex-wrap: wrap;
        gap: 8px;
    }
    .tq-precaution-title-wrap {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .tq-precaution-icon {
        font-size: 20px;
        line-height: 1;
    }
    .tq-precaution-title {
        margin: 0;
        font-size: 15.5px;
        color: #2B4C4A;
        font-weight: bold;
    }
    .tq-precaution-badge {
        font-size: 12px;
        font-weight: 600;
        padding: 3px 11px;
        border-radius: 14px;
        display: inline-flex;
        align-items: center;
        gap: 4px;
    }
    .tq-badge-success { background: #E8F5E9; color: #2E7D32; border: 1px solid #C8E6C9; }
    .tq-badge-warning { background: #FFF8E1; color: #F57F17; border: 1px solid #FFE082; }
    .tq-badge-danger { background: #FFEBEE; color: #C62828; border: 1px solid #FFCDD2; }
    .tq-badge-info { background: #E1F5FE; color: #0277BD; border: 1px solid #B3E5FC; }

    .tq-precaution-status-box {
        font-size: 13.5px;
        font-weight: 600;
        padding: 8px 14px;
        border-radius: 6px;
        margin-bottom: 10px;
        line-height: 1.5;
    }
    .tq-precaution-status-box.tq-badge-success { background: #F1F8E9; color: #33691E; border: 1px solid #DCEDC8; }
    .tq-precaution-status-box.tq-badge-warning { background: #FFFDE7; color: #E65100; border: 1px solid #FFF59D; }
    .tq-precaution-status-box.tq-badge-danger { background: #FBE9E7; color: #BF360C; border: 1px solid #FFCCBC; }
    .tq-precaution-status-box.tq-badge-info { background: #E0F2F1; color: #004D40; border: 1px solid #B2DFDB; }

    .tq-precaution-content {
        display: flex;
        flex-direction: column;
        gap: 7px;
    }
    .tq-precaution-desc {
        margin: 0;
        font-size: 13.5px;
        line-height: 1.75;
        color: var(--color-text, #242629);
    }
    .tq-precaution-desc strong { color: #111; }

    /* 起名推荐典藏名卷卡片矩阵 */
    .tq-names-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 18px;
        margin-top: 18px;
    }
    .tq-name-item {
        background: #FFFFFF;
        border: 1.5px solid #E2D9CB;
        border-radius: 12px;
        padding: 18px 20px;
        box-shadow: 0 3px 12px rgba(36, 38, 41, 0.04);
        transition: all 0.25s ease;
        position: relative;
    }
    .tq-name-item:hover {
        transform: translateY(-3px);
        border-color: var(--color-accent, #477B79);
        box-shadow: 0 8px 24px rgba(71, 123, 121, 0.16);
    }
    .tq-name-item h4 {
        margin: 0 0 10px;
        color: var(--color-text, #242629);
        font-size: 20px;
        font-family: var(--font-family-serif, serif);
        display: flex;
        justify-content: space-between;
        align-items: center;
        letter-spacing: 1px;
    }
    .tq-name-item .badge {
        font-size: 12.5px;
        background: rgba(71, 123, 121, 0.12);
        color: var(--color-accent, #477B79);
        padding: 3px 9px;
        border-radius: 5px;
        font-weight: 600;
        letter-spacing: 0;
    }
    .tq-name-actions {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 12px;
        padding-top: 10px;
        border-top: 1px dashed #E2D9CB;
        flex-wrap: wrap;
        gap: 6px;
    }
    .btn-name-fav, .btn-name-card {
        background: #F7F4EC;
        border: 1px solid #DDD4C4;
        border-radius: 5px;
        padding: 4px 9px;
        font-size: 12px;
        color: var(--color-accent, #477B79);
        cursor: pointer;
        transition: all 0.18s ease;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        gap: 3px;
    }
    .btn-name-fav:hover, .btn-name-card:hover {
        background: var(--color-accent, #477B79);
        color: #FFFFFF;
        border-color: var(--color-accent, #477B79);
    }