.hbq-widget .hbew-query-page {
        --hq-ink: #152f3d; --hq-muted: #647986; --hq-line: #dce5e9;
        --hq-accent: #087f78; --hq-paper: #fff; --hq-wash: #f2f6f6;
        padding: 24px 24px 48px; background: var(--hq-wash); color: var(--hq-ink);
        font: 15px/1.65 "Avenir Next", "PingFang SC", "Microsoft YaHei", sans-serif;
    }
    .hbq-widget .hbew-query-page *, .hbq-widget .hbew-query-page *::before, .hbq-widget .hbew-query-page *::after { box-sizing: border-box; }
    /* Content themes decorate headings, including !important margins and sizes.
       Match that priority only inside the plugin; retain each heading's own spacing. */
    .hbq-widget .hbew-query-page :is(h2, h3, h4) { margin: 0 !important; padding: 0 !important; border: 0; background: none; font-family: inherit; text-indent: 0; text-transform: none; letter-spacing: normal; overflow-wrap: anywhere; }
    .hbq-widget .hbew-query-page :is(h2, h3, h4)::before,
    .hbq-widget .hbew-query-page :is(h2, h3, h4)::after { content: none !important; display: none !important; }
    .hbq-widget .hbew-query-page p { padding: 0; text-indent: 0; }
    .hbq-widget .hbew-query-page :is(dt, dd) { margin: 0; padding: 0; }
    .hbq-widget .hbew-query-page :is(.hq-hero > div, .hq-query-row, .rq-fields > div) { min-width: 0; }
    .hbq-widget .hbew-query-page svg { flex-shrink: 0; }
    .hbq-widget .hbew-query-page [hidden] { display: none !important; }
    .hbq-widget .hbew-query-page .hq-shell { max-width: 1120px; margin: 0 auto; }
    .hbq-widget .hbew-query-page .hq-hero { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 14px; }
    .hbq-widget .hbew-query-page .hq-eyebrow { display: flex; align-items: center; gap: 8px; margin: 0 0 4px; color: var(--hq-accent); font-size: 9px; letter-spacing: .17em; font-weight: 700; }
    .hbq-widget .hbew-query-page .hq-eyebrow::before { content: ""; width: 22px; height: 3px; background: currentColor; }
    .hbq-widget .hbew-query-page .hq-title { margin: 0 0 4px !important; color: var(--hq-ink); font-size: 22px !important; line-height: 1.3; font-weight: 700; letter-spacing: -.025em; }
    .hbq-widget .hbew-query-page .hq-intro { margin: 0; color: var(--hq-muted); font-size: 12px; line-height: 1.5; max-width: 650px; }
    .hbq-widget .hbew-query-page .hq-note { flex-shrink: 0; border-left: 2px solid #bbd3d0; padding-left: 16px; color: var(--hq-muted); font-size: 12px; }
    .hbq-widget .hbew-query-page .hq-note strong { display: block; color: var(--hq-ink); font-size: 14px; font-weight: 600; margin-bottom: 3px; }
    .hbq-widget .hbew-query-page .hq-query { padding: 16px 20px; margin: 0; background: var(--hq-paper); border: 1px solid var(--hq-line); border-radius: 10px; box-shadow: 0 5px 18px #152f3d04; }
    .hbq-widget .hbew-query-page .hq-query label { display: block; margin-bottom: 6px; color: var(--hq-ink); font-size: 13px; font-weight: 600; }
    .hbq-widget .hbew-query-page .hq-query-row { display: flex; align-items: stretch; gap: 12px; }
    .hbq-widget .hbew-query-page .hq-input {
        flex: 1; min-width: 0; width: 100%; height: 44px; min-height: 44px; margin: 0; padding: 9px 12px;
        border: 1px solid #b9cad1; border-radius: 6px; background: #fcfdfd; color: var(--hq-ink);
        font: 16px/1.5 "SFMono-Regular", Consolas, monospace; letter-spacing: .025em; box-shadow: none; appearance: none;
    }
    .hbq-widget .hbew-query-page .hq-input::placeholder { font: 14px/1.5 "PingFang SC", "Microsoft YaHei", sans-serif; letter-spacing: 0; color: #899aa4; }
    .hbq-widget .hbew-query-page .hq-input:focus { border-color: var(--hq-accent); background: #fff; }
    .hbq-widget .hbew-query-page .hq-submit {
        display: inline-flex; flex: 0 0 128px; align-items: center; justify-content: center; gap: 8px;
        height: 44px; min-height: 44px; margin: 0; padding: 9px 16px; border: 1px solid var(--hq-accent); border-radius: 6px;
        background: var(--hq-accent); color: #fff; font: 600 15px/1.5 "PingFang SC", "Microsoft YaHei", sans-serif;
        white-space: nowrap; cursor: pointer; transition: background .15s; appearance: none;
    }
    .hbq-widget .hbew-query-page .hq-submit:hover { background: #066960; }
    .hbq-widget .hbew-query-page .hq-submit:disabled { cursor: wait; opacity: .65; }
    .hbq-widget .hbew-query-page :is(input, select, button, a, summary):focus-visible { outline: 3px solid #e0b45d; outline-offset: 3px; }
    .hbq-widget .hbew-query-page .hq-hint { display: flex; align-items: center; gap: 6px; margin: 8px 0 0; color: var(--hq-muted); font-size: 12px; }
    .hbq-widget .hbew-query-page .hq-hint svg { flex-shrink: 0; }
    .hbq-widget .hbew-query-page .hq-query-single { display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 0 12px; align-items: center; }
    .hbq-widget .hbew-query-page .hq-query-single > label { margin: 0; }
    .hbq-widget .hbew-query-page .hq-query-single .hq-hint { grid-column: 2; }
    .hbq-widget .hbew-query-page .hq-result { margin-top: 22px; }
    .hbq-widget .hbew-query-page .hq-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
    .hbq-widget .hbew-query-page .hq-section-heading h2 { margin: 0 !important; color: var(--hq-ink); font-size: 18px !important; line-height: 1.4; font-weight: 600; }
    .hbq-widget .hbew-query-page .hq-empty { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 42px 24px; margin-top: 30px; text-align: center; border: 1px dashed #c4d5d8; border-radius: 10px; background: #ffffff50; }
    .hbq-widget .hbew-query-page .hq-empty svg { color: var(--hq-accent); margin-bottom: 2px; }
    .hbq-widget .hbew-query-page .hq-empty :is(h2, strong) { display: block; margin: 0 !important; color: var(--hq-ink); font-size: 17px !important; font-weight: 600; }
    .hbq-widget .hbew-query-page .hq-empty p { margin: 0; color: var(--hq-muted); font-size: 13px; }
    .hbq-widget .hbew-query-page .hq-error { margin-top: 24px; padding: 18px 22px; border: 1px solid #efcdbb; border-left: 3px solid #bc5b29; border-radius: 6px; background: #fff5ef; color: #98451e; }
    .hbq-widget .hbew-query-page .hq-error strong { display: block; margin-bottom: 4px; font-size: 14px; font-weight: 600; }
    .hbq-widget .hbew-query-page .hq-error p { margin: 0; font-size: 13px; overflow-wrap: anywhere; }
    .hbq-widget .hbew-query-page .hq-footnote { margin: 20px 0 0; color: var(--hq-muted); text-align: center; font-size: 12px; }
    @media (max-width: 760px) {
        .hbq-widget .hbew-query-page { padding: 18px 16px 32px; }
        .hbq-widget .hbew-query-page .hq-hero { display: block; margin-bottom: 14px; }
        .hbq-widget .hbew-query-page .hq-title { font-size: 20px !important; }
        .hbq-widget .hbew-query-page .hq-note { display: none; }
        .hbq-widget .hbew-query-page .hq-query { padding: 14px; }
        .hbq-widget .hbew-query-page .hq-query-single { display: block; }
        .hbq-widget .hbew-query-page .hq-query-single > label { margin-bottom: 6px; }
        .hbq-widget .hbew-query-page .hq-query-row { gap: 8px; }
        .hbq-widget .hbew-query-page .hq-submit { flex-basis: 104px; padding-right: 10px; padding-left: 10px; font-size: 14px; gap: 5px; }
        .hbq-widget .hbew-query-page .hq-result { margin-top: 20px; }
        .hbq-widget .hbew-query-page .hq-section-heading { margin-bottom: 12px; }
        .hbq-widget .hbew-query-page .hq-section-heading h2 { font-size: 16px !important; }
        .hbq-widget .hbew-query-page .hq-empty { padding: 32px 18px; margin-top: 24px; }
        .hbq-widget .hbew-query-page .hq-empty :is(h2, strong) { font-size: 16px !important; }
        .hbq-widget .hbew-query-page .hq-footnote { text-align: left; line-height: 1.8; }
    }


    .hbq-widget .hbew-freight { --fq-money: #c9342d; }
    .hbq-widget .hbew-freight .fq-query { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) auto; gap: 8px 16px; align-items: end; }
    .hbq-widget .hbew-freight .fq-fields { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 12px; }
    .hbq-widget .hbew-freight .fq-field { min-width: 0; }
    .hbq-widget .hbew-freight .fq-required { color: #a6432a; margin-right: 4px; }
    .hbq-widget .hbew-freight select.hq-input { height: 44px; appearance: auto; font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 16px; letter-spacing: 0; }
    .hbq-widget .hbew-freight .hq-country-picker { position: relative; min-width: 0; }
    .hbq-widget .hbew-freight .hq-country-picker::after { content: ""; position: absolute; right: 14px; top: 17px; width: 7px; height: 7px; border: solid var(--hq-muted); border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); pointer-events: none; }
    .hbq-widget .hbew-freight .hq-country-input { display: block; padding-right: 32px; font-family: "PingFang SC", "Microsoft YaHei", sans-serif; letter-spacing: 0; text-overflow: ellipsis; }
    .hbq-widget .hbew-freight .hq-country-list { position: absolute; z-index: 30; top: calc(100% + 6px); left: 0; width: 100%; max-height: 240px; overflow-y: auto; overscroll-behavior: contain; padding: 4px; border: 1px solid #b9cad1; border-radius: 7px; background: #fff; box-shadow: 0 8px 24px #152f3d1a; }
    .hbq-widget .hbew-freight .hq-country-option { min-height: 40px; padding: 9px 10px; border-radius: 4px; color: var(--hq-ink); font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; cursor: pointer; }
    .hbq-widget .hbew-freight .hq-country-option:is(.is-active, :hover) { background: var(--hq-wash); color: var(--hq-accent); }
    .hbq-widget .hbew-freight .hq-country-option[aria-selected="true"] { font-weight: 700; }
    .hbq-widget .hbew-freight .hq-country-empty { padding: 12px 10px; font-size: 13px; color: var(--hq-muted); }
    .hbq-widget .hbew-freight .fq-dimensions { min-width: 0; padding: 0; border: 0; margin: 0; }
    .hbq-widget .hbew-freight .fq-dimensions legend { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
    .hbq-widget .hbew-freight .fq-dimensions-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
    .hbq-widget .hbew-freight .fq-dimensions label { font-size: 13px; font-weight: 500; margin-bottom: 6px; }
    .hbq-widget .hbew-freight .fq-actions { display: contents; }
    .hbq-widget .hbew-freight .fq-actions .hq-hint { margin: 0; }
    .hbq-widget .hbew-freight .fq-actions .hq-hint { grid-column: 1 / -1; grid-row: 2; }
    .hbq-widget .hbew-freight .fq-actions .hq-submit { grid-column: 3; grid-row: 1; width: 116px; }
    .hbq-widget .hbew-freight .fq-result-tools { display: flex; align-items: center; gap: 16px; color: var(--hq-muted); font-size: 12px; }
    .hbq-widget .hbew-freight .fq-toggle { min-height: 44px; border: 1px solid #bcced3; border-radius: 5px; background: #fff; color: var(--hq-ink); padding: 9px 14px; font: inherit; font-size: 12px; cursor: pointer; }
    .hbq-widget .hbew-freight .fq-toggle[aria-pressed="true"] { background: #eaf6f2; border-color: #88b8ab; color: var(--hq-accent); }
    .hbq-widget .hbew-freight .fq-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; align-items: start; }
    .hbq-widget .hbew-freight .fq-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); min-width: 0; margin: 0; padding: 0; border: 1px solid var(--hq-line); border-radius: 10px; overflow: hidden; background: #fff; }
    .hbq-widget .hbew-freight .fq-card-head { min-width: 0; padding: 18px 22px; }
    .hbq-widget .hbew-freight .fq-channel-heading { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 10px; margin: 0 0 12px; padding: 0; }
    .hbq-widget .hbew-freight .fq-method { display: inline-block; padding: 3px 8px; margin: 0; border: 1px solid #c6ddd9; border-radius: 4px; background: #eef7f4; color: var(--hq-accent); font-size: 11px; line-height: 18px; white-space: nowrap; }
    .hbq-widget .hbew-freight .fq-method[data-method="2"] { background: #eef4fa; color: #2f668d; border-color: #cfdfec; }
    .hbq-widget .hbew-freight .fq-method[data-method="3"], .hbq-widget .hbew-freight .fq-method[data-method="4"] { background: #f4f5f6; color: #526b78; border-color: #d7e0e5; }
    .hbq-widget .hbew-freight .fq-card .fq-channel-title { display: block; position: static; float: none; min-width: 0; width: auto; margin: 0 !important; padding: 0 !important; color: var(--hq-ink); font-size: 17px !important; line-height: 26px; font-weight: 600; text-align: left; overflow-wrap: anywhere; }
    .hbq-widget .hbew-freight .fq-price { margin: 0 0 8px; font: 600 30px/1.25 "SFMono-Regular", Consolas, monospace; color: var(--fq-money); overflow-wrap: anywhere; }
    .hbq-widget .hbew-freight .fq-price small { margin-left: 6px; font: 12px/1.5 "PingFang SC", "Microsoft YaHei", sans-serif; color: inherit; }
    .hbq-widget .hbew-freight .fq-unit-price { color: var(--fq-money); font-size: 14px; font-weight: 600; line-height: 1.9; margin-bottom: 10px; overflow-wrap: anywhere; }
    .hbq-widget .hbew-freight .fq-formula { margin: 0 0 10px; color: var(--hq-muted); font-size: 12px; line-height: 1.8; overflow-wrap: anywhere; }
    .hbq-widget .hbew-freight .fq-calculation, .hbq-widget .hbew-freight .fq-tariff { color: var(--fq-money); }
    .hbq-widget .hbew-freight .fq-price-meta { display: flex; flex-wrap: wrap; gap: 6px 18px; color: var(--hq-muted); font-size: 12px; }
    .hbq-widget .hbew-freight .fq-card-body { min-width: 0; padding: 20px 22px; border-left: 1px solid #e8eef0; }
    .hbq-widget .hbew-freight .fq-card-notes { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; min-width: 0; padding: 0 22px; border-top: 1px solid #e8eef0; background: #fcfdfd; }
    .hbq-widget .hbew-freight .fq-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }
    .hbq-widget .hbew-freight .fq-tags:empty { display: none; }
    .hbq-widget .hbew-freight .fq-tag { padding: 3px 7px; border-radius: 4px; background: #f0f5f5; color: #587380; font-size: 11px; overflow-wrap: anywhere; }
    .hbq-widget .hbew-freight .fq-limits { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 9px 10px; margin: 0; font-size: 12px; }
    .hbq-widget .hbew-freight .fq-limits dt { color: var(--hq-muted); font-weight: 400; }
    .hbq-widget .hbew-freight .fq-limits dd { margin: 0; color: var(--hq-ink); overflow-wrap: anywhere; }
    .hbq-widget .hbew-freight .fq-note { margin: 0; padding: 0; border: 0; color: #536c79; font-size: 12px; line-height: 1.9; overflow-wrap: anywhere; }
    .hbq-widget .hbew-freight .fq-note:last-child { border-bottom: 0; }
    .hbq-widget .hbew-freight .fq-note summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; padding: 8px 0; color: var(--hq-ink); font-size: 13px; font-weight: 600; cursor: pointer; list-style: none; }
    .hbq-widget .hbew-freight .fq-note summary::-webkit-details-marker { display: none; }
    .hbq-widget .hbew-freight .fq-note-toggle { flex-shrink: 0; color: var(--hq-accent); font-size: 12px; font-weight: 400; }
    .hbq-widget .hbew-freight .fq-note-toggle::before { content: "展开 +"; }
    .hbq-widget .hbew-freight .fq-note[open] .fq-note-toggle::before { content: "收起 −"; }
    .hbq-widget .hbew-freight .fq-note-content { padding: 0 0 12px; }
    .hbq-widget .hbew-freight .fq-note-content > :last-child { margin-bottom: 0; }
    .hbq-widget .hbew-freight .fq-note-content img { max-width: 100%; height: auto; }
    .hbq-widget .hbew-freight .fq-note-content table { display: block; max-width: 100%; overflow-x: auto; }
    .hbq-widget .hbew-freight .fq-faq { padding-top: 30px; margin-top: 34px; border-top: 1px solid #dce5e9; }
    .hbq-widget .hbew-freight .fq-faq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; align-items: start; }
    .hbq-widget .hbew-freight .fq-faq-item { min-width: 0; border: 1px solid var(--hq-line); border-radius: 7px; background: #fff; }
    .hbq-widget .hbew-freight .fq-faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 52px; padding: 15px 18px; color: var(--hq-ink); font-size: 13px; cursor: pointer; list-style: none; }
    .hbq-widget .hbew-freight .fq-faq-item summary::-webkit-details-marker { display: none; }
    .hbq-widget .hbew-freight .fq-faq-item summary::after { content: "+"; flex-shrink: 0; color: var(--hq-accent); font-size: 18px; }
    .hbq-widget .hbew-freight .fq-faq-item[open] summary::after { content: "−"; }
    .hbq-widget .hbew-freight .fq-faq-item p { margin: 0; padding: 0 18px 18px; color: var(--hq-muted); font-size: 12px; line-height: 1.9; overflow-wrap: anywhere; }
    @media (max-width: 979px) {
        .hbq-widget .hbew-freight .fq-query { grid-template-columns: minmax(0, 1fr) auto; gap: 10px 16px; }
        .hbq-widget .hbew-freight .fq-fields { grid-column: 1 / -1; }
        .hbq-widget .hbew-freight .fq-actions .hq-submit { grid-column: 2; grid-row: 2; }
        .hbq-widget .hbew-freight .fq-actions .hq-hint { grid-row: 3; }
        .hbq-widget .hbew-freight .fq-card { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
        .hbq-widget .hbew-freight .fq-card-notes { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; padding: 0 22px; border-left: 0; border-top: 1px solid #e8eef0; }
        .hbq-widget .hbew-freight .fq-note { border-bottom: 0; }
    }
    @media (max-width: 760px) {
        .hbq-widget .hbew-freight .fq-query { gap: 10px 12px; }
        .hbq-widget .hbew-freight .fq-fields { gap: 10px; }
        .hbq-widget .hbew-freight .fq-dimensions { grid-column: 1 / -1; }
        .hbq-widget .hbew-freight .fq-dimensions-grid { gap: 8px; }
        .hbq-widget .hbew-freight .fq-dimensions .hq-input { padding-left: 8px; padding-right: 8px; }
        .hbq-widget .hbew-freight .fq-actions .hq-submit { grid-row: 3; width: 104px; }
        .hbq-widget .hbew-freight .fq-actions .hq-hint { grid-column: 1; line-height: 1.6; }
        .hbq-widget .hbew-freight .fq-result-tools { gap: 10px; }
        .hbq-widget .hbew-freight .fq-result-tools > span { display: none; }
        .hbq-widget .hbew-freight .fq-grid, .hbq-widget .hbew-freight .fq-faq-grid { grid-template-columns: 1fr; gap: 16px; }
        .hbq-widget .hbew-freight .fq-card { grid-template-columns: minmax(0, 1fr); }
        .hbq-widget .hbew-freight .fq-card-head { padding: 18px; }
        .hbq-widget .hbew-freight .fq-card-body { padding: 16px 18px; border-left: 0; border-top: 1px solid #e8eef0; }
        .hbq-widget .hbew-freight .fq-card-notes { display: block; padding: 0 18px; }
        .hbq-widget .hbew-freight .fq-note { border-bottom: 1px solid #e8eef0; }
        .hbq-widget .hbew-freight .fq-faq { margin-top: 28px; padding-top: 24px; }
    }


.hbq-widget .hbew-track { --ht-ink: var(--hq-ink); --ht-muted: var(--hq-muted); --ht-line: var(--hq-line); --ht-accent: var(--hq-accent); --ht-paper: var(--hq-paper); }

    .hbq-widget .hbew-track .ht-summary { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px; background: var(--ht-paper); border: 1px solid var(--ht-line); border-radius: 10px; padding: 26px 30px; margin-bottom: 24px; }
    .hbq-widget .hbew-track .ht-small-label { font-size: 11px; color: var(--ht-muted); letter-spacing: .12em; text-transform: uppercase; margin: 0 0 5px; }
    .hbq-widget .hbew-track .ht-number { font-family: "SFMono-Regular", Consolas, monospace; font-size: clamp(19px, 3vw, 25px); font-weight: 600; overflow-wrap: anywhere; letter-spacing: .02em; }
    .hbq-widget .hbew-track .ht-status { display: inline-flex; gap: 8px; align-items: center; border: 1px solid #b7d9d2; background: #f0faf7; color: var(--ht-accent); border-radius: 5px; font-size: 13px; font-weight: 600; padding: 5px 10px; margin-top: 10px; }
    .hbq-widget .hbew-track .ht-status::before { content: ""; width: 6px; height: 6px; background: currentColor; border-radius: 50%; }
    .hbq-widget .hbew-track .ht-metrics { display: flex; gap: 28px; align-items: center; text-align: right; }
    .hbq-widget .hbew-track .ht-metrics strong { font-size: 30px; line-height: 1.2; font-weight: 600; }
    .hbq-widget .hbew-track .ht-metrics span { font-size: 12px; color: var(--ht-muted); margin-left: 4px; }
    .hbq-widget .hbew-track .ht-latest { grid-column: 1 / -1; border-top: 1px solid var(--ht-line); padding-top: 16px; margin: 0; color: var(--ht-muted); overflow-wrap: anywhere; }
    .hbq-widget .hbew-track .ht-latest b { color: var(--ht-ink); font-weight: 600; margin-right: 10px; }
    .hbq-widget .hbew-track .ht-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; }
    .hbq-widget .hbew-track .ht-panel { background: var(--ht-paper); border: 1px solid var(--ht-line); border-radius: 10px; overflow: hidden; min-width: 0; }
    .hbq-widget .hbew-track .ht-panel-head { display: flex; gap: 16px; align-items: center; justify-content: space-between; padding: 20px 24px; border-bottom: 1px solid var(--ht-line); }
    .hbq-widget .hbew-track .ht-panel-head h2 { margin: 0 !important; color: var(--ht-ink); font-size: 17px !important; font-weight: 600; }
    .hbq-widget .hbew-track .ht-panel-head small { display: block; font-size: 10px; font-weight: 500; color: var(--ht-muted); letter-spacing: .12em; margin-top: 1px; }
    .hbq-widget .hbew-track .ht-count { display: flex; align-items: center; justify-content: center; min-width: 30px; height: 30px; border-radius: 5px; color: var(--ht-accent); background: #eef7f4; font-size: 12px; font-family: Consolas, monospace; }
    .hbq-widget .hbew-track .ht-timeline { margin: 0; padding: 26px 24px 12px; list-style: none; }
    .hbq-widget .hbew-track .ht-node { position: relative; padding: 0 0 28px 26px; border-left: 1px solid #d5e1e2; margin: 0 0 0 5px; list-style: none; }
    .hbq-widget .hbew-track .ht-node:last-child { border-left-color: transparent; padding-bottom: 14px; }
    .hbq-widget .hbew-track .ht-node::before { content: ""; position: absolute; left: -5px; top: 7px; width: 9px; height: 9px; background: #a7bbbf; border: 2px solid #fff; border-radius: 50%; }
    .hbq-widget .hbew-track .ht-node:first-child::before { background: var(--ht-accent); box-shadow: 0 0 0 4px #e2f2ee; }
    .hbq-widget .hbew-track .ht-node time { display: block; font: 12px/1.5 "SFMono-Regular", Consolas, monospace; color: var(--ht-muted); margin-bottom: 7px; }
    .hbq-widget .hbew-track .ht-node p { font-size: 14px; line-height: 1.8; color: #344d5b; white-space: pre-wrap; overflow-wrap: anywhere; margin: 0; }
    .hbq-widget .hbew-track .ht-node:first-child p { color: var(--ht-ink); font-weight: 600; }
    .hbq-widget .hbew-track .ht-empty { padding: 52px 24px; color: var(--ht-muted); text-align: center; }
    .hbq-widget .hbew-track .ht-empty strong { display: block; font-size: 17px; color: var(--ht-ink); margin-bottom: 8px; font-weight: 600; }
    .hbq-widget .hbew-track .ht-empty p { margin: 0; font-size: 13px; }
    @media (max-width: 760px) {
        .hbq-widget .hbew-track .ht-summary { padding: 22px 20px; grid-template-columns: 1fr; gap: 16px; }
        .hbq-widget .hbew-track .ht-metrics { justify-content: flex-start; text-align: left; }
        .hbq-widget .hbew-track .ht-columns { grid-template-columns: 1fr; gap: 18px; }
        .hbq-widget .hbew-track .ht-panel-head { padding: 18px 20px; }
        .hbq-widget .hbew-track .ht-timeline { padding: 24px 20px 10px; }
    }


.hbq-widget .hbew-sign-for { --sf-ink: var(--hq-ink); --sf-muted: var(--hq-muted); --sf-line: var(--hq-line); --sf-teal: var(--hq-accent); }

    .hbq-widget .hbew-sign-for .sf-result-count { color: var(--sf-muted); font-size: 12px; }
    .hbq-widget .hbew-sign-for .sf-table-shell { background: #fff; border: 1px solid var(--sf-line); border-radius: 10px; overflow: hidden; }
    .hbq-widget .hbew-sign-for .sf-table { width: 100%; margin: 0; border: 0; border-collapse: collapse; table-layout: fixed; background: transparent; }
    .hbq-widget .hbew-sign-for .sf-table thead { background: #eaf0f1; }
    .hbq-widget .hbew-sign-for .sf-table thead th { padding: 15px 18px; color: #607681; text-align: left; font-size: 12px; font-weight: 500; border: 0; border-bottom: 1px solid var(--sf-line); }
    .hbq-widget .hbew-sign-for .sf-table thead th:first-child { width: 27%; }
    .hbq-widget .hbew-sign-for .sf-table thead th:nth-child(2) { width: 12%; }
    .hbq-widget .hbew-sign-for .sf-table thead th:nth-child(3), .hbq-widget .hbew-sign-for .sf-table thead th:nth-child(4) { width: 18%; }
    .hbq-widget .hbew-sign-for .sf-table thead th:nth-child(5) { width: 12%; }
    .hbq-widget .hbew-sign-for .sf-table thead th:last-child { width: 13%; }
    .hbq-widget .hbew-sign-for .sf-result-row > :is(th, td) { padding: 22px 18px; text-align: left; vertical-align: middle; color: var(--sf-ink); font-size: 14px; font-weight: 500; border: 0; border-bottom: 1px solid #e8eef0; overflow-wrap: anywhere; }
    .hbq-widget .hbew-sign-for .sf-result-row:last-child > :is(th, td) { border-bottom: 0; }
    .hbq-widget .hbew-sign-for .sf-number-label { display: none; }
    .hbq-widget .hbew-sign-for .sf-number { font: 600 15px/1.65 "SFMono-Regular", Consolas, monospace; overflow-wrap: anywhere; }
    .hbq-widget .hbew-sign-for .sf-cell-number { min-width: 0; }
    .hbq-widget .hbew-sign-for .sf-cell-date .sf-value { color: #536b78; font-size: 13px; }
    .hbq-widget .hbew-sign-for .sf-status { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 5px 10px; border: 1px solid #d8e1e5; border-radius: 5px; color: #627681; background: #f3f6f7; font-size: 12px; line-height: 1.5; white-space: nowrap; }
    .hbq-widget .hbew-sign-for .sf-status::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
    .hbq-widget .hbew-sign-for .sf-status-arrived { color: #087a64; background: #edf8f4; border-color: #baddd1; }
    .hbq-widget .hbew-sign-for .sf-status-shipped { color: #23649a; background: #edf5fc; border-color: #c6dced; }
    @media (max-width: 900px) and (min-width: 761px) {
        .hbq-widget .hbew-sign-for .sf-table thead th, .hbq-widget .hbew-sign-for .sf-result-row > :is(th, td) { padding-right: 10px; padding-left: 10px; }
        .hbq-widget .hbew-sign-for .sf-number { font-size: 13px; }
    }
    @media (max-width: 760px) {
        .hbq-widget .hbew-sign-for .sf-table-shell { background: transparent; border: 0; border-radius: 0; overflow: visible; }
        .hbq-widget .hbew-sign-for .sf-table { display: block; }
        .hbq-widget .hbew-sign-for .sf-table thead { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
        .hbq-widget .hbew-sign-for .sf-table tbody { display: grid; gap: 16px; }
        .hbq-widget .hbew-sign-for .sf-result-row { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; padding: 18px; background: #fff; border: 1px solid var(--sf-line); border-radius: 10px; }
        .hbq-widget .hbew-sign-for .sf-result-row > :is(th, td) { display: block; min-width: 0; padding: 14px 0 0; border: 0; font-weight: 500; }
        .hbq-widget .hbew-sign-for .sf-result-row > .sf-cell-number { grid-column: 1 / -1; padding: 0 0 16px; border-bottom: 1px solid #e8eef0; }
        .hbq-widget .hbew-sign-for .sf-number-label { display: block; margin: 0 90px 14px 0; color: var(--sf-muted); font-size: 11px; line-height: 1.6; font-weight: 400; }
        .hbq-widget .hbew-sign-for .sf-number { display: block; font-size: 17px; line-height: 1.6; }
        .hbq-widget .hbew-sign-for .sf-cell-weight { grid-column: 1; grid-row: 2; }
        .hbq-widget .hbew-sign-for .sf-cell-postage { grid-column: 2; grid-row: 2; }
        .hbq-widget .hbew-sign-for :is(.sf-cell-weight, .sf-cell-postage)::before { content: attr(data-label); display: block; margin-bottom: 5px; color: var(--sf-muted); font-size: 11px; }
        .hbq-widget .hbew-sign-for :is(.sf-cell-weight, .sf-cell-postage) .sf-value { font: 600 20px/1.4 "SFMono-Regular", Consolas, monospace; }
        .hbq-widget .hbew-sign-for .sf-result-row > .sf-cell-date { grid-column: 1 / -1; display: flex; align-items: start; justify-content: space-between; gap: 16px; padding-top: 12px; }
        .hbq-widget .hbew-sign-for .sf-cell-date::before { content: attr(data-label); flex-shrink: 0; color: var(--sf-muted); font-size: 12px; }
        .hbq-widget .hbew-sign-for .sf-cell-date .sf-value { min-width: 0; text-align: right; font-size: 12px; overflow-wrap: anywhere; }
        .hbq-widget .hbew-sign-for .sf-result-row > .sf-cell-status { position: absolute; right: 18px; top: 13px; padding: 0; }
    }

.hbq-widget{max-width:100%;min-width:0;container-type:inline-size;container-name:hbq}.hbq-widget .hq-input{max-width:100%}.hbq-widget .hq-error:empty{display:none}.hbq-widget .hq-title{font-size:22px}.hbq-widget .hq-submit:hover{filter:brightness(.9);background:var(--hq-accent)}

.hbq-widget .hbew-query-page {--hq-accent:var(--hq-brand,#087f78)}
.hbq-widget .rq-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hbq-widget .rq-matches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.hbq-widget .rq-match{min-width:0;padding:18px;border:1px solid var(--hq-line);border-radius:8px;background:var(--hq-paper)}
.hbq-widget .hbew-remote .rq-match h3{margin: 0 0 12px !important;color:var(--hq-accent);font-size: 16px !important;line-height:1.5;font-weight:600}
.hbq-widget .rq-match dl{margin:0}.hbq-widget .rq-match dl>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:5px 0}
.hbq-widget .rq-match dt{color:var(--hq-muted)}.hbq-widget .rq-match dd{margin:0;overflow-wrap:anywhere}
.hbq-widget .rq-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}
.hbq-widget .rq-actions .hq-hint{margin:0}.hbq-widget .rq-actions .hq-submit{flex:0 0 116px}
.hbq-widget > .hbq-message{margin:0;padding:12px 20px;background:#f2f6f6;color:#152f3d;font:14px/1.6 "PingFang SC","Microsoft YaHei",sans-serif;text-indent:0;overflow-wrap:anywhere}.hbq-widget .hbq-message:empty{display:none}
@media(max-width:767px){.hbq-widget .rq-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.hbq-widget .rq-matches{grid-template-columns:1fr}}
@media(max-width:420px){.hbq-widget .rq-fields{grid-template-columns:1fr}.hbq-widget .rq-actions{align-items:stretch;flex-direction:column;gap:10px}.hbq-widget .rq-actions .hq-submit{flex-basis:auto;width:100%}.hbq-widget .rq-match dl>div{grid-template-columns:96px minmax(0,1fr);gap:8px}}

/* A shortcode may live in a narrow theme column even on a desktop screen.
   Keep these container rules equivalent to the viewport fallbacks above. */
@container hbq (max-width: 760px) {
        .hbq-widget .hbew-query-page { padding: 18px 16px 32px; }
        .hbq-widget .hbew-query-page .hq-hero { display: block; margin-bottom: 14px; }
        .hbq-widget .hbew-query-page .hq-title { font-size: 20px !important; }
        .hbq-widget .hbew-query-page .hq-note { display: none; }
        .hbq-widget .hbew-query-page .hq-query { padding: 14px; }
        .hbq-widget .hbew-query-page .hq-query-single { display: block; }
        .hbq-widget .hbew-query-page .hq-query-single > label { margin-bottom: 6px; }
        .hbq-widget .hbew-query-page .hq-query-row { gap: 8px; }
        .hbq-widget .hbew-query-page .hq-submit { flex-basis: 104px; padding-right: 10px; padding-left: 10px; font-size: 14px; gap: 5px; }
        .hbq-widget .hbew-query-page .hq-result { margin-top: 20px; }
        .hbq-widget .hbew-query-page .hq-section-heading { margin-bottom: 12px; }
        .hbq-widget .hbew-query-page .hq-section-heading h2 { font-size: 16px !important; }
        .hbq-widget .hbew-query-page .hq-empty { padding: 32px 18px; margin-top: 24px; }
        .hbq-widget .hbew-query-page .hq-empty :is(h2, strong) { font-size: 16px !important; }
        .hbq-widget .hbew-query-page .hq-footnote { text-align: left; line-height: 1.8; }
    }
@container hbq (max-width: 979px) {
        .hbq-widget .hbew-freight .fq-query { grid-template-columns: minmax(0, 1fr) auto; gap: 10px 16px; }
        .hbq-widget .hbew-freight .fq-fields { grid-column: 1 / -1; }
        .hbq-widget .hbew-freight .fq-actions .hq-submit { grid-column: 2; grid-row: 2; }
        .hbq-widget .hbew-freight .fq-actions .hq-hint { grid-row: 3; }
        .hbq-widget .hbew-freight .fq-card { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
        .hbq-widget .hbew-freight .fq-card-notes { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; padding: 0 22px; border-left: 0; border-top: 1px solid #e8eef0; }
        .hbq-widget .hbew-freight .fq-note { border-bottom: 0; }
    }
@container hbq (max-width: 760px) {
        .hbq-widget .hbew-freight .fq-query { gap: 10px 12px; }
        .hbq-widget .hbew-freight .fq-fields { gap: 10px; }
        .hbq-widget .hbew-freight .fq-dimensions { grid-column: 1 / -1; }
        .hbq-widget .hbew-freight .fq-dimensions-grid { gap: 8px; }
        .hbq-widget .hbew-freight .fq-dimensions .hq-input { padding-left: 8px; padding-right: 8px; }
        .hbq-widget .hbew-freight .fq-actions .hq-submit { grid-row: 3; width: 104px; }
        .hbq-widget .hbew-freight .fq-actions .hq-hint { grid-column: 1; line-height: 1.6; }
        .hbq-widget .hbew-freight .fq-result-tools { gap: 10px; }
        .hbq-widget .hbew-freight .fq-result-tools > span { display: none; }
        .hbq-widget .hbew-freight .fq-grid, .hbq-widget .hbew-freight .fq-faq-grid { grid-template-columns: 1fr; gap: 16px; }
        .hbq-widget .hbew-freight .fq-card { grid-template-columns: minmax(0, 1fr); }
        .hbq-widget .hbew-freight .fq-card-head { padding: 18px; }
        .hbq-widget .hbew-freight .fq-card-body { padding: 16px 18px; border-left: 0; border-top: 1px solid #e8eef0; }
        .hbq-widget .hbew-freight .fq-card-notes { display: block; padding: 0 18px; }
        .hbq-widget .hbew-freight .fq-note { border-bottom: 1px solid #e8eef0; }
        .hbq-widget .hbew-freight .fq-faq { margin-top: 28px; padding-top: 24px; }
    }
@container hbq (max-width: 760px) {
        .hbq-widget .hbew-track .ht-summary { padding: 22px 20px; grid-template-columns: 1fr; gap: 16px; }
        .hbq-widget .hbew-track .ht-metrics { justify-content: flex-start; text-align: left; }
        .hbq-widget .hbew-track .ht-columns { grid-template-columns: 1fr; gap: 18px; }
        .hbq-widget .hbew-track .ht-panel-head { padding: 18px 20px; }
        .hbq-widget .hbew-track .ht-timeline { padding: 24px 20px 10px; }
    }
@container hbq (max-width: 900px) and (min-width: 761px) {
        .hbq-widget .hbew-sign-for .sf-table thead th, .hbq-widget .hbew-sign-for .sf-result-row > :is(th, td) { padding-right: 10px; padding-left: 10px; }
        .hbq-widget .hbew-sign-for .sf-number { font-size: 13px; }
    }
@container hbq (max-width: 760px) {
        .hbq-widget .hbew-sign-for .sf-table-shell { background: transparent; border: 0; border-radius: 0; overflow: visible; }
        .hbq-widget .hbew-sign-for .sf-table { display: block; }
        .hbq-widget .hbew-sign-for .sf-table thead { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
        .hbq-widget .hbew-sign-for .sf-table tbody { display: grid; gap: 16px; }
        .hbq-widget .hbew-sign-for .sf-result-row { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; padding: 18px; background: #fff; border: 1px solid var(--sf-line); border-radius: 10px; }
        .hbq-widget .hbew-sign-for .sf-result-row > :is(th, td) { display: block; min-width: 0; padding: 14px 0 0; border: 0; font-weight: 500; }
        .hbq-widget .hbew-sign-for .sf-result-row > .sf-cell-number { grid-column: 1 / -1; padding: 0 0 16px; border-bottom: 1px solid #e8eef0; }
        .hbq-widget .hbew-sign-for .sf-number-label { display: block; margin: 0 90px 14px 0; color: var(--sf-muted); font-size: 11px; line-height: 1.6; font-weight: 400; }
        .hbq-widget .hbew-sign-for .sf-number { display: block; font-size: 17px; line-height: 1.6; }
        .hbq-widget .hbew-sign-for .sf-cell-weight { grid-column: 1; grid-row: 2; }
        .hbq-widget .hbew-sign-for .sf-cell-postage { grid-column: 2; grid-row: 2; }
        .hbq-widget .hbew-sign-for :is(.sf-cell-weight, .sf-cell-postage)::before { content: attr(data-label); display: block; margin-bottom: 5px; color: var(--sf-muted); font-size: 11px; }
        .hbq-widget .hbew-sign-for :is(.sf-cell-weight, .sf-cell-postage) .sf-value { font: 600 20px/1.4 "SFMono-Regular", Consolas, monospace; }
        .hbq-widget .hbew-sign-for .sf-result-row > .sf-cell-date { grid-column: 1 / -1; display: flex; align-items: start; justify-content: space-between; gap: 16px; padding-top: 12px; }
        .hbq-widget .hbew-sign-for .sf-cell-date::before { content: attr(data-label); flex-shrink: 0; color: var(--sf-muted); font-size: 12px; }
        .hbq-widget .hbew-sign-for .sf-cell-date .sf-value { min-width: 0; text-align: right; font-size: 12px; overflow-wrap: anywhere; }
        .hbq-widget .hbew-sign-for .sf-result-row > .sf-cell-status { position: absolute; right: 18px; top: 13px; padding: 0; }
    }
@container hbq (max-width:767px){.hbq-widget .rq-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.hbq-widget .rq-matches{grid-template-columns:1fr}}
@container hbq (max-width:420px){.hbq-widget .rq-fields{grid-template-columns:1fr}.hbq-widget .rq-actions{align-items:stretch;flex-direction:column;gap:10px}.hbq-widget .rq-actions .hq-submit{flex-basis:auto;width:100%}.hbq-widget .rq-match dl>div{grid-template-columns:96px minmax(0,1fr);gap:8px}}

/* Append the shared modal to body so theme columns and container queries cannot clip it. */
dialog.hbq-loading {
    position: fixed; inset: 0; z-index: 2147483647; box-sizing: border-box;
    width: 100%; max-width: none; height: 100%; max-height: none;
    margin: 0; padding: 24px; border: 0; background: transparent; color: #152f3d;
    font: 14px/1.6 "PingFang SC", "Microsoft YaHei", sans-serif;
}
dialog.hbq-loading:not([open]) { display: none !important; }
dialog.hbq-loading[open] { display: grid; place-items: center; }
dialog.hbq-loading::backdrop { background: rgb(21 47 61 / 28%); }
dialog.hbq-loading[data-fallback] { background: rgb(21 47 61 / 28%); }
dialog.hbq-loading .hbq-loading-card {
    box-sizing: border-box; display: flex; flex-direction: column; align-items: center;
    width: 260px; max-width: 100%; padding: 28px 20px; gap: 8px;
    border: 1px solid #e4ebee; border-radius: 14px; background: #fff;
    box-shadow: 0 12px 48px #152f3d26; text-align: center; outline: none;
}
dialog.hbq-loading .hbq-loading-spinner {
    box-sizing: border-box; display: block; width: 36px; height: 36px; margin: 0 0 8px;
    border: 3px solid #e4edee; border-top-color: var(--hbq-loading-accent, #087f78);
    border-radius: 50%; animation: hbq-loading-spin .75s linear infinite;
}
dialog.hbq-loading .hbq-loading-title { margin: 0; padding: 0; font-size: 16px; font-weight: 600; }
dialog.hbq-loading .hbq-loading-description { margin: 0; padding: 0; color: #647986; font-size: 13px; }
@keyframes hbq-loading-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { dialog.hbq-loading .hbq-loading-spinner { animation: none; } }