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

.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
}
.specbar{
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px
}
.sb{
border:1px solid var(--line);border-radius:var(--r-s);padding:12px 14px;background:#fbfdfb
}
.sb span{
display:block;font-size:12.5px;color:var(--muted)
}
.sb b{
display:block;font-size:16px;font-weight:600;line-height:1.5;margin-top:1px
}
.art p{
font-size:16.5px;line-height:1.85;margin-bottom:14px
}
.art h3{
font-size:17.5px;font-weight:700;margin:20px 0 10px;padding-left:11px;border-left:4px solid var(--green-l);line-height:1.4
}
.art h3:first-child{
margin-top:0
}
.art ul li{
font-size:16px;line-height:1.8;padding-left:16px;position:relative;margin-bottom:6px;color:var(--ink2)
}
.art ul li::before{
content:"";position:absolute;left:0;top:12px;width:6px;height:6px;border-radius:50%;background:var(--green-l)
}
.art .lead-t{
font-weight:600;color:var(--green-d)
}
.tscroll{
overflow-x:auto
}
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 td{
padding:11px 12px;border-bottom:1px solid var(--line2);vertical-align:top
}
table.d tbody tr:hover{
background:var(--green-bg)
}
table.d .k{
font-weight:600
}
table.d .v{
color:var(--green-d);font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums
}
table.d .wn{
white-space:nowrap
}
.checklist{
counter-reset:st
}
.checklist li{
position:relative;padding:0 0 20px 46px;border-left:2px solid var(--line);margin-left:15px
}
.checklist li:last-child{
border-left-color:transparent;padding-bottom:0
}
.checklist li::before{
counter-increment:st;content:counter(st);
  position:absolute;left:-16px;top:-3px;width:30px;height:30px;border-radius:50%;
  background:var(--green);color:#fff;font-size:14px;font-weight:700;display:grid;place-items:center;
}
.checklist h4{
font-size:17px;font-weight:600;line-height:1.5
}
.checklist .win{
display:inline-block;font-size:12.5px;color:var(--green-d);background:var(--green-bg);padding:1px 8px;border-radius:4px;margin:5px 0 6px
}
.checklist p{
font-size:15.5px;color:var(--ink2);line-height:1.8
}
.checklist .ok{
display:block;font-size:14.5px;color:var(--green-d);margin-top:6px
}
.checklist .ok b{
color:var(--green-d)
}
.myth{
border:1px solid var(--line);border-radius:var(--r-s);overflow:hidden
}
.myth .row{
display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);border-bottom:1px solid var(--line2)
}
.myth .row:last-child{
border-bottom:0
}
.myth .m{
background:#fdf6ec;padding:12px 14px;font-size:15.5px;color:var(--ink2);line-height:1.75
}
.myth .m b{
color:var(--amber);display:block;font-size:13px;margin-bottom:3px
}
.myth .r{
padding:12px 14px;font-size:15.5px;line-height:1.75
}
.myth .r b{
color:var(--green-d);display:block;font-size:13px;margin-bottom:3px
}
.cal{
display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px
}
.cal div{
text-align:center;font-size:12.5px;color:var(--muted);border:1px solid var(--line);border-radius:var(--r-s);padding:7px 0 9px;line-height:1.5
}
.cal div b{
display:block;font-size:14px;color:var(--ink2);font-variant-numeric:tabular-nums
}
.cal div.on{
background:var(--green-bg);border-color:var(--green-l);color:var(--green-d)
}
.cal div.on b{
color:var(--green-d);font-weight:700
}
.cal legend{
display:block
}
.calnote{
display:flex;gap:18px;flex-wrap:wrap;margin-top:10px;font-size:13.5px;color:var(--muted)
}
.calnote i{
display:inline-block;width:12px;height:12px;border-radius:3px;background:var(--green-bg);border:1px solid var(--green-l);vertical-align:-1px;margin-right:5px
}

aside .bd{
padding:12px 18px 15px
}

.rel li{
padding:9px 0;border-bottom:1px dashed var(--line2);font-size:15px;line-height:1.6
}
.rel li:last-child{
border-bottom:0
}
.rel li a:hover{
color:var(--green-d)
}
.rel li em{
font-style:normal;display:block;font-size:12.5px;color:var(--muted);margin-top:2px
}

.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:1080px){
.recos{
grid-template-columns:1fr
}
}
@media (max-width:860px){
.phead h1{
font-size:24px
}
.specbar{
grid-template-columns:repeat(2,minmax(0,1fr))
}
.myth .row{
grid-template-columns:1fr
}
.cal{
grid-template-columns:repeat(6,minmax(0,1fr))
}
}
@media (max-width:560px){
.specbar{
grid-template-columns:1fr
}
.cal{
grid-template-columns:repeat(4,minmax(0,1fr))
}
.checklist li{
padding-left:40px
}
}