/* 光模块规格查询器 - 导航栏下方查询栏样式（浅色 · 与 minimalistblogger 主题协调） */
.wi-spec-bar{
  max-width:1139px;
  margin:0 auto 20px;
  padding:12px 18px 10px;
  background:#ffffff;
  border:1px solid #e5e6e9;
  border-top:3px solid #3498db;
  border-radius:0 0 8px 8px;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
  color:#000;
}
.wi-spec-bar .wi-spec-head{
  display:flex;align-items:center;gap:9px;
  font-weight:700;color:#000222;font-size:14px;letter-spacing:.01em;
  margin-bottom:4px;
}
.wi-spec-bar .wi-spec-head .wi-badge{
  background:#3498db;
  color:#fff;font-size:10.5px;font-weight:700;
  padding:2px 9px;border-radius:20px;letter-spacing:.06em;
}
.wi-spec-selrow{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 8px;}
.wi-spec-selrow label{display:flex;flex-direction:column;font-size:11px;color:#5b6675;font-weight:600;gap:4px;flex:1;min-width:170px;letter-spacing:.02em;}
.wi-spec-selrow select{
  padding:7px 10px;font-size:13.5px;
  border:1px solid #d5dbe3;border-radius:6px;
  background:#fbfcfe;color:#000222;font-weight:500;cursor:pointer;
  max-width:100%;appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='%233498db' d='M0 0l5 6 5-6z'/></svg>");
  background-repeat:no-repeat;background-position:right 10px center;padding-right:28px;
}
.wi-spec-selrow select:hover{border-color:#3498db;}
.wi-spec-selrow select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px rgba(52,152,219,.15);}
.wi-spec-selrow select option{background:#fff;color:#000222;}
.wi-spec-namebar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:4px 0 9px;font-size:13px;}
.wi-spec-namebar .pill{padding:2px 10px;border-radius:6px;font-weight:700;font-size:12px;}
.wi-spec-namebar .p-ff{background:#eaf3fd;color:#0b6bcb;}
.wi-spec-namebar .p-rate{background:#e8f6ef;color:#1e8e5a;}
.wi-spec-namebar .p-pmd{background:#f0edfd;color:#6d28d9;}
.wi-spec-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin-top:2px;}
.wi-spec-dcell{background:#fbfcfe;border:1px solid #e5e6e9;border-radius:8px;padding:9px 12px;}
.wi-spec-dcell .k{font-size:10px;color:#8a93a3;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px;}
.wi-spec-dcell .v{font-size:12.5px;color:#000222;line-height:1.5;}
.wi-spec-dcell .v small{color:#5b6675;font-size:11.5px;}
.wi-tag{display:inline-block;padding:1px 7px;border-radius:20px;font-size:11px;font-weight:600;}
.wi-tag-mm{background:#e8f6ef;color:#1e8e5a;}
.wi-tag-sm{background:#eaf3fd;color:#0b6bcb;}
.wi-tag-co{background:#f0edfd;color:#6d28d9;}
.wi-spec-bar .wi-spec-more{font-size:11.5px;margin-top:8px;text-align:right;border-top:1px solid #eef0f3;padding-top:7px;}
.wi-spec-bar .wi-spec-more a{color:#0b6bcb;font-weight:600;text-decoration:none;}
.wi-spec-bar .wi-spec-more a:hover{color:#3498db;text-decoration:underline;}
@media(max-width:640px){
  .wi-spec-selrow label{min-width:100%;}
  .wi-spec-detail-grid{grid-template-columns:1fr;}
}