/* ===== Tarsign · K 线读图训练 =====
   主色沿用全站令牌：靛青蓝 #27548c + 赭石 #b45309
   ★价格类图形不做红绿定性——K 线本身用「涨=空心 / 跌=实心」的画法，
     颜色只区分阳线与阴线（这是蜡烛图的标准画法，不是涨跌预测）。 */

.kt-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start;}
@media (max-width:1180px){.kt-layout{grid-template-columns:minmax(0,1fr);}}

/* ---------- 主区 ---------- */
.kt-main{padding:0;overflow:hidden;}

.kt-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 16px;border-bottom:1px solid #eef2f8;background:#fbfcfe;}
.kt-bar-l{display:flex;align-items:center;gap:10px;min-width:0;}
.kt-no{font-size:13px;font-weight:700;color:#1c2333;}
.kt-blind{font-size:11px;color:#8a93a5;background:#f2f6fb;border-radius:999px;padding:2px 9px;}
.kt-bar-r{display:flex;align-items:center;gap:10px;}
.kt-mini{font-size:11.5px;color:#8a93a5;}
.kt-btn-sm{font-size:12px;padding:4px 11px;height:auto;}

/* 难度分级（评审意见：按信号明显程度分层出题） */
.kt-lv{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:9px 16px;
  border-bottom:1px solid #eef2f8;background:#fff;}
.kt-lv button{font-family:inherit;font-size:12px;padding:4px 12px;border-radius:999px;
  border:1px solid #e4eaf3;background:#fbfcfe;color:#5a6478;cursor:pointer;
  transition:background .12s,border-color .12s,color .12s;}
.kt-lv button:hover{border-color:#b9cfe6;color:#27548c;}
.kt-lv button.on{background:#27548c;border-color:#27548c;color:#fff;font-weight:600;}
.kt-lv-hint{font-size:11px;color:#a2aab8;margin-left:4px;}
.kt-bt{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:11.5px;
  color:#5a6478;cursor:pointer;padding:2px 8px;border:1px solid #e4eaf3;border-radius:999px;
  background:#fbfcfe;}
.kt-bt:hover{border-color:#b9cfe6;color:#27548c;}
.kt-bt input{margin:0;accent-color:#27548c;cursor:pointer;}

/* 判定依据清单（评审意见：答后逐条给信号事实，建立因果） */
.kt-why{padding:10px 12px;border-radius:10px;background:#f7fafe;border:1px solid #e3edf8;margin-bottom:12px;}
.kt-why-t{font-size:11.5px;font-weight:700;color:#27548c;margin-bottom:7px;}
.kt-w-row{display:flex;align-items:flex-start;gap:8px;padding:3px 0;font-size:12px;}
.kt-w-ico{flex:none;width:17px;height:17px;line-height:15px;text-align:center;border-radius:50%;
  font-size:11px;margin-top:1px;}
.kt-w-ico.y{background:#eef7f1;color:#1f6b45;border:1px solid #cfe8da;}
.kt-w-ico.n{background:#fdf3ec;color:#a1480c;border:1px solid #f3ddc9;}
.kt-w-ico.i{background:#f2f5fa;color:#8a93a5;border:1px solid #e4eaf3;}
.kt-w-main{flex:1;line-height:1.6;color:#4a5468;}
.kt-w-main b{color:#2b3444;font-weight:600;margin-right:6px;}
.kt-w-foot{margin-top:7px;padding-top:7px;border-top:1px dashed #d8e4f2;font-size:11.5px;color:#5a6478;}

/* 每日目标（评审意见） */
.kt-day{margin-top:12px;padding:9px 10px;border-radius:9px;background:#fafbfd;border:1px solid #eef2f8;}
.kt-day-t{display:flex;justify-content:space-between;font-size:11px;color:#8a93a5;margin-bottom:6px;}
.kt-day-t b{color:#27548c;font-size:12px;}
.kt-day-bar{height:6px;border-radius:4px;background:#edf1f7;overflow:hidden;}
.kt-day-bar i{display:block;height:100%;width:0;background:#27548c;border-radius:4px;
  transition:width .3s;}
.kt-day-x{margin-top:5px;font-size:10.5px;color:#a2aab8;line-height:1.5;}

.kt-wrong{margin-top:8px;font-size:11px;color:#8a93a5;}

/* 分难度正确率（评审意见 4） */
.kt-bl{margin-top:8px;}
.kt-bl-t{font-size:11px;color:#8a93a5;margin-bottom:4px;}
.kt-bl-row{display:flex;align-items:center;gap:8px;padding:2px 0;font-size:11.5px;color:#5a6478;}
.kt-bl-row span{flex:1;}
.kt-bl-row b{font-weight:600;color:#2b3444;}
.kt-bl-row i{font-style:normal;color:#27548c;font-weight:600;width:38px;text-align:right;}

/* 「后续验证」行（评审意见 1） */
.kt-w-win{margin-top:6px;padding:7px 10px;border-radius:8px;background:#eef3fa;
  border:1px solid #d8e4f2;font-size:12px;color:#27548c;font-weight:600;}

/* 图上参考线：鼠标提示（评审意见） */
#ktChart{cursor:crosshair;}
.kt-legend .lg-hint{color:#b9c0cc;}


.kt-chartbox{position:relative;padding:10px 12px 4px;background:#fff;}
#ktChart{display:block;width:100%;height:430px;}
.kt-legend{display:flex;flex-wrap:wrap;gap:14px;padding:2px 4px 10px;font-size:11.5px;color:#7c869a;}
.kt-legend i{display:inline-block;width:16px;height:2px;vertical-align:middle;margin-right:5px;border-radius:2px;}
.kt-legend .lg-vol{display:inline-block;width:9px;height:9px;vertical-align:middle;margin-right:5px;
  background:#cfd8e6;border-radius:2px;}

/* 读图要素提示 */
.kt-read{margin:0 12px 12px;padding:10px 13px;border-radius:10px;background:#f7fafe;
  border-left:3px solid #cfe0f3;}
.kt-read-t{font-size:12px;font-weight:700;color:#27548c;margin-bottom:5px;}
.kt-read-l{margin:0;padding-left:16px;font-size:12px;color:#5a6478;line-height:1.85;}
.kt-read-l b{color:#43506b;font-weight:600;}

/* 提问区 */
.kt-ask{padding:14px 16px 16px;border-top:1px solid #eef2f8;background:#fff;}
.kt-ask-q{font-size:15px;color:#1c2333;margin-bottom:6px;}
.kt-ask-q b{color:#27548c;}
.kt-ask-hint{font-size:12px;color:#8a93a5;margin-bottom:11px;}
.kt-ask-b{display:flex;gap:12px;}
.kt-choice{flex:1;height:44px;font-family:inherit;font-size:14px;font-weight:600;
  border-radius:10px;cursor:pointer;border:1px solid #d8e4f2;background:#fbfcfe;color:#27548c;
  transition:background .12s,border-color .12s,color .12s;}
.kt-choice:hover{background:#eef5fd;border-color:#b9cfe6;}
.kt-choice.yes{border-color:#27548c;color:#fff;background:#27548c;}
.kt-choice.yes:hover{background:#1f4476;border-color:#1f4476;}
.kt-choice.no{border-color:#d8e4f2;color:#43506b;}
.kt-choice.no:hover{background:#f4f6fa;border-color:#c3ccdb;}
.kt-choice:disabled{opacity:.45;cursor:default;}
.kt-kbd{margin-top:9px;font-size:11px;color:#a2aab8;}
.kt-kbd kbd{display:inline-block;min-width:16px;text-align:center;font-family:inherit;
  background:#f2f5fa;border:1px solid #e4eaf3;border-radius:4px;padding:0 4px;color:#7c869a;}

/* 判定结果 */
.kt-result{padding:0 16px 16px;}
.kt-verdict{display:flex;align-items:center;gap:9px;padding:11px 13px;border-radius:10px;
  font-size:13.5px;font-weight:600;margin-bottom:10px;}
.kt-verdict.ok{background:#eef7f1;color:#1f6b45;border:1px solid #cfe8da;}
.kt-verdict.bad{background:#fdf3ec;color:#a1480c;border:1px solid #f3ddc9;}
.kt-verdict.skip{background:#f5f7fb;color:#5a6478;border:1px solid #e4eaf3;}
.kt-verdict .kv-ico{font-size:15px;}
.kt-verdict .kv-sub{font-weight:400;color:#7c869a;font-size:12px;margin-left:2px;}

.kt-reveal{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:12px;}
.kt-reveal[hidden],.kt-reveal-btn[hidden]{display:none;}
.kt-rv{padding:9px 11px;border-radius:9px;background:#fafbfd;border:1px solid #eef2f8;}
.kt-rv span{display:block;font-size:11px;color:#8a93a5;margin-bottom:3px;}
.kt-rv b{font-size:13.5px;color:#2b3444;font-weight:600;}
.kt-rv.hl{background:#f7fafe;border-color:#dce8f5;}
.kt-rv.hl b{color:#27548c;}

.kt-reveal-btn{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:10px;
  background:#fbfcfe;border:1px dashed #d8e4f2;margin-bottom:12px;}
.kt-reveal-hint{font-size:11.5px;color:#8a93a5;}

.kt-teach{font-size:12.5px;color:#4a5468;line-height:1.95;}
.kt-teach .kt-t-row{display:flex;gap:8px;padding:3px 0;}
.kt-teach .kt-t-k{flex:none;width:64px;color:#8a93a5;}
.kt-teach .kt-t-v{flex:1;}
.kt-teach .kt-t-v b{color:#27548c;font-weight:600;}

.kt-nav2{display:flex;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid #eef2f8;}
.btn.kt-btn-ghost{background:#fff;color:#7c869a;border:1px solid #e4eaf3;}

/* ---------- 右侧栏 ---------- */
.kt-side{display:flex;flex-direction:column;gap:14px;}
.kt-card{padding:15px 16px;}
.kt-card-t{font-size:12.5px;font-weight:700;color:#27548c;margin-bottom:11px;
  padding-bottom:8px;border-bottom:1px solid #eef2f8;}

.kt-score{display:flex;align-items:baseline;gap:10px;margin-bottom:12px;}
.kt-score-big{display:flex;align-items:baseline;gap:4px;}
.kt-score-big b{font-size:34px;line-height:1;color:#1c2333;font-weight:700;letter-spacing:-.5px;}
.kt-score-big i{font-style:normal;font-size:11.5px;color:#8a93a5;}
.kt-score-sub{font-size:11.5px;color:#8a93a5;line-height:1.5;}

.kt-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.kt-cell{background:#fafbfd;border:1px solid #eef2f8;border-radius:9px;padding:8px 10px;}
.kt-cell span{display:block;font-size:11px;color:#8a93a5;margin-bottom:2px;}
.kt-cell b{font-size:16px;color:#2b3444;font-weight:700;}

.kt-reset{margin-top:11px;width:100%;height:30px;font-family:inherit;font-size:11.5px;
  color:#9aa2b1;background:#fff;border:1px solid #eef2f8;border-radius:8px;cursor:pointer;}
.kt-reset:hover{color:#a1480c;border-color:#f3ddc9;background:#fdf9f5;}

.kt-rule{font-size:12px;color:#4a5468;line-height:1.9;}
.kt-rule .kr-row{display:flex;gap:8px;padding:3px 0;border-bottom:1px dashed #f1f4f9;}
.kt-rule .kr-row:last-child{border-bottom:0;}
.kt-rule .kr-k{flex:none;width:62px;color:#8a93a5;}
.kt-rule .kr-v{flex:1;}
.kt-rule .kr-v b{color:#27548c;font-weight:600;}
.kt-rule-note{margin-top:10px;padding-top:9px;border-top:1px solid #eef2f8;
  font-size:11.5px;color:#8a93a5;line-height:1.75;}
.kt-rule-note b{color:#a1480c;font-weight:600;}

.kt-tips{margin:0;padding-left:17px;font-size:12px;color:#5a6478;line-height:1.9;}