/* 页面专属样式：trade
   站点级样式（设计令牌 / 顶栏 / 页头 / 搜索 / 按钮 / 栅格容器）由 site.css 统一提供，
   本文件只保留该页特有的规则。 */
button,input,select{
font:inherit;color:inherit
}

.bd{
padding:16px 20px 18px
}

.tinfo{
display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:14px;color:var(--muted);padding:13px 20px;border-bottom:1px dashed var(--line2)
}
.tinfo b{
color:var(--ink2);font-variant-numeric:tabular-nums
}
.tinfo .right{
margin-left:auto;display:flex;align-items:center;gap:8px
}
.qlist{
padding:2px 20px 6px
}
.qitem{
display:grid;grid-template-columns:minmax(0,1fr) 168px;gap:16px;padding:15px 0;border-bottom:1px dashed var(--line2);position:relative
}
.qitem:last-child{
border-bottom:0
}
.qitem h3{
font-size:17.5px;font-weight:600;line-height:1.5;display:flex;align-items:center;gap:8px;flex-wrap:wrap
}
.qitem h3 a:hover{
color:var(--green-d)
}
.qtag{
flex:none;font-size:12.5px;font-weight:700;padding:1px 8px;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:12px;font-weight:700;padding:1px 7px;border-radius:4px;background:#fff4e0;color:var(--amber);border:1px solid #f0dcbd
}
.qitem .attrs{
display:flex;gap:16px;flex-wrap:wrap;margin:7px 0 6px;font-size:14.5px;color:var(--ink2)
}
.qitem .attrs span b{
font-weight:600
}
.qitem .foot{
display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:13px;color:var(--muted)
}
.qitem .foot .who{
color:var(--ink2)
}
.qitem .foot .left{
color:var(--amber);font-weight:600
}
.qitem .foot .left.soon{
color:var(--up)
}
.qitem .right{
display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:8px;text-align:right
}
.qitem .price{
font-size:19px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.3
}
.qitem .price small{
font-size:12.5px;font-weight:400;color:var(--muted);display:block
}
.qitem .price.neg{
font-size:15px;color:var(--muted);font-weight:600
}
.moretips{
padding:14px 20px 18px;text-align:center
}
.empty{
padding:46px 20px;text-align:center;color:var(--muted);font-size:15px
}
.safety{
font-size:13.5px;color:var(--ink2);line-height:1.75;background:#fdf6ec;border:1px solid #f0dcbd;border-radius:var(--r-s);padding:12px 14px
}
.safety b{
color:var(--amber)
}
aside .bd{
padding:12px 18px 15px
}

.rules li{
font-size:14px;color:var(--ink2);line-height:1.7;padding:6px 0 6px 15px;position:relative;border-bottom:1px dashed var(--line2)
}
.rules li:last-child{
border-bottom:0
}
.rules li::before{
content:"";position:absolute;left:0;top:14px;width:5px;height:5px;border-radius:50%;background:var(--green-l)
}
.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:24px
}
.qitem{
grid-template-columns:1fr;gap:10px
}
.qitem .right{
align-items:flex-start;text-align:left;flex-direction:row;flex-wrap:wrap;gap:12px
}
.qitem .price small{
display:inline;margin-left:4px
}
input.fkw{
min-width:100%
}
}
@media (max-width:560px){
.seg button{
padding:0 12px;font-size:14px
}
}