/* 工具 12 · 龙虎榜速查
   独立视觉：黑金交易所大屏，深色表头、分组标签与席位分布条。 */
.dtl {
    --a1: #9a7531; --a1b: #bf4b3c; --a1s: #f6efdc; --a1i: #7a5c23;
    --a2: #e2be6c; --a2b: #ef8a7c; --a2s: rgba(226, 190, 108, .15); --a2i: #f0d49a;
    --h15-h1: clamp(30px, 3.6vw, 42px);
}
.dtl .dtl-h1 { letter-spacing: -.01em; }
.dtl-hero {
    border-color: #2b2417;
    background: radial-gradient(600px 230px at 88% -10%, rgba(226, 190, 108, .18), transparent 72%), linear-gradient(118deg, #171614 0%, #241f18 100%);
    color: #f3ecda;
}
.dtl-hero::before { background: linear-gradient(180deg, #e2be6c, #bf4b3c); }
.dtl-hero .h15-h1, .dtl-hero .h15-sub, .dtl-hero .h15-eyebrow, .dtl-hero .h15-hero-meta { color: #f3ecda; }
.dtl-hero .h15-sub strong { color: #f0d49a; }
.dtl-hero .h15-eyebrow { background: rgba(226, 190, 108, .1); border-color: rgba(226, 190, 108, .3); }
.dtl-hero .h15-hero-meta { border-top-color: rgba(243, 236, 218, .18); }
.dtl-hero .h15-btn { background: #e2be6c; color: #1d1810; }
.dtl-hero .h15-btn--ghost { background: transparent; color: #f3ecda; border-color: rgba(243, 236, 218, .38); }
:root[data-theme="dark"] .dtl .dtl-hero { background: linear-gradient(118deg, #0d0c0a 0%, #1a1712 100%); }
:root[data-theme="dark"] .dtl .dtl-hero .h15-btn { color: #1d1810; }
.dtl-quick { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.dtl-quick-net { font-size: var(--h15-fs-13); color: #ddd2b8; }
.dtl-quick-net b { font-size: 20px; color: #f0d49a; }
.dtl-seal { position: absolute; right: 34px; top: 26px; width: 78px; height: 78px; display: grid; place-items: center; border: 2px solid rgba(226, 190, 108, .4); border-radius: 50%; color: rgba(226, 190, 108, .55); font-family: var(--h15-font-num); font-size: 18px; font-weight: 800; letter-spacing: .1em; transform: rotate(-12deg); }
@media (max-width: 620px) { .dtl-seal { display: none; } }

.dtl-kpis { margin-bottom: 18px; }
.dtl-kpis .h15-kpis { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 700px) { .dtl-kpis .h15-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.dtl-kpis .h15-note { margin-top: 14px; }
.dtl-desk { display: grid; grid-template-columns: minmax(0, 1fr) 292px; gap: 18px; align-items: start; }
@media (max-width: 1000px) { .dtl-desk { grid-template-columns: 1fr; } }
.dtl-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.dtl-tabs button { padding: 6px 14px; border: 1px solid var(--h15-line); border-radius: 999px; background: var(--h15-card); color: var(--h15-ink-2); font-family: inherit; font-size: var(--h15-fs-12); font-weight: 700; cursor: pointer; }
.dtl-tabs button.is-on { background: var(--h15-ink); color: var(--h15-card); border-color: var(--h15-ink); }
:root[data-theme="dark"] .dtl .dtl-tabs button.is-on { background: var(--h15-accent); color: #17130a; border-color: var(--h15-accent); }
.dtl-tbl { min-width: 720px; }
.dtl-tbl th { background: var(--h15-card-2); }
.dtl-tbl .dtl-pos { color: var(--h15-up); }
.dtl-tbl .dtl-neg { color: var(--h15-down); }
.dtl-tbl button { padding: 3px 9px; border: 1px solid var(--h15-line); border-radius: 999px; background: var(--h15-card); color: var(--h15-ink-3); font-family: inherit; font-size: var(--h15-fs-11); cursor: pointer; }
.dtl-add-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; margin-top: 15px; }
.dtl-add-row .h15-btn { grid-column: 1 / -1; }
@media (max-width: 700px) { .dtl-add-row { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.dtl-stats { display: grid; gap: 11px; margin-bottom: 16px; }
.dtl-stat-t { display: flex; justify-content: space-between; font-size: var(--h15-fs-12); color: var(--h15-ink-2); }
.dtl-stat-track { height: 8px; border-radius: 999px; background: var(--h15-line-2); overflow: hidden; margin-top: 4px; }
.dtl-stat-track i { display: block; height: 100%; background: linear-gradient(90deg, var(--h15-accent), var(--h15-accent-2)); }
.dtl-esc-label { display: flex; align-items: center; gap: 7px; margin: 14px 0 6px; }
.dtl-esc-label .h15-select { width: 118px; padding: 5px 8px; }
.dtl-io { margin-top: 18px; }
.dtl-faq .h15-faq-item { border-left: 3px solid rgba(154, 117, 49, .4); }
.dtl-report-pre { margin: 0; white-space: pre-wrap; font-family: var(--h15-font-num); font-size: var(--h15-fs-12); line-height: 1.9; }