@import url('https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@112,600;112,700&display=swap');
/* 2026-10-15 中文產品頁（老闆「中文也改改」；與英文 ws-en-product.css 同一套）
   英文產品頁排版加大（老闆：「id=63 排版不夠大氣字體太小」）
   根因：英文站全站樣式把內文設成 Segoe UI 300 細體、13–15px 灰字；頭部舊版型標題 22px、說明 13–14px 窄欄。
   範圍：只限產品內頁 .pro_right_box（頭部 .jieshao、影片區 .wsv、專業版型 .rfm），只改字級／字重／顏色與頭部左右排版，不動內容。 */

/* 頭部：標題、型號、說明、產品圖 */
.pro_right_box .jieshao .about_tit h1{font-size:34px!important;line-height:1.25!important;font-weight:700!important;letter-spacing:-.2px;margin:0 0 8px!important}
.pro_right_box .jieshao .about_tit h2.fe2-model{font-size:15px!important;font-weight:600!important;color:#5d6876!important;letter-spacing:.5px}
.pro_right_box .jieshao_left{font-size:17px!important;font-weight:400!important;color:#2a3542!important;line-height:1.75!important}
.pro_right_box .jieshao_left *{font-size:inherit!important;line-height:inherit!important;color:inherit}
.pro_right_box .jieshao_left p,.pro_right_box .jieshao_left span,.pro_right_box .jieshao_left div,.pro_right_box .jieshao_left li{font-weight:400}
.pro_right_box .jieshao_left b,.pro_right_box .jieshao_left strong{font-weight:700}
.pro_right_box .jieshao .case_show_box img{max-width:100%!important;height:auto!important}
.pro_right_box .jieshao .case_show_box{overflow:hidden;background:radial-gradient(circle at 50% 45%,#fff 0%,#eef2f6 75%);border-radius:8px;padding:18px;box-sizing:border-box}
@media (min-width:1000px){
  .pro_right_box .jieshao{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:40px;align-items:start}
  .pro_right_box .jieshao>.about_tit{grid-column:1 / -1;grid-row:1;margin:0 0 6px!important;max-width:none!important;justify-self:stretch;width:100%!important}
  .pro_right_box .jieshao>.jieshao_left{grid-column:1;grid-row:2;float:none!important;width:auto!important}
  .pro_right_box .jieshao>.case_show_box{grid-column:2;grid-row:2;float:none!important;width:540px!important;margin:8px 0 0 0!important}
  .pro_right_box .jieshao>div:not([class]){grid-column:1 / -1}
}

/* 產品影片區 */
.pro_right_box .wsv h2{font-size:28px!important}
.pro_right_box .wsv p.wsv-sub{font-size:15px!important}
.pro_right_box .wsv h3{font-size:18px!important}
.pro_right_box .wsv p{font-size:16px!important;font-weight:400}

/* 專業版型 rfm（rfm.css 共用；這裡只在英文產品頁加大） */
.pro_right_box .rfm{font-size:17px!important;font-weight:400!important;line-height:1.75!important}
.pro_right_box .rfm p,.pro_right_box .rfm li,.pro_right_box .rfm dd,.pro_right_box .rfm td,.pro_right_box .rfm span{font-weight:400}
.pro_right_box .rfm b,.pro_right_box .rfm strong,.pro_right_box .rfm dt,.pro_right_box .rfm th{font-weight:700}
.pro_right_box .rfm > section p,.pro_right_box .rfm li{font-size:17px!important}
.pro_right_box .rfm h2{font-size:30px!important}
.pro_right_box .rfm h3{font-size:19px!important}
.pro_right_box .rfm .rfm-card p,.pro_right_box .rfm .rfm-app p{font-size:15.5px!important}
.pro_right_box .rfm table.rfm-spec td,.pro_right_box .rfm table.rfm-spec th{font-size:15.5px!important}
.pro_right_box .rfm .rfm-faq dd{font-size:16px!important}
.pro_right_box .rfm .rfm-hero .rfm-h1,.pro_right_box .rfm .rfm-hero h1{font-size:34px!important}
.pro_right_box .rfm .rfm-hero p{font-size:17px!important}
.pro_right_box .rfm .rfm-stat b{font-size:26px!important}
.pro_right_box .rfm .rfm-stat span{font-size:14px!important}
.pro_right_box .rfm .rfm-note{font-size:14px!important}

/* 手機 */
@media (max-width:760px){
  .pro_right_box .jieshao .about_tit h1{font-size:25px!important}
  .pro_right_box .jieshao_left{font-size:16px!important}
  .pro_right_box .rfm,.pro_right_box .rfm > section p,.pro_right_box .rfm li{font-size:16px!important}
  .pro_right_box .rfm h2,.pro_right_box .wsv h2{font-size:23px!important}
  .pro_right_box .rfm h3{font-size:18px!important}
  .pro_right_box .rfm .rfm-hero .rfm-h1,.pro_right_box .rfm .rfm-hero h1{font-size:25px!important}
  .pro_right_box .rfm .rfm-stat b{font-size:22px!important}
  .pro_right_box .rfm .rfm-card p,.pro_right_box .rfm .rfm-app p{font-size:15px!important}
}

/* ===== v2 頭部重新設計（2026-10-15 老闆：「感覺沒變」→ frontend-design）=====
   概念：產品放在「工程圖紙」展示台（細格線＋四角定位標記＝硬體規格書語言），標題用工業寬體 Archivo。 */
.pro_right_box .jieshao{--wsp-red:#c41a1f;--wsp-navy:#0b2a4a;--wsp-ink:#1c2a3a;--wsp-steel:#eef2f6;--wsp-grid:rgba(11,42,74,.07);--wsp-mark:#0b2a4a;
  padding:8px 0 36px!important;margin-bottom:8px}
.pro_right_box .jieshao .about_tit h1{font-family:Archivo,"Microsoft JhengHei","PingFang TC","Noto Sans TC","Segoe UI",sans-serif!important;font-stretch:112%;font-size:46px!important;line-height:1.08!important;
  font-weight:700!important;letter-spacing:-.6px!important;color:var(--wsp-red)!important;margin:0 0 18px!important;text-wrap:balance;max-width:16em;white-space:normal!important;overflow:visible!important;overflow-wrap:break-word}
/* 型號：像設備銘牌 */
.pro_right_box .jieshao .about_tit h2.fe2-model{display:inline-flex!important;align-items:baseline;gap:10px;margin:0!important;padding:7px 14px!important;
  background:var(--wsp-navy)!important;color:#fff!important;border-radius:3px;font-size:15px!important;font-weight:600!important;letter-spacing:.3px}
.pro_right_box .jieshao .about_tit h2.fe2-model *{color:#fff!important;font-size:15px!important}
.pro_right_box .jieshao_left{font-size:17.5px!important;line-height:1.72!important;color:#2a3542!important;max-width:62ch;padding-top:6px}
/* 展示台：工程圖紙 */
.pro_right_box .jieshao .case_show_box{position:relative;overflow:hidden;border-radius:2px!important;padding:44px 36px!important;box-sizing:border-box;
  background-color:var(--wsp-steel)!important;
  background-image:linear-gradient(var(--wsp-grid) 1px,transparent 1px),linear-gradient(90deg,var(--wsp-grid) 1px,transparent 1px),
    linear-gradient(rgba(11,42,74,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(11,42,74,.10) 1px,transparent 1px)!important;
  background-size:16px 16px,16px 16px,80px 80px,80px 80px!important;background-position:-1px -1px!important;
  display:flex!important;align-items:center;justify-content:center;min-height:460px}
.pro_right_box .jieshao .case_show_box::before,.pro_right_box .jieshao .case_show_box::after{content:"";position:absolute;inset:14px;pointer-events:none;
  background:
    linear-gradient(var(--wsp-mark),var(--wsp-mark)) left top/22px 2px,linear-gradient(var(--wsp-mark),var(--wsp-mark)) left top/2px 22px,
    linear-gradient(var(--wsp-mark),var(--wsp-mark)) right top/22px 2px,linear-gradient(var(--wsp-mark),var(--wsp-mark)) right top/2px 22px,
    linear-gradient(var(--wsp-mark),var(--wsp-mark)) left bottom/22px 2px,linear-gradient(var(--wsp-mark),var(--wsp-mark)) left bottom/2px 22px,
    linear-gradient(var(--wsp-mark),var(--wsp-mark)) right bottom/22px 2px,linear-gradient(var(--wsp-mark),var(--wsp-mark)) right bottom/2px 22px;
  background-repeat:no-repeat}
.pro_right_box .jieshao .case_show_box::after{inset:auto 14px 14px auto;width:96px;height:6px;background:var(--wsp-red);opacity:.9}
.pro_right_box .jieshao .case_show_box img{max-height:440px!important;width:auto!important;max-width:100%!important;object-fit:contain;
  filter:drop-shadow(0 18px 22px rgba(11,42,74,.22))}
@media (min-width:1000px){
  .pro_right_box .jieshao{grid-template-columns:minmax(0,1fr) minmax(440px,46%)!important;column-gap:56px!important;row-gap:0}
  .pro_right_box .jieshao>.about_tit{grid-column:1!important;grid-row:1!important;align-self:end}
  .pro_right_box .jieshao>.jieshao_left{grid-column:1!important;grid-row:2!important;margin-top:22px!important}
  .pro_right_box .jieshao>.case_show_box{grid-column:2!important;grid-row:1 / span 2!important;width:100%!important;margin:0!important;align-self:start}
}
@media (max-width:999px){
  .pro_right_box .jieshao{display:flex!important;flex-direction:column}
  .pro_right_box .jieshao>.about_tit{order:1}.pro_right_box .jieshao>.case_show_box{order:2;width:100%!important;margin:18px 0 6px!important;min-height:0;padding:30px 20px!important}
  .pro_right_box .jieshao>.jieshao_left{order:3;width:auto!important;float:none!important}
  .pro_right_box .jieshao .about_tit h1{font-size:30px!important;letter-spacing:-.3px!important}
  .pro_right_box .jieshao .case_show_box img{max-height:320px!important}
}
@media (prefers-reduced-motion:no-preference){.pro_right_box .jieshao .case_show_box img{animation:wspRise .7s cubic-bezier(.2,.7,.2,1) both}
  @keyframes wspRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}}

/* ===== 2026-10-15 稽核 B：產品內文編輯器區（.met-editor）300 細體 14–16px → 正常粗細、17px（只改字重/字級，不改顏色） ===== */
.pro_right_box .met-editor{font-weight:400}
.pro_right_box .met-editor p,.pro_right_box .met-editor li,.pro_right_box .met-editor td,.pro_right_box .met-editor dd,
.pro_right_box .met-editor span,.pro_right_box .met-editor div,.pro_right_box .met-editor font{font-weight:400}
.pro_right_box .met-editor p,.pro_right_box .met-editor li,.pro_right_box .met-editor dd{font-size:17px;line-height:1.7}
.pro_right_box .met-editor td{font-size:16px}
.pro_right_box .met-editor b,.pro_right_box .met-editor strong,.pro_right_box .met-editor th,.pro_right_box .met-editor h1,
.pro_right_box .met-editor h2,.pro_right_box .met-editor h3,.pro_right_box .met-editor h4,.pro_right_box .met-editor dt{font-weight:700}
/* 白色案例卡片裡的小標：黃字在白底看不清 → 深藍（深色帶狀區塊內仍維持黃色） */
.pro_right_box .rfm .rfm-app .rfm-kicker{color:#1f5fa8}
@media (max-width:760px){.pro_right_box .met-editor p,.pro_right_box .met-editor li,.pro_right_box .met-editor dd{font-size:16px}.pro_right_box .met-editor td{font-size:15px}}
/* 小標通用：淺色區塊（一般區塊、灰色帶狀區）改深藍；深色主視覺、深藍/深灰帶狀區、結尾區不動 */
.pro_right_box .rfm > section:not(.rfm-hero):not(.rfm-band):not(.rfm-cta) .rfm-kicker,
.pro_right_box .rfm .rfm-band.gray .rfm-kicker,
.pro_right_box .rfm .rfm-band .rfm-app .rfm-kicker{color:#1f5fa8}
/* 2026-10-15 稽核 B：424、606 手機橫向撐寬（.wsr-split 欄位 1fr 被圖片/長字撐到 436px，選單鈕被擠出畫面）→ 欄位可縮 */
.pro_right_box .wsr-split>*{min-width:0}
.pro_right_box .wsr-split img{max-width:100%;height:auto}
@media (max-width:760px){.pro_right_box .wsr-split{grid-template-columns:minmax(0,1fr)!important}}

/* 中文標題：Archivo 沒有中文字，中英混排粗細不一 → 中文頁標題統一用正黑體特粗；取消 16em 限寬（中文字寬，限寬會擠成 4 行） */
.pro_right_box .jieshao .about_tit h1{font-family:"Microsoft JhengHei","PingFang TC","Noto Sans TC","Segoe UI",sans-serif!important;font-stretch:normal;
  font-weight:800!important;font-size:40px!important;line-height:1.22!important;letter-spacing:0!important;max-width:none}
@media (max-width:999px){.pro_right_box .jieshao .about_tit h1{font-size:27px!important}}

/* 2026-10-15 場景圖第 2 批（upload/cpzx/scenes-real）：原圖 1200px 會撐滿整欄 → 桌機一排兩張、每張最寬 560px，手機一張 */
.pro_right_box .met-editor img[src*="/scenes-real/"]{width:calc(50% - 12px);max-width:560px;height:auto;display:inline-block;margin:6px 5px;vertical-align:top;border-radius:4px}
@media (max-width:760px){.pro_right_box .met-editor img[src*="/scenes-real/"]{width:100%;max-width:none;margin:6px 0}}