/* 页面专属样式：trade-detail
   站点级样式（设计令牌 / 顶栏 / 页头 / 搜索 / 按钮 / 栅格容器）由 site.css 统一提供，
   本文件只保留该页特有的规则。 */
.crumb{
font-size:14px;color:var(--muted);padding:16px 0 0
}

.qtag{
flex:none;font-size:13px;font-weight:700;padding:2px 10px;border-radius:4px;letter-spacing:.5px
}
.qtag.sell{
background:#fdece9;color:var(--up)
}
.qtag.buy{
background:var(--green-bg);color:var(--green-d)
}
.toptag{
flex:none;font-size:12.5px;font-weight:700;padding:2px 8px;border-radius:4px;background:#fff4e0;color:var(--amber);border:1px solid #f0dcbd
}
.artmeta{
display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;font-size:14px;color:var(--muted)
}
.artmeta .k{
background:var(--green-bg);color:var(--green-d);font-weight:600;padding:1px 9px;border-radius:4px
}
.bd{
padding:16px 20px 18px
}
.kvgrid{
display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px
}
.kv{
border:1px solid var(--line);border-radius:var(--r-s);padding:11px 13px;background:#fbfdfb
}
.kv span{
display:block;font-size:12.5px;color:var(--muted)
}
.kv b{
display:block;font-size:16.5px;font-weight:600;line-height:1.5;margin-top:1px;font-variant-numeric:tabular-nums
}
.kv b em{
font-style:normal;font-size:12.5px;color:var(--muted);font-weight:400;margin-left:3px
}
.pricebox{
display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:16px 20px;border-top:1px solid var(--line2);background:#fbfdfb
}
.pricebox .p{
font-size:34px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.15
}
.pricebox .p small{
font-size:14px;color:var(--ink2);font-weight:600;margin-left:4px
}
.pricebox .cmp{
font-size:14.5px;color:var(--muted);line-height:1.7
}
.pricebox .cmp b{
color:var(--green-d)
}
.pricebox .acts{
margin-left:auto;display:flex;gap:10px;flex-wrap:wrap
}
.contact{
border:1px solid var(--line);border-radius:var(--r-s);padding:16px 18px;background:#fbfdfb
}
.crow{
display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:9px 0;border-bottom:1px dashed var(--line2)
}
.crow:last-child{
border-bottom:0
}
.crow .lb{
flex:none;width:88px;font-size:14.5px;color:var(--muted)
}
.crow .vl{
font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.5px
}
.crow .vl.mask{
color:var(--muted);letter-spacing:2px
}
.crow .tip{
font-size:13px;color:var(--muted)
}
.desc p{
font-size:16.5px;line-height:1.85;margin-bottom:12px
}
.desc p:last-child{
margin-bottom:0
}
.desc ul li{
font-size:16px;line-height:1.8;padding-left:16px;position:relative;margin-bottom:6px;color:var(--ink2)
}
.desc ul li::before{
content:"";position:absolute;left:0;top:12px;width:6px;height:6px;border-radius:50%;background:var(--green-l)
}
.map{
position:relative;height:190px;border-radius:var(--r-s);background:linear-gradient(140deg,#eef4ef,#e2ece6 60%,#d8e6de);border:1px solid #dceade;display:grid;place-items:center;color:#7d938a;font-size:13px;margin-bottom:14px
}
.map::after{
content:"产区地图占位";position:absolute;bottom:8px;right:10px;font-size:11px;color:#a3b5ac
}
.zrow{
display:flex;gap:16px;flex-wrap:wrap;font-size:15px;color:var(--ink2)
}
.zrow span b{
font-weight:600
}
.sim{
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px
}
.simc{
border:1px solid var(--line);border-radius:var(--r-s);padding:13px 15px;background:var(--white);transition:.15s;display:block
}
.simc:hover{
border-color:#bfdcc9;background:var(--green-bg)
}
.simc b{
display:block;font-size:16px;line-height:1.5;margin-bottom:4px
}
.simc .m{
font-size:13.5px;color:var(--muted);line-height:1.65
}
.simc .pr{
font-size:16.5px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:6px
}
.simc .pr small{
font-size:12.5px;font-weight:400;color:var(--muted);margin-left:3px
}

aside .bd{
padding:12px 18px 15px
}
.infocard{
border:1px solid var(--line);border-radius:var(--r-s);padding:13px 15px;background:#fbfdfb;margin-bottom:12px
}
.infocard .who{
font-size:17px;font-weight:600
}
.infocard .badge{
display:inline-block;font-size:12px;font-weight:600;color:var(--green-d);background:var(--green-bg);padding:1px 7px;border-radius:4px;margin-left:7px;vertical-align:2px
}
.infocard dl{
margin-top:9px;font-size:14px;line-height:1.7
}
.infocard dl div{
display:flex;gap:8px;padding:4px 0;border-bottom:1px dashed var(--line2)
}
.infocard dl div:last-child{
border-bottom:0
}
.infocard dt{
flex:none;width:76px;color:var(--muted)
}
.infocard dd{
flex:1;color:var(--ink)
}

.tagsbar{
border-top:1px solid var(--line2);padding:18px 0
}
.tagsbar strong{
font-size:15px;margin-right:10px
}
.tagsbar a{
display:inline-block;font-size:13.5px;color:var(--muted);margin:4px 10px 4px 0
}
.tagsbar a:hover{
color:var(--green);text-decoration:underline
}
@media (max-width:860px){
.phead h1{
font-size:22px
}
.kvgrid{
grid-template-columns:repeat(2,minmax(0,1fr))
}
.pricebox .acts{
margin-left:0;width:100%
}
.sim{
grid-template-columns:1fr
}
.crow .lb{
width:100%
}
}