
.dpv-container{max-width:1080px;margin:0 auto;padding:20px 16px}
.dpv-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.dpv-title{font-size:22px;font-weight:600;margin:0;color:var(--text-primary,#e0e6ed)}
.dpv-sub{font-size:13px;color:var(--text-muted,#8a94a6);flex:1}
.dpv-loading{padding:48px;text-align:center;color:var(--text-muted,#8a94a6)}
.dpv-review{font-size:14px;color:var(--text-secondary,#a8b2c4);background:var(--bg-card,#131820);border:1px solid var(--border-color,#1e2530);border-left:3px solid var(--accent,#4f8df7);border-radius:8px;padding:12px 16px;margin-bottom:16px}
.dpv-top1{background:#4f8df7,var(--bg-card,#131820);border:1px solid rgba(79,141,247,.28);border-radius:14px;padding:22px;margin-bottom:20px}
.dpv-top1-badge{display:inline-block;font-size:12px;font-weight:600;color:var(--accent,#4f8df7);border:1px solid rgba(79,141,247,.4);border-radius:20px;padding:3px 12px;margin-bottom:12px}
.dpv-top1-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.dpv-top1-name{font-size:28px;font-weight:700;color:var(--text-primary,#e0e6ed)}
.dpv-top1-code{font-size:14px;color:var(--text-muted,#8a94a6)}
.dpv-top1-chg{font-size:16px;font-weight:600}
.dpv-chg-up{color:var(--up,#ff3b3b)}
.dpv-chg-down{color:var(--down,#00c853)}
.dpv-top1-score{font-size:14px;color:var(--text-secondary,#a8b2c4);margin:8px 0 14px}
.dpv-top1-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:14px}
.dpv-metric{display:flex;flex-direction:column;gap:4px;background:var(--bg-elevated,#1a2230);border-radius:8px;padding:10px 12px}
.dpv-metric-label{font-size:12px;color:var(--text-muted,#8a94a6)}
.dpv-metric-val{font-size:16px;font-weight:600;color:var(--text-primary,#e0e6ed)}
.dpv-warn{color:#f5a623}
.dpv-gain{color:var(--up,#ff3b3b)}
.dpv-top1-reason{font-size:13px;color:var(--text-secondary,#a8b2c4);line-height:1.6;margin-bottom:14px}
.dpv-chat-btn{background:var(--accent,#4f8df7);color:#fff;border:none;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:600;cursor:pointer}
.dpv-chat-btn:hover{background:#5d9bf8}
.dpv-sec{font-size:15px;font-weight:600;color:var(--text-secondary,#a8b2c4);margin:18px 0 10px;letter-spacing:.3px}
.dpv-list{background:var(--bg-card,#131820);border:1px solid var(--border-color,#1e2530);border-radius:12px;overflow:hidden}
.dpv-list-item{display:grid;grid-template-columns:44px minmax(110px,1.2fr) 54px 70px 74px 66px 52px minmax(130px,1.5fr);align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line-faint,#1e2530);cursor:pointer;transition:background .15s;font-size:14px}
.dpv-list-item:last-child{border-bottom:none}
.dpv-list-item:hover{background:var(--accent-soft,rgba(79,141,247,.08))}
.dpv-rank{color:var(--text-muted,#8a94a6);font-weight:600}
.dpv-item-name{font-weight:600;color:var(--text-primary,#e0e6ed);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dpv-item-code{font-size:12px;color:var(--text-muted,#8a94a6);margin-left:6px}
.dpv-item-score,.dpv-item-price,.dpv-item-stop,.dpv-item-pos{font-family:var(--font-mono,monospace);font-variant-numeric:tabular-nums}
.dpv-item-reason{font-size:12px;color:var(--text-muted,#8a94a6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dpv-record{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--bg-card,#131820);border:1px solid var(--border-color,#1e2530);border-radius:12px;padding:12px 16px;margin-top:14px;font-size:13px;color:var(--text-secondary,#a8b2c4)}
.dpv-close{background:var(--bg-card,#131820);border:1px solid rgba(79,141,247,.25);border-radius:12px;padding:16px;margin-top:14px}
.dpv-close-title{font-size:14px;font-weight:600;color:var(--text-primary,#e0e6ed);margin-bottom:12px}
.dpv-close-metrics{display:flex;gap:24px;flex-wrap:wrap}
.dpv-close-m{display:flex;flex-direction:column;gap:4px}
.dpv-close-label{font-size:12px;color:var(--text-muted,#8a94a6)}
.dpv-close-note{font-size:12px;color:var(--text-muted,#8a94a6);margin-top:12px;opacity:.8}
@media (max-width:900px){.dpv-list-item{grid-template-columns:32px minmax(90px,1fr) 54px 70px 74px 50px;font-size:13px}.dpv-item-reason{display:none}}
@media (max-width:640px){.dpv-list-item{grid-template-columns:28px 1fr 60px 70px;gap:6px;padding:10px 12px}.dpv-item-price,.dpv-item-stop{display:none}.dpv-top1-name{font-size:22px}}
