.stock-page{max-width:1000px;margin:0 auto;padding:0 20px}
.stock-header{text-align:center;padding:40px 0 30px}
.stock-header .subtitle{color:var(--tb--gray,#666)}
.stock-search .row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.stock-search .tb-ipt{min-width:180px}
.stock-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.panel{-webkit-border-radius:6px;border-radius:6px;padding:20px;background:var(--tb--bdbg,#fff);border:1px solid var(--tb--border,#e8ecf0)}
.placeholder{color:var(--tb--gray,#888)}
.ai-output{white-space:pre-wrap;line-height:1.65}
.progress-wrap{padding:10px}
.progress{height:6px;background:var(--tb--border,#e8ecf0);border-radius:4px;overflow:hidden}
.progress .bar{height:100%;width:30%;background:var(--tb--main,#1f80ff);animation:prog 1.2s linear infinite;border-radius:4px}
@keyframes prog{0%{transform:translateX(-100%)}100%{transform:translateX(300%)}}
.progress-wrap .tip{font-size:12px;color:var(--tb--gray,#888);margin-top:8px}
.web-item{padding:10px 0;border-bottom:1px dashed var(--tb--border,#e8ecf0)}
.web-item:last-child{border-bottom:none}

/* dark */
body.darking .panel, html[data-night="1"] .panel{background:#1f1f1f;border-color:#3a3a3a}
body.darking .stock-header .subtitle, html[data-night="1"] .stock-header .subtitle{color:#cfcfcf}

@media (max-width: 900px){
  .stock-panels{grid-template-columns:1fr}
}