/* 页面专属样式：tech
   站点级样式（设计令牌 / 顶栏 / 页头 / 搜索 / 按钮 / 栅格容器）由 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
}
.tlist{
padding:4px 20px 8px
}
.titem{
display:grid;grid-template-columns:168px minmax(0,1fr);gap:16px;padding:16px 0;border-bottom:1px dashed var(--line2)
}
.titem:last-child{
border-bottom:0
}
.titem .pic{
position:relative;height:112px;border-radius:var(--r-s);background:linear-gradient(140deg,#eaf5ec,#dceee2 60%,#d0e7d8);border:1px solid #dceade;display:grid;place-items:center;color:#7d938a;font-size:11.5px
}
.titem .pic::after{
content:"图 3:2";position:absolute;bottom:5px;right:7px;font-size:10px;color:#a3b5ac
}
.titem h3{
font-size:17.5px;font-weight:600;line-height:1.5
}
.titem h3 a:hover{
color:var(--green-d)
}
.titem .meta{
display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:7px 0 6px;font-size:13px;color:var(--muted)
}
.titem .meta .stg{
background:var(--green-bg);color:var(--green-d);font-weight:600;padding:1px 8px;border-radius:4px
}
.titem .meta .lv{
color:var(--amber);font-weight:600
}
.titem p{
font-size:15px;color:var(--ink2);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
.empty{
padding:46px 20px;text-align:center;color:var(--muted);font-size:15px
}
.reads li{
display:flex;gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px dashed var(--line2)
}
.reads li:last-child{
border-bottom:0
}
.reads .t{
flex:1;font-size:16px;line-height:1.6
}
.reads .t a:hover{
color:var(--green-d)
}
.reads .date{
flex:none;font-size:13.5px;color:var(--muted);font-variant-numeric:tabular-nums
}
aside .bd{
padding:12px 18px 15px
}

.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
}
.titem{
grid-template-columns:1fr;gap:10px
}
.titem .pic{
height:150px
}
}