/* Clear Desk Blue — TalkQ design tokens (talkq.cn) */
:root {
    --tq-ink: #0B1F3A;
    --tq-ink-soft: #163556;
    --tq-signal: #155EEF;
    --tq-signal-deep: #0B3FCC;
    --tq-signal-soft: rgba(21, 94, 239, 0.12);
    --tq-ice: #F3F6FB;
    --tq-mist: #E8EEF7;
    --tq-steel: #8B9BB4;
    --tq-white: #FFFFFF;
    --tq-line: rgba(11, 31, 58, 0.10);
    --tq-line-strong: rgba(11, 31, 58, 0.16);

    --tq-font-display: "Sora", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
    --tq-font-body: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;

    --tq-container: 1280px;
    --tq-nav-h: 72px;
    --tq-radius-sm: 8px;
    --tq-radius: 14px;
    --tq-radius-lg: 22px;
    --tq-shadow-soft: 0 18px 50px rgba(11, 31, 58, 0.08);
    --tq-shadow-dock: 0 28px 80px rgba(11, 31, 58, 0.16);

    --tq-space-1: 8px;
    --tq-space-2: 16px;
    --tq-space-3: 24px;
    --tq-space-4: 40px;
    --tq-space-5: 72px;
    --tq-space-6: 112px;
}

.tq-container {
    width: min(100% - 40px, var(--tq-container));
    margin-inline: auto;
}

.tq-page {
    padding-top: var(--tq-nav-h);
}

.tq-eyebrow {
    font-family: var(--tq-font-display);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--tq-signal);
    margin: 0 0 var(--tq-space-2);
}

.tq-section-title {
    font-family: var(--tq-font-display);
    font-size: clamp(1.9rem, 2.8vw, 2.55rem);
    font-weight: 600;
    letter-spacing: -0.035em;
    line-height: 1.18;
    color: var(--tq-ink);
    margin: 0 0 var(--tq-space-2);
}

.tq-section-lead {
    margin: 0;
    max-width: 40rem;
    color: var(--tq-steel);
    font-size: 1.05rem;
}