@charset "UTF-8";
/* skin/nstyle_product_info.css — 產品操作說明 product_info 頁「專屬」CSS
   共用層在 css/nstyle_base.css：banner、.nstyle_page、.nstyle_feature（__title/__text/__img）、
   .nstyle_section__head/__title/__deco。
   路徑基準：css/skin/ → 圖片為 ../../images/ */

/* banner 換圖 */
.nstyle_pagebanner--product_info {
  background-image: url(../../images/page_title_productOperating_pc.jpg);
}
@media (max-width: 767.98px) {
  .nstyle_pagebanner--product_info {
    background-image: url(../../images/page_title_productOperating_mo.jpg);
  }
}

/* 主標題（產品操作）與內容間距 */
.nstyle_page--product_info .nstyle_section__head {
  margin-bottom: 40px;
}

/* 子節之間的間距 */
.nstyle_product_info__block + .nstyle_product_info__block {
  margin-top: 64px;
}

/* 連網分類標籤（橘色膠囊）*/
.nstyle_product_info__label {
  display: inline-block;
  margin: 0 0 6px;
  padding: 5px 18px;
  border-radius: 999px;
  background: #f67e11;
  color: #fff;
  font-size: var(--nstyle_font-body-sm);
  font-weight: 700;
  letter-spacing: 0.08em;
}
.nstyle_product_info__label + .nstyle_feature__text {
  margin-bottom: 20px;
}

/* 建議配備規格卡 + 表格（原 product_qa_4~6.png 改為 HTML 表格）*/
.nstyle_specs__card {
  margin-top: 24px;
  background: #fff;
  border: 1px solid #f4e3cf;
  border-radius: 16px;
  box-shadow: 0 6px 18px rgba(146, 88, 20, 0.08);
  overflow: hidden;
}
.nstyle_specs__head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 22px;
  background: linear-gradient(180deg, #fff3e3, #ffe6cc);
  border-bottom: 1px solid #f4e3cf;
}
.nstyle_specs__head .material-icons-round {
  font-size: 26px;
  color: #f67e11;
}
.nstyle_specs__title {
  margin: 0;
  font-size: var(--nstyle_font-title-sm);
  font-weight: 800;
  color: #161a22;
}
.nstyle_specs__desc {
  margin-left: auto;
  font-size: var(--nstyle_font-caption);
  color: #6b7280;
}
.nstyle_specs__scroll {
  overflow-x: auto;
}
.nstyle_specs__table {
  width: 100%;
  min-width: 520px;
  border-collapse: collapse;
}
.nstyle_specs__table th,
.nstyle_specs__table td {
  padding: 14px 16px;
  text-align: center;
  font-size: var(--nstyle_font-body-sm);
  line-height: 1.6;
  color: #3c3d3e;
  border-bottom: 1px solid #f4e3cf;
}
.nstyle_specs__table thead th {
  color: #d96a00;
  font-weight: 700;
  background: #fffaf3;
  border-bottom: 2px solid #fac798;
}
.nstyle_specs__table tbody th {
  color: #161a22;
  font-weight: 700;
  white-space: nowrap;
  background: #fffaf3;
}
.nstyle_specs__table tbody tr:hover th,
.nstyle_specs__table tbody tr:hover td {
  background: #fff6ec;
}
.nstyle_specs__table tbody tr:last-child th,
.nstyle_specs__table tbody tr:last-child td {
  border-bottom: 0;
}
/* Windows 11 註記 */
.nstyle_specs__note {
  margin-top: 28px;
  background: #fff3e3;
  border-left: 4px solid #f67e11;
  border-radius: 12px;
  padding: 16px 20px;
  color: #4a3a2b;
  font-size: var(--nstyle_font-caption);
  line-height: 1.9;
}
.nstyle_specs__note a {
  color: #d96a00;
  word-break: break-all;
}
