@charset "utf-8";
/* IFREE 飞针产品模块；依赖现有 Bootstrap 5.3.3 与 Bootstrap Icons。
   所有样式限定于本模块及其弹窗，四类产品 SVG 均为独立外部文件。 */
#ifree-products,
.ifree-product-modal {
  --ifree-brand: #13abc6;
  --ifree-brand-dark: #087d95;
  --ifree-text: #26333b;
  --ifree-muted: #71808a;
  --ifree-line: #e3eaee;
  --bs-btn-focus-shadow-rgb: 19, 171, 198;
  color: var(--ifree-text);
}
#ifree-products .ifree-section-heading { text-align:center; margin-bottom:21px; }
#ifree-products .ifree-section-heading h1 { font-size:32px; line-height:1.35; font-weight:700; margin:0; color:#222; }
#ifree-products .ifree-heading-line { display:block; width:44px; height:3px; margin:13px auto 12px; background:var(--ifree-brand); }
#ifree-products .ifree-filter-panel { margin-bottom:25px; scroll-margin-top:24px; }
#ifree-products .ifree-filter-toolbar { min-height:32px; margin-bottom:10px; }
#ifree-products .ifree-result-count { color:#7b858d; font-size:12px; }
#ifree-products .ifree-filter-all { min-height:32px; padding:5px 0 5px 10px; background:transparent; border:0; color:#73818a; font-size:13px; text-underline-offset:5px; }
#ifree-products .ifree-filter-all:hover,
#ifree-products .ifree-filter-all[aria-pressed="true"] { color:var(--ifree-brand-dark); }
#ifree-products .ifree-filter-all[aria-pressed="true"] { text-decoration:underline; }
#ifree-products .ifree-category-btn { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:50px; padding:11px 10px; border:1px solid transparent; border-radius:6px; background:#f3f6f7; color:#55646d; font-size:15px; font-weight:500; line-height:1.5; white-space:nowrap; box-shadow:none; --bs-btn-focus-shadow-rgb:19,171,198; }
#ifree-products .ifree-category-btn:hover { background:#e8f4f7; color:var(--ifree-brand-dark); }
#ifree-products .ifree-category-btn[aria-pressed="true"] { background:var(--ifree-brand); color:#fff; }
#ifree-products .ifree-category-icon { display:block; flex-shrink:0; width:20px; height:20px; }
/* 外部 SVG 作为 img 使用，选中时统一转为白色；无需复制四个白色版本。 */
#ifree-products .ifree-category-btn[aria-pressed="true"] .ifree-category-icon { filter:brightness(0) invert(1); }
#ifree-products .ifree-product-card { border:1px solid #e7edf0; border-radius:12px; overflow:hidden; background:#fff; transition:border-color .18s,box-shadow .18s; }
#ifree-products .ifree-product-card:hover { border-color:#bbdfe7; box-shadow:0 8px 24px #1749580c; }
#ifree-products .ifree-product-visual { background:#f6f9fa; overflow:hidden; }
#ifree-products .ifree-product-image { display:block; width:100%; height:100%; padding:20px; object-fit:contain; transform-origin:center; transition:transform .3s ease; }
#ifree-products .ifree-product-image image { pointer-events:none; }
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  #ifree-products .ifree-product-card:hover .ifree-product-image { transform:scale(1.04); }
}
#ifree-products .ifree-product-placeholder { display:flex; flex-direction:column; align-items:center; justify-content:center; background:radial-gradient(ellipse at center,#fff,#f0f5f7); color:#7e919b; }
#ifree-products .ifree-product-placeholder img { width:72px; height:72px; opacity:.68; margin:10px 0 13px; }
#ifree-products .ifree-placeholder-model { margin:0 0 4px; font-size:18px; font-weight:600; color:#6e8c97; letter-spacing:.5px; }
#ifree-products .ifree-product-placeholder small { font-size:11px; }
#ifree-products .ifree-product-body { padding:18px 20px; }
#ifree-products .ifree-product-model { margin:0 0 7px; font-size:22px; font-weight:700; line-height:1.35; letter-spacing:.3px; }
#ifree-products .ifree-product-summary { margin:0 0 14px; font-size:14px; line-height:1.75; color:#65747d; overflow-wrap:break-word; }
#ifree-products .ifree-details-btn { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; text-align:left; border:0; border-top:1px solid #edf1f3; border-radius:0; background:transparent; padding:12px 0 0; color:var(--ifree-brand-dark); font-size:13px; font-weight:600; }
#ifree-products .ifree-details-btn .bi { font-size:18px; line-height:1; }
#ifree-products .ifree-details-btn:hover { color:#075e71; }
#ifree-products .ifree-consultation { margin-top:36px; padding:23px 26px; border:1px solid #e2eef2; border-radius:10px; background:#f5fafb; }
#ifree-products .ifree-consultation h2 { margin:0 0 5px; font-size:18px; font-weight:600; }
#ifree-products .ifree-consultation p { margin:0; font-size:13px; color:#73828a; }
#ifree-products .ifree-brand-btn,
.ifree-product-modal .ifree-brand-btn { --bs-btn-color:#fff; --bs-btn-bg:#13abc6; --bs-btn-border-color:#13abc6; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#087d95; --bs-btn-hover-border-color:#087d95; --bs-btn-active-color:#fff; --bs-btn-active-bg:#087d95; --bs-btn-active-border-color:#087d95; --bs-btn-focus-shadow-rgb:19,171,198; padding:10px 19px; font-size:14px; white-space:nowrap; }
.ifree-product-modal .modal-content { border:0; border-radius:14px; overflow:hidden; }
.ifree-product-modal .modal-header { padding:20px 25px; border-bottom:1px solid var(--ifree-line); }
.ifree-product-modal .modal-title { margin:2px 0 0; font-size:25px; font-weight:700; }
.ifree-product-modal .ifree-dialog-category { margin:0; font-size:12px; color:var(--ifree-muted); }
.ifree-product-modal .modal-body { padding:23px 25px 26px; }
.ifree-product-modal .ifree-dialog-subtitle { margin:0 0 16px; font-size:15px; font-weight:600; }
.ifree-product-modal .ifree-spec-list { margin:0; border:1px solid var(--ifree-line); border-radius:8px; overflow:hidden; }
.ifree-product-modal .ifree-spec-item { padding:12px 14px; background:#f8fafb; border-bottom:1px solid var(--ifree-line); }
.ifree-product-modal .ifree-spec-item:nth-child(odd) { border-right:1px solid var(--ifree-line); }
.ifree-product-modal .ifree-spec-item dt { margin-bottom:4px; color:#7a8790; font-size:12px; font-weight:400; }
.ifree-product-modal .ifree-spec-item dd { margin:0; font-size:14px; font-weight:550; overflow-wrap:anywhere; }
.ifree-product-modal .ifree-feature-heading { margin:21px 0 9px; font-size:15px; font-weight:600; }
.ifree-product-modal .ifree-features { margin:0; padding-left:19px; color:#5e6d76; font-size:14px; line-height:1.9; }
.ifree-product-modal .ifree-dialog-note { margin:19px 0 0; padding:12px 14px; border-radius:7px; background:#f5f9fa; color:#7d8c95; font-size:11px; line-height:1.8; }
.ifree-product-modal .ifree-official-link { color:var(--ifree-brand-dark); font-size:13px; text-underline-offset:4px; }
@media(max-width:767.98px) {
  #ifree-products .ifree-section-heading { margin-bottom:17px; }
  #ifree-products .ifree-section-heading h1 { font-size:26px; }
  #ifree-products .ifree-heading-line { width:36px; margin:11px auto 10px; }
  #ifree-products .ifree-filter-panel { margin-bottom:21px; }
  #ifree-products .ifree-result-count { font-size:11px; }
  #ifree-products .ifree-filter-all { font-size:12px; }
  #ifree-products .ifree-category-btn { font-size:14px; }
  #ifree-products .ifree-product-image { padding:18px; }
  #ifree-products .ifree-product-body { padding:17px 19px; }
  #ifree-products .ifree-product-model { font-size:23px; }
  #ifree-products .ifree-product-summary { font-size:13px; line-height:1.8; margin-bottom:13px; }
  #ifree-products .ifree-consultation { margin-top:25px; padding:20px; }
  #ifree-products .ifree-consultation h2 { font-size:16px; }
  #ifree-products .ifree-consultation p { font-size:12px; }
  .ifree-product-modal .modal-header { padding:17px 19px; }
  .ifree-product-modal .modal-body { padding:20px 19px; }
  .ifree-product-modal .ifree-spec-item:nth-child(odd) { border-right:0; }
}
@media(max-width:359px) {
  #ifree-products .ifree-category-btn { font-size:13px; gap:7px; padding-inline:8px; }
  #ifree-products .ifree-product-image { padding:16px; }
}
@media(prefers-reduced-motion:reduce) {
  #ifree-products .ifree-product-card,
  #ifree-products .ifree-product-image { transition:none; }
}

#ifree-products button:focus-visible,
#ifree-products a:focus-visible,
.ifree-product-modal button:focus-visible,
.ifree-product-modal a:focus-visible { outline:3px solid var(--ifree-brand-dark); outline-offset:3px; }