.zh{display:none}.en{display:inline}
html[data-lang=zh] .zh{display:inline}html[data-lang=zh] .en{display:none}
html[data-lang=zh] p.zh,html[data-lang=en] p.en{display:block}
p.zh,p.en{margin-top:6px}
.ph-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.langbtn{border:1px solid #0b6e8a;background:#fff;color:#0b6e8a;border-radius:16px;padding:4px 14px;font-size:.85rem;cursor:pointer}
.toolbar{display:flex;gap:12px;align-items:center;margin-top:16px;flex-wrap:wrap}
#q{flex:1 1 260px;padding:10px 14px;border:1px solid #cdd6dd;border-radius:8px;font-size:1rem;min-width:0}
#q:focus{outline:2px solid #0b6e8a;border-color:#0b6e8a}
.count{font-size:.85rem;color:#667}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.chip{border:1px solid #cdd6dd;background:#fff;border-radius:18px;padding:6px 12px;font-size:.88rem;cursor:pointer;color:#334}
.chip i{font-style:normal;color:#889;font-size:.78rem}
.chip.on{background:#0b6e8a;border-color:#0b6e8a;color:#fff}.chip.on i{color:#d6eef5}
.pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}
.pcard{border:1px solid #e1e7ec;border-radius:10px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.pcard[hidden]{display:none}
.pcard .pic{display:block;aspect-ratio:4/3;background:#f3f6f8;position:relative}
.pcard .pic img{width:100%;height:100%;object-fit:contain}
a.pic{cursor:zoom-in}
.pcard .b{padding:10px 12px 12px;display:flex;flex-direction:column;flex:1}
.pcard h3{font-size:.98rem;color:#0b4f66;line-height:1.35;margin:4px 0 6px}
.pcard h3 small{display:block;font-weight:400;color:#667;font-size:.78rem}
.tag{font-size:.7rem;color:#0b6e8a;background:#e8f5f8;border-radius:10px;padding:1px 8px;align-self:flex-start}
.spec{list-style:none;font-size:.84rem;color:#334;line-height:1.5;margin-bottom:10px;flex:1}
.spec b{font-weight:500;color:#778;margin-right:4px}
.spec li{word-break:break-word}
.wa{display:flex;align-items:center;justify-content:center;gap:6px;background:#25a244;color:#fff;text-decoration:none;font-weight:600;border-radius:6px;padding:8px 6px;font-size:.88rem}
.wa:hover{background:#1d8a38}
.empty{margin:30px 0;text-align:center;color:#667}
.lb{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:50;display:flex;align-items:center;justify-content:center;padding:16px}
.lb[hidden]{display:none}
.lb img{max-width:100%;max-height:100%;object-fit:contain;background:#fff;border-radius:6px}
.lb button{position:absolute;top:10px;right:14px;font-size:2rem;color:#fff;background:none;border:0;cursor:pointer;line-height:1}
@media(min-width:620px){.pgrid{grid-template-columns:repeat(3,1fr);gap:16px}}
@media(min-width:960px){.pgrid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:380px){.pgrid{gap:8px}.pcard h3{font-size:.9rem}}

.pcard h3{font-size:1.02rem}
.pcard h3 a{color:inherit;text-decoration:none}
.pcard h3 small{display:block;font-weight:400;color:#667;font-size:.78rem;margin-top:1px}
a.more{display:block;text-align:center;font-size:.84rem;color:#0b6e8a;text-decoration:none;margin-bottom:8px;font-weight:600}
a.more:hover{text-decoration:underline}
a.pic{cursor:pointer}