.qd-today-candidates-tab {
  position: relative;
}

.qd-today-candidates-tab .qd-tc-tab-icon {
  display: inline-grid;
  width: 22px;
  height: 22px;
  margin-right: 7px;
  place-items: center;
  border: 1px solid rgba(25, 211, 197, .44);
  border-radius: 7px;
  color: #35e2d2;
  font-size: 11px;
  font-weight: 800;
  background: rgba(19, 204, 190, .08);
}

.qd-today-candidates-tab > em {
  margin-left: 7px;
  padding: 1px 5px;
  border-radius: 8px;
  color: #061818;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  line-height: 15px;
  letter-spacing: .4px;
  background: linear-gradient(135deg, #48ebd8, #14bcb6);
}

.qd-today-candidates-tab.ant-tabs-tab-active .qd-tc-tab-icon {
  color: #071b19;
  border-color: #42e5d4;
  background: #42e5d4;
  box-shadow: 0 0 18px rgba(28, 217, 201, .24);
}

.qd-a-original-hidden {
  display: none !important;
}

.qd-today-candidates-host[hidden] {
  display: none !important;
}

.qd-today-candidates-host {
  --tc-bg: #0d0f10;
  --tc-panel: #131617;
  --tc-panel-2: #171a1b;
  --tc-border: rgba(255, 255, 255, .075);
  --tc-muted: #788081;
  --tc-text: #dce3e3;
  --tc-teal: #25d5c6;
  --tc-green: #21d391;
  --tc-red: #ff6268;
  --tc-amber: #ffbd58;
  display: block;
  width: 100%;
  min-height: calc(100vh - 245px);
  color: var(--tc-text);
  font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif;
  background:
    radial-gradient(circle at 9% -12%, rgba(28, 207, 192, .075), transparent 27%),
    radial-gradient(circle at 92% 9%, rgba(84, 117, 255, .045), transparent 22%),
    var(--tc-bg);
}

.qd-tc-shell {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: 1740px;
  min-height: calc(100vh - 245px);
  margin: 0 auto;
  padding: 22px 26px 36px;
}

.qd-tc-shell *,
.qd-tc-shell *::before,
.qd-tc-shell *::after {
  box-sizing: border-box;
}

.qd-tc-shell button {
  font: inherit;
}

.qd-tc-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
}

.qd-tc-hero-title,
.qd-tc-hero-title > div:last-child > div {
  display: flex;
  align-items: center;
}

.qd-tc-hero-title {
  gap: 13px;
}

.qd-tc-logo {
  position: relative;
  display: grid;
  flex: 0 0 49px;
  width: 49px;
  height: 49px;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(45, 224, 207, .25);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(38, 218, 201, .15), rgba(8, 21, 22, .88));
  box-shadow: inset 0 0 18px rgba(35, 212, 195, .07), 0 8px 30px rgba(0, 0, 0, .25);
}

.qd-tc-logo i,
.qd-tc-logo b {
  position: absolute;
  width: 28px;
  height: 13px;
  border-top: 2px solid #2bd9ca;
  border-right: 2px solid #2bd9ca;
  transform: rotate(-35deg) skewX(-16deg);
}

.qd-tc-logo i {
  left: 7px;
  top: 24px;
}

.qd-tc-logo b {
  left: 15px;
  top: 15px;
  opacity: .42;
}

.qd-tc-logo span {
  position: absolute;
  right: 6px;
  bottom: 4px;
  color: #85fff4;
  font-size: 9px;
  font-weight: 900;
}

.qd-tc-hero-title h1 {
  margin: 0;
  color: #f4f8f8;
  font-size: 23px;
  font-weight: 720;
  letter-spacing: .5px;
}

.qd-tc-hero-title em,
.qd-tc-hero-title small {
  margin-left: 9px;
  font-style: normal;
}

.qd-tc-hero-title em {
  padding: 2px 7px;
  border: 1px solid rgba(40, 214, 199, .24);
  border-radius: 5px;
  color: #53d9ce;
  font-size: 11px;
  background: rgba(26, 193, 180, .055);
}

.qd-tc-hero-title small {
  color: #505859;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1.2px;
}

.qd-tc-hero-title p {
  margin: 5px 0 0;
  color: #727a7b;
  font-size: 12px;
}

.qd-tc-hero-actions {
  display: flex;
  gap: 9px;
}

.qd-tc-hero-actions button,
.qd-tc-filters button,
.qd-tc-method-strip button,
.qd-tc-quality button {
  border: 0;
  cursor: pointer;
}

.qd-tc-hero-actions button {
  height: 36px;
  padding: 0 15px;
  border-radius: 7px;
  font-size: 12px;
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.qd-tc-hero-actions button:hover:not(:disabled) {
  transform: translateY(-1px);
}

.qd-tc-hero-actions button span {
  margin-right: 6px;
}

.qd-tc-hero-actions .secondary {
  border: 1px solid var(--tc-border);
  color: #aab1b1;
  background: rgba(255, 255, 255, .035);
}

.qd-tc-hero-actions .secondary:hover {
  border-color: rgba(37, 213, 198, .28);
  color: #d3dfde;
}

.qd-tc-hero-actions .primary {
  color: #041918;
  font-weight: 700;
  background: linear-gradient(135deg, #37ddce, #18bdb6);
  box-shadow: 0 6px 20px rgba(21, 191, 180, .18);
}

.qd-tc-hero-actions .primary.loading span {
  display: inline-block;
  animation: qd-tc-spin 1s linear infinite;
}

.qd-tc-error {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 14px;
  padding: 10px 13px;
  border: 1px solid rgba(255, 91, 99, .24);
  border-radius: 8px;
  color: #d8b0b2;
  font-size: 12px;
  background: rgba(255, 80, 89, .07);
}

.qd-tc-error strong {
  color: #ff7e83;
}

.qd-tc-error button {
  margin-left: auto;
  border: 0;
  color: #c07b7e;
  background: transparent;
  cursor: pointer;
}

.qd-tc-overview {
  display: grid;
  grid-template-columns: repeat(5, minmax(130px, 1fr));
  overflow: hidden;
  margin-bottom: 10px;
  border: 1px solid var(--tc-border);
  border-radius: 10px;
  background: rgba(19, 22, 23, .86);
}

.qd-tc-overview article {
  position: relative;
  min-height: 76px;
  padding: 14px 17px;
  border-right: 1px solid var(--tc-border);
}

.qd-tc-overview article:last-child {
  border-right: 0;
}

.qd-tc-overview article.hot {
  background: linear-gradient(135deg, rgba(27, 211, 148, .075), transparent);
}

.qd-tc-overview article.hot::before {
  position: absolute;
  left: 0;
  top: 14px;
  bottom: 14px;
  width: 2px;
  content: "";
  background: #2bd597;
  box-shadow: 0 0 12px rgba(43, 213, 151, .55);
}

.qd-tc-overview span,
.qd-tc-overview small {
  display: block;
}

.qd-tc-overview span {
  margin-bottom: 4px;
  color: #707879;
  font-size: 11px;
}

.qd-tc-overview strong {
  margin-right: 7px;
  color: #e7ecec;
  font-family: "DIN Alternate", "Roboto Mono", monospace;
  font-size: 20px;
}

.qd-tc-overview article.hot strong {
  color: #46dfa3;
}

.qd-tc-overview small {
  display: inline;
  color: #485051;
  font-size: 10px;
}

.qd-tc-method-strip {
  display: flex;
  min-height: 41px;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 17px;
  padding: 8px 13px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 8px;
  color: #777f80;
  font-size: 11px;
  background: rgba(255, 255, 255, .018);
}

.qd-tc-method-strip > div,
.qd-tc-method-strip p {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 0;
}

.qd-tc-method-strip strong {
  color: #9fa7a7;
  font-weight: 500;
}

.qd-tc-method-strip i {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 5px;
  border-radius: 50%;
}

.qd-tc-method-strip .tech { background: #25d5c6; }
.qd-tc-method-strip .fund { background: #6f89ff; }
.qd-tc-method-strip .sent { background: #d884ff; }
.qd-tc-method-strip .macro { background: #ffb454; }

.qd-tc-method-strip b {
  color: #4bdba7;
  font-weight: 600;
}

.qd-tc-method-strip button {
  padding: 0;
  color: #36cfc2;
  font-size: 11px;
  background: transparent;
}

.qd-tc-filters {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 11px;
  border-bottom: 1px solid var(--tc-border);
}

.qd-tc-filters button {
  position: relative;
  height: 37px;
  padding: 0 13px;
  color: #737b7c;
  font-size: 12px;
  background: transparent;
}

.qd-tc-filters button::after {
  position: absolute;
  right: 13px;
  bottom: -1px;
  left: 13px;
  height: 2px;
  content: "";
  transform: scaleX(0);
  background: #26d2c4;
  transition: transform .16s ease;
}

.qd-tc-filters button.active {
  color: #dfe7e6;
}

.qd-tc-filters button.active::after {
  transform: scaleX(1);
}

.qd-tc-filters em {
  display: inline-grid;
  min-width: 18px;
  height: 18px;
  margin-left: 4px;
  padding: 0 5px;
  place-items: center;
  border-radius: 9px;
  color: #8a9293;
  font-size: 9px;
  font-style: normal;
  background: rgba(255, 255, 255, .055);
}

.qd-tc-filters > span {
  margin-left: auto;
  padding-right: 3px;
  color: #4e5657;
  font-size: 10px;
}

.qd-tc-results {
  display: grid;
  gap: 11px;
}

.qd-tc-stock {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--tc-border);
  border-radius: 10px;
  background: linear-gradient(140deg, rgba(24, 27, 28, .98), rgba(16, 19, 20, .98));
  box-shadow: 0 7px 24px rgba(0, 0, 0, .16);
  transition: border-color .18s ease, transform .18s ease;
}

.qd-tc-stock:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 255, 255, .12);
}

.qd-tc-card-accent {
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  opacity: .72;
  background: #687071;
}

.qd-tc-stock.buy .qd-tc-card-accent { background: #25d794; box-shadow: 0 0 17px #25d794; }
.qd-tc-stock.wait .qd-tc-card-accent { background: #ffb24f; box-shadow: 0 0 17px rgba(255, 178, 79, .5); }

.qd-tc-stock-head {
  display: grid;
  grid-template-columns: 43px minmax(230px, 1fr) 105px 142px;
  align-items: center;
  gap: 10px;
  padding: 15px 17px 12px 19px;
  border-bottom: 1px solid rgba(255, 255, 255, .055);
}

.qd-tc-rank {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 8px;
  color: #71797a;
  font: 700 12px/1 "Roboto Mono", monospace;
  background: rgba(255, 255, 255, .025);
}

.qd-tc-stock.buy .qd-tc-rank {
  border-color: rgba(38, 213, 148, .17);
  color: #44d9a1;
  background: rgba(38, 213, 148, .05);
}

.qd-tc-stock-name > div {
  display: flex;
  align-items: center;
  gap: 7px;
}

.qd-tc-stock-name h2 {
  margin: 0;
  color: #edf2f2;
  font-size: 15px;
  font-weight: 650;
}

.qd-tc-stock-name code {
  color: #839091;
  font: 500 11px/1 "Roboto Mono", monospace;
}

.qd-tc-stock-name em {
  padding: 2px 5px;
  border-radius: 4px;
  color: #618e8b;
  font-size: 9px;
  font-style: normal;
  background: rgba(36, 191, 178, .07);
}

.qd-tc-stock-name p {
  margin: 5px 0 0;
  color: #555e5f;
  font-size: 10px;
}

.qd-tc-live-price {
  text-align: right;
}

.qd-tc-live-price strong,
.qd-tc-live-price span {
  display: block;
  font-family: "DIN Alternate", "Roboto Mono", monospace;
}

.qd-tc-live-price strong {
  color: #e2e8e8;
  font-size: 18px;
}

.qd-tc-live-price span {
  margin-top: 2px;
  font-size: 11px;
}

.qd-tc-action {
  justify-self: end;
  min-width: 128px;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 7px;
  text-align: center;
  background: rgba(255, 255, 255, .025);
}

.qd-tc-action span,
.qd-tc-action small {
  display: block;
}

.qd-tc-action span {
  color: #aab2b2;
  font-size: 11px;
  font-weight: 650;
}

.qd-tc-action small {
  margin-top: 3px;
  color: #5d6667;
  font-size: 9px;
}

.qd-tc-action.buy {
  border-color: rgba(35, 212, 147, .23);
  background: rgba(35, 212, 147, .065);
}

.qd-tc-action.buy span { color: #40dba0; }
.qd-tc-action.wait { border-color: rgba(255, 182, 77, .19); background: rgba(255, 182, 77, .05); }
.qd-tc-action.wait span { color: #eeba6e; }

.qd-tc-card-main {
  display: grid;
  grid-template-columns: minmax(300px, 1.05fr) minmax(290px, .95fr) minmax(320px, 1.1fr);
  gap: 0;
}

.qd-tc-card-main > section {
  min-height: 134px;
  padding: 13px 17px;
  border-right: 1px solid rgba(255, 255, 255, .055);
}

.qd-tc-card-main > section:last-child { border-right: 0; }

.qd-tc-plan {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

.qd-tc-plan > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: 8px 9px;
  border: 1px solid rgba(255, 255, 255, .05);
  border-radius: 7px;
  background: rgba(255, 255, 255, .018);
}

.qd-tc-plan > div.entry {
  grid-column: span 2;
  border-color: rgba(38, 211, 149, .13);
  background: rgba(38, 211, 149, .035);
}

.qd-tc-plan span {
  margin-bottom: 4px;
  color: #626b6c;
  font-size: 9px;
}

.qd-tc-plan strong {
  overflow: hidden;
  color: #d0d7d7;
  font: 600 12px/1.3 "Roboto Mono", monospace;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.qd-tc-plan .entry strong { color: #45dca3; }
.qd-tc-plan .stop strong { color: #ee7479; }
.qd-tc-plan .target strong { color: #e3bc77; }

.qd-tc-panel-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.qd-tc-panel-title span {
  color: #929a9b;
  font-size: 10px;
  font-weight: 600;
}

.qd-tc-panel-title em {
  color: #596263;
  font-size: 9px;
  font-style: normal;
}

.qd-tc-score-row {
  display: grid;
  grid-template-columns: 53px 1fr 39px;
  align-items: center;
  gap: 7px;
  min-height: 22px;
}

.qd-tc-score-row > span {
  color: #626b6c;
  font-size: 9px;
}

.qd-tc-score-row > div {
  position: relative;
  height: 3px;
  border-radius: 2px;
  background: linear-gradient(90deg, rgba(255, 88, 97, .22) 0 49.5%, rgba(255, 255, 255, .055) 49.5% 50.5%, rgba(40, 215, 151, .22) 50.5%);
}

.qd-tc-score-row > div::after {
  position: absolute;
  left: 50%;
  top: -2px;
  width: 1px;
  height: 7px;
  content: "";
  background: rgba(255, 255, 255, .18);
}

.qd-tc-score-row i {
  position: absolute;
  left: 0;
  top: 0;
  height: 3px;
  border-radius: 2px;
  opacity: .55;
  background: linear-gradient(90deg, #ef656c, #53d7cb, #2cd496);
}

.qd-tc-score-row b {
  position: absolute;
  top: -2px;
  width: 7px;
  height: 7px;
  margin-left: -3px;
  border-radius: 50%;
  background: #a5b0b0;
  box-shadow: 0 0 6px rgba(255, 255, 255, .15);
}

.qd-tc-score-row > strong {
  text-align: right;
  font: 600 10px/1 "Roboto Mono", monospace;
}

.qd-tc-outlook-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
}

.qd-tc-outlook-item {
  position: relative;
  min-width: 0;
  padding: 10px 7px 8px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .05);
  border-radius: 7px;
  text-align: center;
  background: rgba(255, 255, 255, .018);
}

.qd-tc-outlook-item::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  content: "";
  opacity: .5;
  background: #7f8989;
}

.qd-tc-outlook-item.up::before { background: #2ad599; }
.qd-tc-outlook-item.down::before { background: #f26067; }

.qd-tc-outlook-item span,
.qd-tc-outlook-item strong,
.qd-tc-outlook-item em,
.qd-tc-outlook-item small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.qd-tc-outlook-item span { color: #596263; font-size: 8px; }
.qd-tc-outlook-item strong { margin: 5px 0 2px; color: #aeb6b6; font-size: 10px; }
.qd-tc-outlook-item.up strong { color: #43d99f; }
.qd-tc-outlook-item.down strong { color: #ee7076; }
.qd-tc-outlook-item em { color: #818a8b; font: 500 9px/1.4 "Roboto Mono", monospace; font-style: normal; }
.qd-tc-outlook-item small { color: #4d5657; font-size: 8px; }

.qd-tc-thesis {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border-top: 1px solid rgba(255, 255, 255, .055);
}

.qd-tc-thesis > div {
  display: grid;
  grid-template-columns: 76px 1fr;
  gap: 9px;
  min-height: 58px;
  padding: 10px 17px;
}

.qd-tc-thesis > div:first-child { border-right: 1px solid rgba(255, 255, 255, .055); }
.qd-tc-thesis > div > span { padding-top: 2px; color: #6c7576; font-size: 10px; }
.qd-tc-thesis .positive > span { color: #45c99a; }
.qd-tc-thesis .negative > span { color: #c99067; }
.qd-tc-thesis ul { display: flex; flex-wrap: wrap; gap: 5px 17px; margin: 0; padding: 0; list-style: none; }
.qd-tc-thesis li { position: relative; padding-left: 9px; color: #929a9a; font-size: 10px; line-height: 18px; }
.qd-tc-thesis li::before { position: absolute; left: 0; top: 7px; width: 3px; height: 3px; border-radius: 50%; content: ""; background: #4e5a5a; }
.qd-tc-thesis .positive li::before { background: #2fc995; }
.qd-tc-thesis .negative li::before { background: #d48c58; }

.qd-tc-empty-text { margin: 0; color: #4d5657; font-size: 10px; line-height: 18px; }

.qd-tc-quality {
  display: flex;
  min-height: 38px;
  align-items: center;
  gap: 24px;
  padding: 7px 17px 7px 19px;
  border-top: 1px solid rgba(255, 255, 255, .055);
  color: #586162;
  font-size: 9px;
  background: rgba(0, 0, 0, .08);
}

.qd-tc-quality > div { display: flex; align-items: center; gap: 6px; }
.qd-tc-quality strong { color: #899293; font: 500 9px/1 "Roboto Mono", monospace; }
.qd-tc-quality i { position: relative; display: block; width: 54px; height: 3px; overflow: hidden; border-radius: 2px; background: #252a2b; }
.qd-tc-quality i b { position: absolute; left: 0; top: 0; height: 100%; background: #31c8bb; }
.qd-tc-quality button { margin-left: auto; color: #4fcfc4; font-size: 9px; background: transparent; }
.qd-tc-quality button i { display: inline-block; width: 5px; height: 5px; margin-left: 6px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; border-radius: 0; transform: rotate(45deg) translateY(-2px); background: none; }

.qd-tc-details {
  display: grid;
  grid-template-columns: 1fr 1fr 1.1fr;
  gap: 0;
  border-top: 1px solid rgba(33, 213, 197, .12);
  background: rgba(7, 14, 14, .38);
  animation: qd-tc-reveal .18s ease both;
}

.qd-tc-details > section { padding: 14px 17px 17px; border-right: 1px solid rgba(255, 255, 255, .055); }
.qd-tc-details > section:last-child { border-right: 0; }
.qd-tc-detail-title { margin-bottom: 10px; color: #aab3b3; font-size: 11px; font-weight: 600; }
.qd-tc-detail-title small { margin-left: 5px; color: #4e5859; font-size: 8px; font-weight: 400; }
.qd-tc-metric-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
.qd-tc-metric-grid div { min-width: 0; padding: 7px 8px; border-radius: 5px; background: rgba(255, 255, 255, .025); }
.qd-tc-metric-grid span,
.qd-tc-metric-grid strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.qd-tc-metric-grid span { margin-bottom: 3px; color: #555f60; font-size: 8px; }
.qd-tc-metric-grid strong { color: #a6afaf; font: 500 9px/1.3 "Roboto Mono", monospace; }
.qd-tc-news-list { display: grid; gap: 5px; }
.qd-tc-news-list > a,
.qd-tc-news-static { display: flex; align-items: flex-start; gap: 8px; padding: 6px 8px; border-radius: 5px; color: inherit; text-decoration: none; background: rgba(255, 255, 255, .023); }
.qd-tc-news-list > a:hover { background: rgba(37, 213, 198, .045); }
.qd-tc-news-list > a > span,
.qd-tc-news-static > span { flex: 0 0 5px; width: 5px; height: 5px; margin-top: 4px; border-radius: 50%; background: #687172; }
.qd-tc-news-list span.positive { background: #2dd398; }
.qd-tc-news-list span.negative { background: #ed646b; }
.qd-tc-news-list span.prediction { background: #7c90ff; box-shadow: 0 0 7px rgba(124, 144, 255, .45); }
.qd-tc-prediction-title { margin: 4px 0 1px; color: #6675c8; font-size: 7px; font-weight: 800; letter-spacing: 1.2px; }
.qd-tc-news-list div div,
.qd-tc-news-list a div { min-width: 0; }
.qd-tc-news-list strong,
.qd-tc-news-list small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.qd-tc-news-list strong { color: #939c9c; font-size: 9px; font-weight: 500; }
.qd-tc-news-list small { margin-top: 2px; color: #485152; font-size: 8px; }

.qd-tc-footer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-top: 14px;
  padding: 11px 2px;
  color: #424a4b;
  font-size: 9px;
}

.qd-tc-footer > div { flex: 0 0 auto; }
.qd-tc-footer > div span { display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: #24cdbf; box-shadow: 0 0 7px rgba(36, 205, 191, .55); }
.qd-tc-footer p { max-width: 850px; margin: 0; text-align: right; line-height: 16px; }

.qd-tc-loading,
.qd-tc-no-result {
  display: flex;
  min-height: 320px;
  align-items: center;
  justify-content: center;
  gap: 24px;
  border: 1px solid var(--tc-border);
  border-radius: 10px;
  color: #788182;
  background: rgba(18, 21, 22, .65);
}

.qd-tc-loading strong,
.qd-tc-no-result strong { display: block; margin-bottom: 7px; color: #bdc6c6; font-size: 15px; }
.qd-tc-loading p,
.qd-tc-no-result p { margin: 0 0 5px; color: #697273; font-size: 11px; }
.qd-tc-loading small { color: #4c5556; font-size: 9px; }
.qd-tc-no-result { flex-direction: column; gap: 0; text-align: center; }

.qd-tc-radar {
  position: relative;
  width: 66px;
  height: 66px;
  border: 1px solid rgba(35, 211, 197, .18);
  border-radius: 50%;
  background: repeating-radial-gradient(circle, transparent 0 10px, rgba(35, 211, 197, .07) 11px 12px);
}

.qd-tc-radar::before,
.qd-tc-radar::after { position: absolute; content: ""; background: rgba(35, 211, 197, .09); }
.qd-tc-radar::before { left: 50%; top: 3px; bottom: 3px; width: 1px; }
.qd-tc-radar::after { left: 3px; right: 3px; top: 50%; height: 1px; }
.qd-tc-radar i { position: absolute; left: 50%; top: 50%; width: 29px; height: 29px; transform-origin: 0 0; overflow: hidden; }
.qd-tc-radar i::before { position: absolute; right: 0; bottom: 0; width: 58px; height: 58px; border-radius: 50%; content: ""; background: conic-gradient(from 90deg, rgba(37, 213, 198, .6), transparent 38%); }
.qd-tc-radar i:first-child { animation: qd-tc-radar 1.8s linear infinite; }
.qd-tc-radar i:nth-child(2) { animation: qd-tc-radar 1.8s linear -.9s infinite; opacity: .35; }
.qd-tc-radar span { position: absolute; left: 42px; top: 17px; width: 4px; height: 4px; border-radius: 50%; background: #4ce6d7; box-shadow: 0 0 8px #4ce6d7; animation: qd-tc-blink 1.2s ease infinite; }

.qd-tc-modal-backdrop {
  position: fixed;
  z-index: 10050;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(0, 0, 0, .72);
  backdrop-filter: blur(5px);
}

.qd-tc-method-modal {
  width: min(820px, 94vw);
  max-height: min(720px, 90vh);
  overflow: auto;
  border: 1px solid rgba(41, 215, 200, .2);
  border-radius: 12px;
  color: #bdc6c6;
  background: #151819;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .55);
}

.qd-tc-method-modal > header,
.qd-tc-method-modal > footer { display: flex; align-items: center; justify-content: space-between; padding: 17px 20px; }
.qd-tc-method-modal > header { border-bottom: 1px solid var(--tc-border); }
.qd-tc-method-modal > header span { color: #29cfc1; font-size: 8px; font-weight: 800; letter-spacing: 1.4px; }
.qd-tc-method-modal h2 { margin: 3px 0 0; color: #eef3f3; font-size: 18px; }
.qd-tc-method-modal > header button { border: 0; color: #778080; font-size: 18px; background: transparent; cursor: pointer; }
.qd-tc-method-body { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; padding: 16px 20px; }
.qd-tc-method-body article { padding: 13px 14px; border: 1px solid rgba(255, 255, 255, .06); border-radius: 8px; background: rgba(255, 255, 255, .02); }
.qd-tc-method-body article.wide { grid-column: 1 / -1; }
.qd-tc-method-body h3 { margin: 0 0 7px; color: #d5dddd; font-size: 12px; }
.qd-tc-method-body p { margin: 0 0 5px; color: #899293; font-size: 10px; line-height: 17px; }
.qd-tc-method-body small { color: #586162; font-size: 9px; line-height: 15px; }
.qd-tc-method-body .thresholds p { display: flex; gap: 8px; }
.qd-tc-method-body .thresholds b { padding: 4px 8px; border-radius: 5px; color: #42d89f; font-size: 9px; background: rgba(34, 211, 148, .06); }
.qd-tc-method-body .thresholds b:nth-child(2) { color: #ef7077; background: rgba(239, 94, 103, .06); }
.qd-tc-method-body .thresholds b:nth-child(3) { color: #a0a8a8; background: rgba(255, 255, 255, .04); }
.qd-tc-method-modal > footer { border-top: 1px solid var(--tc-border); color: #596263; font-size: 9px; }
.qd-tc-method-modal > footer button { padding: 7px 14px; border: 0; border-radius: 6px; color: #061918; font-size: 10px; font-weight: 700; background: #2cd1c3; cursor: pointer; }

.qd-tc-shell .up { color: var(--tc-green) !important; }
.qd-tc-shell .down { color: var(--tc-red) !important; }
.qd-tc-shell .flat { color: #8a9293 !important; }

@keyframes qd-tc-spin { to { transform: rotate(360deg); } }
@keyframes qd-tc-radar { to { transform: rotate(360deg); } }
@keyframes qd-tc-blink { 50% { opacity: .25; } }
@keyframes qd-tc-reveal { from { opacity: 0; transform: translateY(-5px); } }

@media (max-width: 1280px) {
  .qd-tc-shell { padding-right: 17px; padding-left: 17px; }
  .qd-tc-card-main { grid-template-columns: 1fr 1fr; }
  .qd-tc-card-main > section:nth-child(2) { border-right: 0; }
  .qd-tc-card-main > section:last-child { grid-column: 1 / -1; min-height: auto; border-top: 1px solid rgba(255, 255, 255, .055); }
  .qd-tc-outlook-grid { grid-template-columns: repeat(4, minmax(90px, 1fr)); }
  .qd-tc-details { grid-template-columns: 1fr 1fr; }
  .qd-tc-details > section:nth-child(2) { border-right: 0; }
  .qd-tc-details > section:last-child { grid-column: 1 / -1; border-top: 1px solid rgba(255, 255, 255, .055); }
}

@media (max-width: 920px) {
  .qd-tc-overview { grid-template-columns: repeat(3, 1fr); }
  .qd-tc-overview article:nth-child(3) { border-right: 0; }
  .qd-tc-overview article:nth-child(n+4) { border-top: 1px solid var(--tc-border); }
  .qd-tc-method-strip { align-items: flex-start; flex-direction: column; }
  .qd-tc-method-strip > div,
  .qd-tc-method-strip p { flex-wrap: wrap; gap: 8px 12px; }
  .qd-tc-stock-head { grid-template-columns: 40px 1fr 95px; }
  .qd-tc-action { grid-column: 2 / -1; justify-self: start; min-width: 170px; }
  .qd-tc-card-main { grid-template-columns: 1fr; }
  .qd-tc-card-main > section { border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, .055); }
  .qd-tc-card-main > section:last-child { grid-column: auto; border-top: 0; border-bottom: 0; }
  .qd-tc-thesis { grid-template-columns: 1fr; }
  .qd-tc-thesis > div:first-child { border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, .055); }
  .qd-tc-quality { flex-wrap: wrap; gap: 8px 17px; }
  .qd-tc-quality button { margin-left: 0; }
}

@media (max-width: 640px) {
  .qd-tc-shell { padding: 15px 10px 28px; }
  .qd-tc-hero { align-items: flex-start; flex-direction: column; }
  .qd-tc-hero-actions { width: 100%; }
  .qd-tc-hero-actions button { flex: 1; }
  .qd-tc-overview { grid-template-columns: 1fr 1fr; }
  .qd-tc-overview article:nth-child(odd) { border-right: 1px solid var(--tc-border); }
  .qd-tc-overview article:nth-child(even) { border-right: 0; }
  .qd-tc-overview article:nth-child(n+3) { border-top: 1px solid var(--tc-border); }
  .qd-tc-overview article:last-child { grid-column: 1 / -1; }
  .qd-tc-filters { overflow-x: auto; }
  .qd-tc-filters button { flex: 0 0 auto; }
  .qd-tc-filters > span { display: none; }
  .qd-tc-stock-head { grid-template-columns: 35px 1fr 76px; padding-right: 11px; padding-left: 13px; }
  .qd-tc-rank { width: 30px; height: 30px; }
  .qd-tc-stock-name p { display: none; }
  .qd-tc-live-price strong { font-size: 15px; }
  .qd-tc-plan { grid-template-columns: 1fr 1fr; }
  .qd-tc-plan > div.entry { grid-column: 1 / -1; }
  .qd-tc-outlook-grid { grid-template-columns: 1fr 1fr; }
  .qd-tc-thesis > div { grid-template-columns: 1fr; gap: 5px; }
  .qd-tc-details { grid-template-columns: 1fr; }
  .qd-tc-details > section { border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, .055); }
  .qd-tc-details > section:last-child { grid-column: auto; }
  .qd-tc-metric-grid { grid-template-columns: 1fr 1fr; }
  .qd-tc-footer { flex-direction: column; }
  .qd-tc-footer p { text-align: left; }
  .qd-tc-method-body { grid-template-columns: 1fr; }
  .qd-tc-method-body article.wide { grid-column: auto; }
  .qd-tc-method-modal > footer { gap: 12px; }
}