.diagnostic-box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:14px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.diagnostic-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.diagnostic-head>div{min-width:0}.diagnostic-head strong{display:block;font-size:16px;margin-bottom:4px}.diagnostic-head span{display:block;color:var(--muted);font-size:12px;line-height:1.5}
.diagnostic-main{min-height:auto;padding:9px 12px;white-space:nowrap;font-weight:800;color:var(--accent2);background:var(--soft)}
.diagnostic-flow{display:flex;align-items:center;gap:9px;margin-top:13px;padding-top:12px;border-top:1px solid var(--line);overflow:auto;scrollbar-width:none}
.diagnostic-flow span{font-size:12px;white-space:nowrap;color:#39414b}.diagnostic-flow b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#132238;color:#fff;font-size:11px;margin-right:5px}.diagnostic-flow i{font-style:normal;color:#9ba5b1}
.share-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:50;background:#101820;color:white;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:800;box-shadow:0 6px 22px rgba(0,0,0,.18)}
.guide-card.new-guide{outline:2px solid rgba(20,104,232,.10)}
@media(max-width:760px){.diagnostic-box{padding:13px}.diagnostic-head{align-items:flex-start}.diagnostic-head span{max-width:235px}.diagnostic-flow{gap:7px}.searchbar{gap:6px}.searchbar .toolbtn{padding:0 9px}.searchbar #shareBtn{font-size:11px}}
@media(max-width:420px){.searchbar #compactBtn{display:none}.diagnostic-head span{max-width:210px}}