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

.pricebar{
display:flex;align-items:flex-end;gap:26px;flex-wrap:wrap;margin-top:14px
}
.pnow .lab{
display:block;font-size:13.5px;color:var(--muted)
}
.pnow b{
font-size:42px;font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums;letter-spacing:-.5px
}
.pnow b small{
font-size:16px;font-weight:600;color:var(--ink2);margin-left:4px;letter-spacing:0
}
.pnow .chg{
display:inline-block;font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;margin-left:10px;vertical-align:6px
}
.pnow .sub2{
font-size:14px;color:var(--muted);margin-top:2px
}
.pmeta{
font-size:14px;color:var(--muted);line-height:1.9;padding-bottom:6px
}
.bd{
padding:16px 20px 18px
}
.chart-hd{
display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 20px;border-bottom:1px solid var(--line2);background:#fbfdfb
}

.legend{
display:flex;gap:16px;flex-wrap:wrap;margin-left:auto;font-size:14px;color:var(--ink2)
}
.legend button{
display:inline-flex;align-items:center;gap:7px;border:0;background:none;cursor:pointer;font-size:14px;color:var(--ink2);padding:3px 2px
}
.legend b{
width:16px;height:3px;border-radius:2px;flex:none
}
.legend button.off{
opacity:.36
}
.legend button.off b{
background:#c3cec7 !important
}
.chart-wrap{
position:relative;padding:12px 16px 6px
}
.chart-wrap svg{
width:100%;height:auto;display:block;touch-action:none
}
.gridline{
stroke:#eef3ef;stroke-width:1
}
.axis-t{
font-size:12px;fill:#8b9a91
}
.guide{
stroke:#c3cec7;stroke-width:1;stroke-dasharray:3 3
}
.tip{
position:absolute;z-index:5;min-width:190px;padding:10px 12px;background:var(--white);
  border:1px solid var(--line);border-radius:var(--r-s);box-shadow:0 8px 24px rgba(22,33,26,.14);
  font-size:13.5px;line-height:1.7;pointer-events:none;opacity:0;transition:opacity .12s;
}
.tip.on{
opacity:1
}
.tip .d{
font-weight:700;font-size:14px;color:var(--ink);padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid var(--line2)
}
.tip .r{
display:flex;align-items:center;gap:8px
}
.tip .r i{
width:10px;height:10px;border-radius:50%;flex:none
}
.tip .r span{
flex:1;color:var(--muted)
}
.tip .r b{
font-variant-numeric:tabular-nums
}
table.d{
width:100%;border-collapse:collapse;font-size:15.5px
}
table.d th{
text-align:left;font-size:13.5px;color:var(--muted);font-weight:600;padding:10px 12px;
  background:#fafcf9;border-bottom:1px solid var(--line);white-space:nowrap;
}
table.d th.r,table.d td.r{
text-align:right
}
table.d td{
padding:11px 12px;border-bottom:1px solid var(--line2);vertical-align:middle;white-space:nowrap
}
table.d tbody tr:hover{
background:var(--green-bg)
}
table.d .k{
font-weight:600
}
table.d .k em{
font-style:normal;display:block;font-size:12.5px;color:var(--muted);font-weight:400
}
table.d .pr{
font-weight:700;font-variant-numeric:tabular-nums;font-size:16.5px
}
table.d .ch{
font-variant-numeric:tabular-nums;font-weight:600
}
table.d .muted{
color:var(--muted);font-size:14.5px
}
.extremes{
display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px
}
.ex{
background:#fbfdfb;border:1px solid var(--line);border-radius:var(--r-s);padding:13px 15px
}
.ex span{
display:block;font-size:13px;color:var(--muted)
}
.ex b{
display:block;font-size:22px;font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums
}
.ex b i{
font-style:normal;font-size:13px;font-weight:600;color:var(--muted);margin-left:2px
}
.bar{
position:relative;height:8px;border-radius:4px;background:linear-gradient(90deg,#cfe8d8,#f6e2c8,#f3cfc7);margin:14px 0 8px
}
.bar i{
position:absolute;top:-4px;width:3px;height:16px;border-radius:2px;background:var(--ink)
}
.bar .t1{
left:0
}
.bar .t3{
right:0
}
.barline{
display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums
}
.art p{
font-size:16.5px;line-height:1.85;margin-bottom:14px;color:var(--ink)
}
.art p:last-child{
margin-bottom:0
}
.art .lead-t{
font-weight:600;color:var(--green-d)
}

.factors{
display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:6px
}
.fc{
border:1px solid var(--line);border-radius:var(--r-s);padding:12px 14px;background:#fbfdfb
}
.fc b{
display:block;font-size:15px;margin-bottom:3px
}
.fc span{
font-size:14px;color:var(--ink2);line-height:1.7
}

aside .bd{
padding:12px 18px 15px
}
.peers li{
display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px dashed var(--line2);font-size:15px
}
.peers li:last-child{
border-bottom:0
}
.peers .t{
flex:1;min-width:0
}
.peers .t a:hover{
color:var(--green-d)
}
.peers .t em{
font-style:normal;display:block;font-size:12.5px;color:var(--muted)
}
.peers .pv{
font-weight:700;font-variant-numeric:tabular-nums
}
.peers .pc{
width:62px;text-align:right;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums
}
.rd li{
padding:9px 0;border-bottom:1px dashed var(--line2);font-size:15px;line-height:1.6
}
.rd li:last-child{
border-bottom:0
}
.rd li a:hover{
color:var(--green-d)
}
.rd li em{
font-style:normal;display:block;font-size:12.5px;color:var(--muted);margin-top:2px
}

@media (max-width:1080px){
.recos{
grid-template-columns:1fr
}
}
@media (max-width:860px){
.phead h1{
font-size:24px
}
.pnow b{
font-size:34px
}
.legend{
margin-left:0
}
.extremes{
grid-template-columns:repeat(2,minmax(0,1fr))
}
.factors{
grid-template-columns:1fr
}
.table-scroll{
overflow:visible
}
table.d thead{
display:none
}
table.d tbody{
display:block
}
table.d tr{
display:block;border:1px solid var(--line);border-radius:var(--r-s);padding:12px 14px;margin:0 0 10px
}
table.d tr:hover{
background:var(--green-bg)
}
table.d td{
display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:3px 0;border:0;white-space:normal;text-align:left
}
table.d td::before{
content:attr(data-th);flex:none;font-size:13.5px;color:var(--muted)
}
table.d td.r{
text-align:right
}
}
@media (max-width:560px){
.seg button{
padding:0 10px;font-size:14px
}
.chart-wrap{
padding:8px 6px 4px
}
}