/* 完整頁面設計提案：保留首圖、導覽列與全站固定頁尾 */
.jg-concept-switcher{display:none}
html[class*="jg-concept-"] .jg-concept-switcher{position:fixed;z-index:90;right:22px;top:108px;display:flex;align-items:center;gap:6px;padding:7px 9px;background:rgba(255,255,255,.94);border:1px solid #ddd8cf;border-radius:99px;box-shadow:0 8px 24px rgba(19,41,63,.1);backdrop-filter:blur(10px)}
html[class*="jg-concept-"] .jg-concept-switcher span{padding:0 8px;color:#75736d;font-size:11px}
html[class*="jg-concept-"] .jg-concept-switcher a{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#13293f;text-decoration:none;font-size:12px;font-weight:700}
html.jg-concept-a .jg-concept-switcher a:nth-of-type(1),html.jg-concept-b .jg-concept-switcher a:nth-of-type(2),html.jg-concept-c .jg-concept-switcher a:nth-of-type(3){background:var(--jc-accent);color:#fff}

html[class*="jg-concept-"] body.jg{--jc-bg:#f6f3ef;--jc-paper:#fff;--jc-ink:#13293f;--jc-text:#59636a;--jc-accent:#b94316;--jc-soft:#ece8e0;background:var(--jc-bg);color:var(--jc-ink)}
html.jg-concept-b body.jg{--jc-bg:#f7f8f7;--jc-paper:#fff;--jc-ink:#263d48;--jc-text:#66747a;--jc-accent:#648da1;--jc-soft:#e7eef1}
html.jg-concept-c body.jg{--jc-bg:#f8f6f0;--jc-paper:#fff;--jc-ink:#35534a;--jc-text:#6c756f;--jc-accent:#b48342;--jc-soft:#e8ede4}
html[class*="jg-concept-"] body.jg .jg-system-strip,html[class*="jg-concept-"] body.jg .jg-about,html[class*="jg-concept-"] body.jg .jg-products,html[class*="jg-concept-"] body.jg .jg-use{border:0;border-radius:0;color:var(--jc-ink)}
html[class*="jg-concept-"] body.jg .jg-kicker,html[class*="jg-concept-"] body.jg .jg-num,html[class*="jg-concept-"] body.jg .jg-model{color:var(--jc-accent)}
html[class*="jg-concept-"] body.jg .jg-product-card,html[class*="jg-concept-"] body.jg .jg-product-card--dark{border:0;background:transparent;color:var(--jc-ink);overflow:visible}
html[class*="jg-concept-"] body.jg .jg-product-image{border:0;background:var(--jc-soft)}
html[class*="jg-concept-"] body.jg .jg-product-image img{mix-blend-mode:multiply}
html[class*="jg-concept-"] body.jg .jg-product-copy{border:0;background:transparent;color:var(--jc-ink)}
html[class*="jg-concept-"] body.jg .jg-product-copy h3{color:var(--jc-ink);font-family:"Noto Serif TC",serif}
html[class*="jg-concept-"] body.jg .jg-product-copy p{color:var(--jc-text)}

/* A｜網站品牌編輯版：延續首頁與關於我們 */
html.jg-concept-a body.jg .jg-system-strip{padding:46px 0;background:#fff}
html.jg-concept-a body.jg .jg-system-strip-grid{display:grid;grid-template-columns:1.25fr repeat(3,1fr);min-height:0;gap:0;border-top:1px solid #ded9d0;border-bottom:1px solid #ded9d0}
html.jg-concept-a body.jg .jg-system-strip-grid>div{min-height:94px;padding:22px 28px;border:0;border-left:1px solid #ded9d0;background:#fff;color:var(--jc-ink)}
html.jg-concept-a body.jg .jg-system-strip-grid>div:first-child{border-left:0}
html.jg-concept-a body.jg .jg-system-strip-grid span,html.jg-concept-a body.jg .jg-system-strip-grid small{color:var(--jc-text)}
html.jg-concept-a body.jg .jg-system-strip-title small{color:var(--jc-accent)}
html.jg-concept-a body.jg .jg-about{padding:112px 0 120px;background:var(--jc-bg)}
html.jg-concept-a body.jg .jg-about-grid{display:grid;grid-template-columns:92px .9fr 1.1fr;gap:54px;padding:0;background:transparent;border:0}
html.jg-concept-a body.jg .jg-section-mark{padding:0;border:0}
html.jg-concept-a body.jg .jg-section-mark span{color:var(--jc-accent);font:300 68px/1 "Noto Serif TC",serif}
html.jg-concept-a body.jg .jg-about-title h2{color:var(--jc-ink);font-family:"Noto Serif TC",serif;font-size:46px;line-height:1.5}
html.jg-concept-a body.jg .jg-about-copy{padding-top:48px;color:var(--jc-text);font-size:15px;line-height:2}
html.jg-concept-a body.jg .jg-about-copy:before{content:"";display:block;width:42px;height:3px;margin-bottom:25px;background:var(--jc-accent)}
html.jg-concept-a body.jg .jg-process{grid-column:2/4;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:38px;padding-top:30px;border:0;border-top:1px solid #d9d4cb;background:transparent}
html.jg-concept-a body.jg .jg-process>div{position:relative;padding:0 0 0 22px;border:0;background:transparent}
html.jg-concept-a body.jg .jg-process>div:before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:50%;background:var(--jc-accent)}
html.jg-concept-a body.jg .jg-products{padding:112px 0 132px;background:#fff}
html.jg-concept-a body.jg .jg-section-head{display:grid;grid-template-columns:230px 1fr;gap:54px;margin-bottom:64px}
html.jg-concept-a body.jg .jg-section-head h2{color:var(--jc-ink);font-family:"Noto Serif TC",serif;font-size:46px}
html.jg-concept-a body.jg .jg-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:54px 28px;border:0;background:transparent}
html.jg-concept-a body.jg .jg-product-card{display:grid;grid-template-columns:1fr;grid-column:auto;min-height:0}
html.jg-concept-a body.jg .jg-product-card--host{grid-column:1/-1;grid-template-columns:1.2fr .8fr;min-height:430px;margin-bottom:24px;background:var(--jc-bg)}
html.jg-concept-a body.jg .jg-product-card--host .jg-product-image{min-height:430px;padding:52px;background:var(--jc-soft)}
html.jg-concept-a body.jg .jg-product-card--host .jg-product-copy{display:flex;flex-direction:column;justify-content:center;padding:58px}
html.jg-concept-a body.jg .jg-product-image{height:290px;padding:28px;border-radius:150px 150px 10px 10px}
html.jg-concept-a body.jg .jg-product-copy{padding:26px 5px}
html.jg-concept-a body.jg .jg-use{padding:104px 0 116px;background:var(--jc-bg)}
html.jg-concept-a body.jg .jg-use-grid{display:grid;grid-template-columns:220px 1fr 320px;gap:50px}
html.jg-concept-a body.jg .jg-use-list{display:grid;grid-template-columns:1fr 1fr;gap:34px;border:0}
html.jg-concept-a body.jg .jg-use-list>div{display:grid;grid-template-columns:34px 1fr;gap:7px 12px;min-height:105px;padding:0 0 20px;border:0;background:linear-gradient(var(--jc-accent),var(--jc-accent)) 46px 100%/38px 2px no-repeat}
html.jg-concept-a body.jg .jg-use-list p{grid-column:2}
html.jg-concept-a body.jg .jg-service{min-height:320px;padding:46px 38px;border:0;border-radius:70px 0 70px 0;background:#fff;color:var(--jc-ink)}
html.jg-concept-a body.jg .jg-service h3,html.jg-concept-a body.jg .jg-service p,html.jg-concept-a body.jg .jg-service a,html.jg-concept-a body.jg .jg-service a span{color:var(--jc-ink)}

/* B｜產品型錄版：連續大圖與文字交錯 */
html.jg-concept-b body.jg .jg-system-strip{padding:38px 0;background:var(--jc-soft)}
html.jg-concept-b body.jg .jg-system-strip-grid{display:flex;min-height:0;gap:44px;align-items:center}
html.jg-concept-b body.jg .jg-system-strip-grid>div{min-height:0;padding:0;border:0;background:transparent;color:var(--jc-ink)}
html.jg-concept-b body.jg .jg-about{padding:104px 0;background:#fff}
html.jg-concept-b body.jg .jg-about-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;padding:0;border:0;background:transparent}
html.jg-concept-b body.jg .jg-section-mark{grid-column:1/-1;display:flex;gap:20px;align-items:end;padding:0;border:0}
html.jg-concept-b body.jg .jg-section-mark span{color:var(--jc-accent);font:300 64px/1 "Noto Serif TC",serif}
html.jg-concept-b body.jg .jg-about-title h2{color:var(--jc-ink);font-family:"Noto Serif TC",serif;font-size:48px}
html.jg-concept-b body.jg .jg-about-copy{padding:14px 0;color:var(--jc-text);font-size:16px;line-height:2}
html.jg-concept-b body.jg .jg-process{grid-column:2;display:grid;gap:0;margin:8px 0 0;padding:0;border:0;background:transparent}
html.jg-concept-b body.jg .jg-process>div{display:grid;grid-template-columns:90px 1fr;gap:8px 18px;padding:18px 0;border:0;border-bottom:1px solid #dbe3e6;background:transparent}
html.jg-concept-b body.jg .jg-process small{grid-column:2}
html.jg-concept-b body.jg .jg-products{padding:104px 0 128px;background:var(--jc-bg)}
html.jg-concept-b body.jg .jg-section-head{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;margin-bottom:74px}
html.jg-concept-b body.jg .jg-section-head h2{color:var(--jc-ink);font-family:"Noto Serif TC",serif;font-size:48px}
html.jg-concept-b body.jg .jg-product-grid{display:grid;grid-template-columns:1fr;gap:76px;border:0;background:transparent}
html.jg-concept-b body.jg .jg-product-card,html.jg-concept-b body.jg .jg-product-card--host{display:grid;grid-template-columns:42% 58%;grid-column:auto;min-height:340px;gap:56px;align-items:center}
html.jg-concept-b body.jg .jg-product-card:nth-child(even){grid-template-columns:58% 42%}
html.jg-concept-b body.jg .jg-product-card:nth-child(even) .jg-product-image{order:2}
html.jg-concept-b body.jg .jg-product-image,html.jg-concept-b body.jg .jg-product-card--host .jg-product-image{height:340px;min-height:0;padding:34px;border-radius:12px 120px 12px 120px;background:var(--jc-soft)}
html.jg-concept-b body.jg .jg-product-card:nth-child(even) .jg-product-image{border-radius:120px 12px 120px 12px}
html.jg-concept-b body.jg .jg-product-copy,html.jg-concept-b body.jg .jg-product-card--host .jg-product-copy{padding:30px 20px}
html.jg-concept-b body.jg .jg-product-copy h3{font-size:34px}
html.jg-concept-b body.jg .jg-use{padding:100px 0;background:#fff}
html.jg-concept-b body.jg .jg-use-grid{display:grid;grid-template-columns:230px 1fr;gap:58px}
html.jg-concept-b body.jg .jg-use-list{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;border:0}
html.jg-concept-b body.jg .jg-use-list>div{min-height:130px;padding:26px;border:0;background:var(--jc-soft)}
html.jg-concept-b body.jg .jg-service{grid-column:2;display:grid;grid-template-columns:1fr 1.5fr auto;align-items:center;min-height:0;padding:30px 34px;border:0;border-left:5px solid var(--jc-accent);border-radius:0;background:var(--jc-bg);color:var(--jc-ink)}
html.jg-concept-b body.jg .jg-service h3,html.jg-concept-b body.jg .jg-service p,html.jg-concept-b body.jg .jg-service a{margin:0;color:var(--jc-ink)}

/* C｜清新產品牆：主機大圖與遙控器階梯 */
html.jg-concept-c body.jg .jg-system-strip{padding:48px 0;background:#fff}
html.jg-concept-c body.jg .jg-system-strip-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);min-height:0;gap:24px}
html.jg-concept-c body.jg .jg-system-strip-grid>div{min-height:100px;padding:22px;border:0;border-radius:26px 4px 26px 4px;background:var(--jc-soft);color:var(--jc-ink)}
html.jg-concept-c body.jg .jg-about{padding:108px 0 116px;background:var(--jc-bg)}
html.jg-concept-c body.jg .jg-about-grid{display:grid;grid-template-columns:130px 1fr 1fr;gap:52px;padding:0;border:0;background:transparent}
html.jg-concept-c body.jg .jg-section-mark{padding:0;border:0}
html.jg-concept-c body.jg .jg-section-mark span{color:var(--jc-accent);font:300 72px/1 "Noto Serif TC",serif}
html.jg-concept-c body.jg .jg-about-title h2{color:var(--jc-ink);font-family:"Noto Serif TC",serif;font-size:46px}
html.jg-concept-c body.jg .jg-about-copy{padding:30px 0;color:var(--jc-text);line-height:2}
html.jg-concept-c body.jg .jg-process{grid-column:2/4;display:flex;gap:18px;margin-top:32px;padding:0;border:0;background:transparent}
html.jg-concept-c body.jg .jg-process>div{flex:1;padding:24px;border:0;border-radius:4px 32px 4px 32px;background:#fff}
html.jg-concept-c body.jg .jg-products{padding:108px 0 140px;background:#fff}
html.jg-concept-c body.jg .jg-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:70px}
html.jg-concept-c body.jg .jg-section-head h2{color:var(--jc-ink);font-family:"Noto Serif TC",serif;font-size:48px}
html.jg-concept-c body.jg .jg-product-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:repeat(2,300px);gap:24px;border:0;background:transparent}
html.jg-concept-c body.jg .jg-product-card,html.jg-concept-c body.jg .jg-product-card--host{display:grid;grid-template-columns:1fr 1fr;grid-column:auto;min-height:0;background:var(--jc-bg);overflow:hidden}
html.jg-concept-c body.jg .jg-product-card--host{grid-row:1/3;grid-template-columns:1fr;grid-template-rows:1.2fr .8fr}
html.jg-concept-c body.jg .jg-product-card:nth-child(2){grid-column:2/4}
html.jg-concept-c body.jg .jg-product-card:nth-child(3),html.jg-concept-c body.jg .jg-product-card:nth-child(4){grid-template-columns:1fr}
html.jg-concept-c body.jg .jg-product-image,html.jg-concept-c body.jg .jg-product-card--host .jg-product-image{height:auto;min-height:0;padding:22px;border-radius:0;background:var(--jc-soft)}
html.jg-concept-c body.jg .jg-product-copy,html.jg-concept-c body.jg .jg-product-card--host .jg-product-copy{padding:30px}
html.jg-concept-c body.jg .jg-product-copy h3{font-size:25px}
html.jg-concept-c body.jg .jg-use{padding:100px 0 112px;background:var(--jc-bg)}
html.jg-concept-c body.jg .jg-use-grid{display:grid;grid-template-columns:210px 1fr;gap:54px}
html.jg-concept-c body.jg .jg-use-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:0}
html.jg-concept-c body.jg .jg-use-list>div{display:block;min-height:160px;padding:28px 24px;border:0;border-left:1px solid #d8ddd5;background:transparent}
html.jg-concept-c body.jg .jg-service{grid-column:2;display:flex;align-items:center;justify-content:space-between;min-height:0;padding:30px 36px;border:0;border-radius:40px 4px 40px 4px;background:#fff;color:var(--jc-ink)}
html.jg-concept-c body.jg .jg-service h3,html.jg-concept-c body.jg .jg-service p,html.jg-concept-c body.jg .jg-service a{color:var(--jc-ink)}

/* C 版首圖下方選型列｜提高字級、對比與閱讀層級 */
html.jg-concept-c body.jg{--jc-text:#4f5f59}
html.jg-concept-c body.jg .jg-system-strip{padding:52px 0 58px;background:#fff}
html.jg-concept-c body.jg .jg-system-strip-grid{display:grid;grid-template-columns:1.18fr repeat(3,1fr);gap:16px;min-height:0}
html.jg-concept-c body.jg .jg-system-strip-grid>div{position:relative;display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;align-content:center;column-gap:12px;min-height:126px;padding:26px 28px;border:1px solid #e2dfd6;border-radius:4px 30px 4px 30px;background:#f7f5ef;color:#35534a;box-shadow:0 8px 24px rgba(53,83,74,.045)}
html.jg-concept-c body.jg .jg-system-strip-grid>div:after{content:"";position:absolute;left:28px;bottom:19px;width:34px;height:2px;background:#b48342}
html.jg-concept-c body.jg .jg-system-strip-grid>div span{grid-row:1/3;align-self:center;color:#a97431;font:500 24px/1 "Noto Serif TC",serif;letter-spacing:0}
html.jg-concept-c body.jg .jg-system-strip-grid>div strong{align-self:end;color:#28473e;font-family:"Noto Serif TC",serif;font-size:18px;font-weight:700;line-height:1.4;letter-spacing:.02em}
html.jg-concept-c body.jg .jg-system-strip-grid>div small{align-self:start;margin-top:7px;color:#56655f;font-size:13px;font-weight:400;line-height:1.55;letter-spacing:0}
html.jg-concept-c body.jg .jg-system-strip-grid>.jg-system-strip-title{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-left:32px;background:#fff;border-color:#d8d4ca}
html.jg-concept-c body.jg .jg-system-strip-grid>.jg-system-strip-title:after{bottom:22px;left:32px;width:42px}
html.jg-concept-c body.jg .jg-system-strip-title small{margin:0 0 10px;color:#a97431;font-size:10px;font-weight:700;letter-spacing:.18em}
html.jg-concept-c body.jg .jg-system-strip-title strong{color:#28473e;font-family:"Noto Serif TC",serif;font-size:24px;font-weight:700;line-height:1.35}
html.jg-concept-c body.jg .jg-about-copy{color:#43534d;font-size:16px;line-height:2.05}
html.jg-concept-c body.jg .jg-process strong{color:#28473e;font-size:17px}
html.jg-concept-c body.jg .jg-process small{color:#52615c;font-size:13px;line-height:1.6}

/* C 版 03 收尾服務列｜取消漂浮卡片與斷行標題 */
html.jg-concept-c body.jg .jg-use .jg-service{grid-column:1/-1;display:grid;grid-template-columns:minmax(260px,.75fr) minmax(420px,1.35fr) auto;grid-template-areas:"eyebrow description action" "title description action";column-gap:48px;align-items:center;width:100%;min-height:190px;margin-top:58px;padding:38px 48px;border:1px solid #ddd9ce;border-left:5px solid var(--jc-accent);border-radius:4px 48px 4px 48px;background:#fff;color:var(--jc-ink);box-shadow:0 16px 38px rgba(53,83,74,.055);overflow:hidden}
html.jg-concept-c body.jg .jg-use .jg-service:before,html.jg-concept-c body.jg .jg-use .jg-service:after{display:none}
html.jg-concept-c body.jg .jg-use .jg-service>small{grid-area:eyebrow;align-self:end;margin:0 0 8px;color:#a97431;font-size:10px;font-weight:700;letter-spacing:.17em}
html.jg-concept-c body.jg .jg-use .jg-service>h3{grid-area:title;align-self:start;margin:0;color:#28473e;font-family:"Noto Serif TC",serif;font-size:29px;font-weight:700;line-height:1.45;white-space:nowrap}
html.jg-concept-c body.jg .jg-use .jg-service>p{grid-area:description;max-width:650px;margin:0;color:#4f5f59;font-size:14px;line-height:1.9}
html.jg-concept-c body.jg .jg-use .jg-service>a{position:static;grid-area:action;display:inline-flex;align-items:center;justify-content:center;min-width:150px;margin:0;padding:13px 20px;border:1px solid #b48342;border-radius:3px;background:#b48342;color:#fff;text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap}
html.jg-concept-c body.jg .jg-use .jg-service>a span{margin-left:18px;color:#fff}

/* C 版細修｜02 型號標籤與品名分層，避免文字重疊 */
html.jg-concept-c body.jg .jg-product-card .jg-product-copy .jg-model{position:static;display:block;margin:0 0 10px;color:#a97431;font-size:10px;font-weight:700;line-height:1.45;letter-spacing:.15em}
html.jg-concept-c body.jg .jg-product-card .jg-product-copy{position:relative}
html.jg-concept-c body.jg .jg-product-card .jg-product-copy h3{margin:0 0 10px;line-height:1.35}

/* C 版細修｜03 適用場域改為清楚的 2 × 2 開放式圖文節點 */
html.jg-concept-c body.jg .jg-use-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 34px;border:0}
html.jg-concept-c body.jg .jg-use-list>div{position:relative;display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto auto;gap:8px 16px;align-content:center;min-height:142px;padding:28px 32px;border:0;border-radius:4px 42px 4px 42px;background:linear-gradient(135deg,#fff 0%,#f1f4ee 100%);box-shadow:0 12px 30px rgba(53,83,74,.055);overflow:hidden}
html.jg-concept-c body.jg .jg-use-list>div:nth-child(2),html.jg-concept-c body.jg .jg-use-list>div:nth-child(3){border-radius:42px 4px 42px 4px}
html.jg-concept-c body.jg .jg-use-list>div:before{content:"";position:absolute;right:24px;top:22px;width:42px;height:42px;border:1px solid rgba(180,131,66,.28);border-radius:50%}
html.jg-concept-c body.jg .jg-use-list>div:after{content:"";position:absolute;right:39px;top:37px;width:12px;height:12px;border-radius:50%;background:rgba(180,131,66,.16)}
html.jg-concept-c body.jg .jg-use-list span{grid-row:1/3;align-self:center;color:#b48342;font:500 25px/1 "Noto Serif TC",serif}
html.jg-concept-c body.jg .jg-use-list h3{align-self:end;margin:0;padding-right:54px;color:#28473e;font-family:"Noto Serif TC",serif;font-size:22px;font-weight:700;line-height:1.4}
html.jg-concept-c body.jg .jg-use-list p{grid-column:2;align-self:start;margin:0;color:#4f5f59;font-size:14px;line-height:1.7}

@media(max-width:900px){
  html.jg-concept-c body.jg .jg-use-list{grid-template-columns:1fr}
}

@media(max-width:560px){
  html.jg-concept-c body.jg .jg-use-list>div{grid-template-columns:42px 1fr;min-height:126px;padding:24px 22px;gap:7px 12px}
  html.jg-concept-c body.jg .jg-use-list h3{padding-right:44px;font-size:20px}
}

/* C 版 02 重製｜左側主機主展品，右側三款遙控器連續選型 */
html.jg-concept-c body.jg .jg-products{position:relative;padding:112px 0 138px;overflow:hidden;background:#fff}
html.jg-concept-c body.jg .jg-products:before{content:"";position:absolute;left:-180px;bottom:-250px;width:560px;height:560px;border:1px solid color-mix(in srgb,var(--jc-accent) 22%,transparent);border-radius:50%;box-shadow:0 0 0 68px color-mix(in srgb,var(--jc-accent) 5%,transparent),0 0 0 136px color-mix(in srgb,var(--jc-accent) 3%,transparent)}
html.jg-concept-c body.jg .jg-products .container{position:relative}
html.jg-concept-c body.jg .jg-products .jg-section-head{display:grid;grid-template-columns:150px 1fr;gap:42px;align-items:end;max-width:900px;margin:0 0 76px;padding:0 0 34px;border-bottom:1px solid #d9ddd6}
html.jg-concept-c body.jg .jg-products .jg-section-head>div:first-child{display:flex;align-items:end;gap:18px}
html.jg-concept-c body.jg .jg-products .jg-num{font:300 76px/.82 "Noto Serif TC",serif}
html.jg-concept-c body.jg .jg-products .jg-section-head h2{margin:0;color:var(--jc-ink);font-family:"Noto Serif TC",serif;font-size:48px;font-weight:500}
html.jg-concept-c body.jg .jg-products .jg-section-head p{margin:12px 0 0;color:var(--jc-text)}
html.jg-concept-c body.jg .jg-product-grid{position:relative;display:grid;grid-template-columns:minmax(360px,.88fr) minmax(470px,1.12fr);grid-template-rows:repeat(3,minmax(190px,auto));gap:0 76px;border:0;background:transparent}
html.jg-concept-c body.jg .jg-product-grid:before{content:"";position:absolute;left:calc(44% + 37px);top:62px;bottom:62px;width:1px;background:#d9ddd6}
html.jg-concept-c body.jg .jg-product-card,html.jg-concept-c body.jg .jg-product-card--host,html.jg-concept-c body.jg .jg-product-card:nth-child(2),html.jg-concept-c body.jg .jg-product-card:nth-child(3),html.jg-concept-c body.jg .jg-product-card:nth-child(4){min-height:0;border:0;background:transparent;overflow:visible}
html.jg-concept-c body.jg .jg-product-card--host{grid-column:1;grid-row:1/4;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(430px,1fr) auto;padding-right:18px}
html.jg-concept-c body.jg .jg-product-card--host .jg-product-image{position:relative;height:auto;min-height:430px;padding:48px;border:0;border-radius:210px 210px 24px 24px;background:linear-gradient(150deg,#f1f4ee,var(--jc-soft))}
html.jg-concept-c body.jg .jg-product-card--host .jg-product-image:after{content:"RECEIVER";position:absolute;right:22px;bottom:15px;color:color-mix(in srgb,var(--jc-ink) 18%,transparent);font-size:10px;font-weight:700;letter-spacing:.2em}
html.jg-concept-c body.jg .jg-product-card--host .jg-product-copy{padding:34px 10px 0}
html.jg-concept-c body.jg .jg-product-card--host .jg-product-copy h3{margin:13px 0 11px;font-size:35px}
html.jg-concept-c body.jg .jg-product-card:not(.jg-product-card--host){grid-column:2;display:grid;grid-template-columns:190px 1fr;gap:34px;align-items:center;padding:26px 0;border-bottom:1px solid #d9ddd6}
html.jg-concept-c body.jg .jg-product-card:not(.jg-product-card--host):last-child{border-bottom:0}
html.jg-concept-c body.jg .jg-product-card:not(.jg-product-card--host):before{content:"";position:absolute;left:-81px;width:10px;height:10px;border:2px solid var(--jc-accent);border-radius:50%;background:#fff;box-shadow:0 0 0 7px #fff}
html.jg-concept-c body.jg .jg-product-card:not(.jg-product-card--host) .jg-product-image{width:190px;height:165px;min-height:0;padding:20px;border:0;border-radius:50%;background:var(--jc-soft)}
html.jg-concept-c body.jg .jg-product-card:nth-child(3) .jg-product-image{border-radius:44% 56% 61% 39%/54% 42% 58% 46%}
html.jg-concept-c body.jg .jg-product-card:nth-child(4) .jg-product-image{border-radius:60% 40% 43% 57%/42% 56% 44% 58%}
html.jg-concept-c body.jg .jg-product-card:not(.jg-product-card--host) .jg-product-copy{padding:12px 0}
html.jg-concept-c body.jg .jg-product-card:not(.jg-product-card--host) .jg-product-copy h3{margin:10px 0 8px;font-size:27px}
html.jg-concept-c body.jg .jg-product-card:not(.jg-product-card--host) .jg-product-copy p{max-width:430px;line-height:1.8}

@media(max-width:900px){
html[class*="jg-concept-"] .jg-concept-switcher{top:auto;right:14px;bottom:14px}
html.jg-concept-a body.jg .jg-system-strip-grid,html.jg-concept-c body.jg .jg-system-strip-grid{grid-template-columns:1fr 1fr}
html.jg-concept-a body.jg .jg-about-grid,html.jg-concept-c body.jg .jg-about-grid{grid-template-columns:70px 1fr}
html.jg-concept-a body.jg .jg-about-copy,html.jg-concept-c body.jg .jg-about-copy{grid-column:2}
html.jg-concept-a body.jg .jg-process,html.jg-concept-c body.jg .jg-process{grid-column:2;grid-template-columns:1fr;display:grid}
html.jg-concept-a body.jg .jg-use-grid,html.jg-concept-b body.jg .jg-about-grid,html.jg-concept-b body.jg .jg-section-head,html.jg-concept-b body.jg .jg-use-grid{grid-template-columns:1fr}
html.jg-concept-a body.jg .jg-service,html.jg-concept-b body.jg .jg-process,html.jg-concept-b body.jg .jg-service{grid-column:1}
html.jg-concept-b body.jg .jg-product-card,html.jg-concept-b body.jg .jg-product-card--host,html.jg-concept-b body.jg .jg-product-card:nth-child(even){grid-template-columns:1fr}
html.jg-concept-b body.jg .jg-product-card:nth-child(even) .jg-product-image{order:0}
html.jg-concept-b body.jg .jg-service{grid-template-columns:1fr}
html.jg-concept-c body.jg .jg-product-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}
html.jg-concept-c body.jg .jg-product-card--host,html.jg-concept-c body.jg .jg-product-card:nth-child(2){grid-column:1/-1;grid-row:auto}
html.jg-concept-c body.jg .jg-use-grid{grid-template-columns:1fr}
html.jg-concept-c body.jg .jg-use-list{grid-template-columns:1fr 1fr}
html.jg-concept-c body.jg .jg-service{grid-column:1}
html.jg-concept-c body.jg .jg-use .jg-service{grid-column:1;grid-template-columns:1fr auto;grid-template-areas:"eyebrow action" "title action" "description description";row-gap:5px}
html.jg-concept-c body.jg .jg-products .jg-section-head{grid-template-columns:110px 1fr}
html.jg-concept-c body.jg .jg-product-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:54px}
html.jg-concept-c body.jg .jg-product-grid:before{display:none}
html.jg-concept-c body.jg .jg-product-card--host{grid-column:1;grid-row:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto;padding:0}
html.jg-concept-c body.jg .jg-product-card--host .jg-product-image{min-height:360px;border-radius:170px 170px 18px 18px}
html.jg-concept-c body.jg .jg-product-card:not(.jg-product-card--host){grid-column:1;grid-template-columns:180px 1fr}
html.jg-concept-c body.jg .jg-product-card:not(.jg-product-card--host):before{display:none}
}
@media(max-width:560px){
html.jg-concept-a body.jg .jg-system-strip-grid,html.jg-concept-c body.jg .jg-system-strip-grid,html.jg-concept-a body.jg .jg-about-grid,html.jg-concept-c body.jg .jg-about-grid{grid-template-columns:1fr}
html.jg-concept-a body.jg .jg-about-copy,html.jg-concept-c body.jg .jg-about-copy,html.jg-concept-a body.jg .jg-process,html.jg-concept-c body.jg .jg-process{grid-column:1}
html.jg-concept-a body.jg .jg-product-card--host{grid-template-columns:1fr;grid-column:1}
html.jg-concept-a body.jg .jg-product-grid,html.jg-concept-a body.jg .jg-use-list,html.jg-concept-b body.jg .jg-use-list,html.jg-concept-c body.jg .jg-use-list,html.jg-concept-c body.jg .jg-product-grid{grid-template-columns:1fr}
html.jg-concept-c body.jg .jg-product-card,html.jg-concept-c body.jg .jg-product-card--host,html.jg-concept-c body.jg .jg-product-card:nth-child(2){grid-column:1;grid-template-columns:1fr}
html.jg-concept-c body.jg .jg-product-card--host{grid-template-columns:1fr}
html.jg-concept-c body.jg .jg-product-card:not(.jg-product-card--host){grid-template-columns:120px 1fr;gap:20px}
html.jg-concept-c body.jg .jg-product-card:not(.jg-product-card--host) .jg-product-image{width:120px;height:120px}
html.jg-concept-c body.jg .jg-use .jg-service{grid-template-columns:1fr;grid-template-areas:"eyebrow" "title" "description" "action";gap:8px;padding:32px 26px;border-radius:4px 32px 4px 32px}
html.jg-concept-c body.jg .jg-use .jg-service>h3{white-space:normal}
html.jg-concept-c body.jg .jg-use .jg-service>a{margin-top:14px}
}

/* C 版圈選區最終響應式覆寫 */
@media(max-width:900px){
html.jg-concept-c body.jg .jg-use-list{grid-template-columns:1fr}
}
@media(max-width:560px){
html.jg-concept-c body.jg .jg-use-list>div{grid-template-columns:42px 1fr;min-height:126px;padding:24px 22px;gap:7px 12px}
html.jg-concept-c body.jg .jg-use-list h3{padding-right:44px;font-size:20px}
}

/* C 版全頁字體統一｜與首頁、關於我們及球閥系列共用同一套字體層級 */
html.jg-concept-c body.jg{--jg-font-sans:"Noto Sans TC",-apple-system,BlinkMacSystemFont,"Microsoft JhengHei",sans-serif;--jg-font-serif:"Noto Serif TC","Source Han Serif TC","PMingLiU",serif;font-family:var(--jg-font-sans)}
html.jg-concept-c body.jg button,html.jg-concept-c body.jg input,html.jg-concept-c body.jg select,html.jg-concept-c body.jg textarea{font-family:var(--jg-font-sans)}
html.jg-concept-c body.jg .navbar .nav-menu a,html.jg-concept-c body.jg .logo-sub,html.jg-concept-c body.jg .jg-kicker,html.jg-concept-c body.jg .jg-model,html.jg-concept-c body.jg .jg-actions,html.jg-concept-c body.jg .jg-tags,html.jg-concept-c body.jg .jg-process span,html.jg-concept-c body.jg .jg-service small{font-family:var(--jg-font-sans)}
html.jg-concept-c body.jg .navbar .nav-menu a{font-weight:500}
html.jg-concept-c body.jg .logo-main,html.jg-concept-c body.jg .jg-hero h1,html.jg-concept-c body.jg .jg-scene-note strong,html.jg-concept-c body.jg .jg-about-title h2,html.jg-concept-c body.jg .jg-section-head h2,html.jg-concept-c body.jg .jg-use-head h2,html.jg-concept-c body.jg .jg-product-copy h3,html.jg-concept-c body.jg .jg-use-list h3,html.jg-concept-c body.jg .jg-service h3,html.jg-concept-c body.jg .jg-system-strip-grid strong,html.jg-concept-c body.jg .jg-process strong{font-family:var(--jg-font-serif);font-weight:500}
html.jg-concept-c body.jg .jg-num,html.jg-concept-c body.jg .jg-section-mark span,html.jg-concept-c body.jg .jg-system-strip-grid>div span,html.jg-concept-c body.jg .jg-scene-index{font-family:var(--jg-font-serif)}
html.jg-concept-c body.jg .jg-product-copy h3,html.jg-concept-c body.jg .jg-use-list h3,html.jg-concept-c body.jg .jg-service h3{letter-spacing:.055em}
html.jg-concept-c body.jg .jg-product-copy p,html.jg-concept-c body.jg .jg-use-list p,html.jg-concept-c body.jg .jg-about-copy,html.jg-concept-c body.jg .jg-service p{font-family:var(--jg-font-sans);font-weight:400;letter-spacing:.01em}
html.jg-concept-c body.jg .jg-title-nowrap{white-space:nowrap}

/* C 版 02 對稱校正｜右側三款產品以雙導引線等距包覆 */
@media(min-width:901px){
html.jg-concept-c body.jg .jg-product-grid{grid-template-rows:repeat(3,1fr)}
html.jg-concept-c body.jg .jg-product-grid:before,html.jg-concept-c body.jg .jg-product-grid:after{content:"";position:absolute;z-index:0;top:0;bottom:0;width:1px;background:#d9ddd6}
html.jg-concept-c body.jg .jg-product-grid:before{left:44%}
html.jg-concept-c body.jg .jg-product-grid:after{right:-38px}
html.jg-concept-c body.jg .jg-product-card:not(.jg-product-card--host){position:relative;z-index:1;grid-template-columns:190px minmax(0,1fr);gap:34px;align-items:center;min-height:0;padding:26px 0}
html.jg-concept-c body.jg .jg-product-card:not(.jg-product-card--host) .jg-product-copy{justify-content:center;min-height:165px;padding:12px 0}
html.jg-concept-c body.jg .jg-product-card:not(.jg-product-card--host):before,html.jg-concept-c body.jg .jg-product-card:not(.jg-product-card--host):after{content:"";position:absolute;z-index:2;top:50%;width:10px;height:10px;border:2px solid var(--jc-accent);border-radius:50%;background:#fff;box-shadow:0 0 0 7px #fff;transform:translateY(-50%)}
html.jg-concept-c body.jg .jg-product-card:not(.jg-product-card--host):before{left:-42px}
html.jg-concept-c body.jg .jg-product-card:not(.jg-product-card--host):after{right:-43px}
}
@media(max-width:900px){
html.jg-concept-c body.jg .jg-product-card:not(.jg-product-card--host):before,html.jg-concept-c body.jg .jg-product-card:not(.jg-product-card--host):after{display:none}
}

/* C 版標題系統｜01、02、03 維持一致的字級與節奏 */
html.jg-concept-c body.jg .jg-section-mark span,html.jg-concept-c body.jg .jg-products .jg-num,html.jg-concept-c body.jg .jg-use-head .jg-num{font-size:72px;font-weight:300;line-height:.9;letter-spacing:0}
html.jg-concept-c body.jg .jg-about-title h2,html.jg-concept-c body.jg .jg-products .jg-section-head h2,html.jg-concept-c body.jg .jg-use-head h2{font-size:clamp(36px,3vw,44px);font-weight:500;line-height:1.5;letter-spacing:.07em}
html.jg-concept-c body.jg .jg-about-title .jg-kicker,html.jg-concept-c body.jg .jg-products .jg-section-head .jg-kicker,html.jg-concept-c body.jg .jg-use-head .jg-kicker{font-size:10px;font-weight:700;line-height:1.4;letter-spacing:.17em}

@media(max-width:560px){
html.jg-concept-c body.jg .jg-section-mark span,html.jg-concept-c body.jg .jg-products .jg-num,html.jg-concept-c body.jg .jg-use-head .jg-num{font-size:54px}
html.jg-concept-c body.jg .jg-about-title h2,html.jg-concept-c body.jg .jg-products .jg-section-head h2,html.jg-concept-c body.jg .jg-use-head h2{font-size:32px}
}

/* C 版全頁校正版｜統一版心、標題欄、字級與內容起點 */
html.jg-concept-c body.jg{--jg-section-number-col:132px;--jg-section-gap:44px;--jg-section-title-size:44px;--jg-section-number-size:72px}
html.jg-concept-c body.jg .jg-about,html.jg-concept-c body.jg .jg-products,html.jg-concept-c body.jg .jg-use{padding-top:112px;padding-bottom:120px}

/* 01：編號、標題、說明共用同一基線 */
html.jg-concept-c body.jg .jg-about-grid{display:grid;grid-template-columns:var(--jg-section-number-col) minmax(0,.88fr) minmax(0,1.12fr);column-gap:var(--jg-section-gap);row-gap:52px;align-items:start;padding:0 24px}
html.jg-concept-c body.jg .jg-section-mark{grid-column:1;display:flex;flex-direction:column;align-items:flex-start;min-height:0;padding:0;border:0}
html.jg-concept-c body.jg .jg-section-mark span{margin:0;font-size:var(--jg-section-number-size);font-weight:300;line-height:.9}
html.jg-concept-c body.jg .jg-section-mark small{margin:14px 0 0;color:#a97431;font-family:var(--jg-font-sans);font-size:10px;font-weight:700;line-height:1.4;letter-spacing:.17em;writing-mode:horizontal-tb}
html.jg-concept-c body.jg .jg-about-title{grid-column:2;padding:0}
html.jg-concept-c body.jg .jg-about-title>.jg-kicker{display:none}
html.jg-concept-c body.jg .jg-about-title h2{margin:0;font-size:var(--jg-section-title-size);line-height:1.5}
html.jg-concept-c body.jg .jg-about-copy{grid-column:3;padding:38px 0 0;font-size:15px;line-height:2}
html.jg-concept-c body.jg .jg-about-copy p+ p{margin-top:18px}
html.jg-concept-c body.jg .jg-process{grid-column:2/4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0;padding:0}

/* 02：標題區改用與 01 相同的 132px 編號欄 */
html.jg-concept-c body.jg .jg-products .jg-section-head{display:grid;grid-template-columns:var(--jg-section-number-col) minmax(0,1fr);gap:var(--jg-section-gap);align-items:start;width:100%;max-width:none;margin:0 0 68px;padding:0 0 34px;border-bottom:1px solid #d9ddd6}
html.jg-concept-c body.jg .jg-products .jg-section-head>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:0}
html.jg-concept-c body.jg .jg-products .jg-num{margin:0;font-size:var(--jg-section-number-size);font-weight:300;line-height:.9}
html.jg-concept-c body.jg .jg-products .jg-section-head .jg-kicker{margin:14px 0 0;padding:0;font-size:10px;line-height:1.4;letter-spacing:.17em}
html.jg-concept-c body.jg .jg-products .jg-section-head h2{margin:0;font-size:var(--jg-section-title-size);line-height:1.5}
html.jg-concept-c body.jg .jg-products .jg-section-head p{margin:10px 0 0;font-size:14px;line-height:1.8}

/* 03：標題與四個場域都從 01／02 的標題起點開始 */
html.jg-concept-c body.jg .jg-use-grid{display:grid;grid-template-columns:var(--jg-section-number-col) minmax(0,1fr);column-gap:var(--jg-section-gap);row-gap:0;align-items:start}
html.jg-concept-c body.jg .jg-use-head{position:static;grid-column:1/-1;display:grid;grid-template-columns:var(--jg-section-number-col) minmax(0,1fr);column-gap:var(--jg-section-gap);align-items:start;margin:0 0 68px;padding:0}
html.jg-concept-c body.jg .jg-use-head:before{display:none}
html.jg-concept-c body.jg .jg-use-head .jg-num{grid-column:1;grid-row:1/3;margin:0;font-size:var(--jg-section-number-size);font-weight:300;line-height:.9}
html.jg-concept-c body.jg .jg-use-head .jg-kicker{grid-column:2;margin:0 0 10px;font-size:10px;line-height:1.4;letter-spacing:.17em}
html.jg-concept-c body.jg .jg-use-head h2{grid-column:2;margin:0;font-size:var(--jg-section-title-size);line-height:1.5}
html.jg-concept-c body.jg .jg-use-list{grid-column:2;width:100%}
html.jg-concept-c body.jg .jg-use .jg-service{grid-column:2;width:100%;margin-top:54px}

/* 選型列：四格同高、文字規格一致 */
html.jg-concept-c body.jg .jg-system-strip-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
html.jg-concept-c body.jg .jg-system-strip-grid>div{min-height:126px}
html.jg-concept-c body.jg .jg-system-strip-grid>div strong{font-size:18px;font-weight:500;line-height:1.45}
html.jg-concept-c body.jg .jg-system-strip-grid>div small{font-size:13px;line-height:1.6}

@media(max-width:900px){
html.jg-concept-c body.jg{--jg-section-number-col:90px;--jg-section-gap:28px;--jg-section-title-size:38px;--jg-section-number-size:60px}
html.jg-concept-c body.jg .jg-about-grid{grid-template-columns:var(--jg-section-number-col) minmax(0,1fr)}
html.jg-concept-c body.jg .jg-about-title{grid-column:2}
html.jg-concept-c body.jg .jg-about-copy,html.jg-concept-c body.jg .jg-process{grid-column:2}
html.jg-concept-c body.jg .jg-about-copy{padding-top:0}
html.jg-concept-c body.jg .jg-use-grid{grid-template-columns:var(--jg-section-number-col) minmax(0,1fr)}
html.jg-concept-c body.jg .jg-use-list,html.jg-concept-c body.jg .jg-use .jg-service{grid-column:2}
html.jg-concept-c body.jg .jg-system-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:560px){
html.jg-concept-c body.jg{--jg-section-title-size:32px;--jg-section-number-size:52px}
html.jg-concept-c body.jg .jg-about,html.jg-concept-c body.jg .jg-products,html.jg-concept-c body.jg .jg-use{padding-top:78px;padding-bottom:84px}
html.jg-concept-c body.jg .jg-about-grid,html.jg-concept-c body.jg .jg-products .jg-section-head,html.jg-concept-c body.jg .jg-use-grid,html.jg-concept-c body.jg .jg-use-head{grid-template-columns:1fr;gap:26px}
html.jg-concept-c body.jg .jg-about-grid{padding-right:16px;padding-left:16px}
html.jg-concept-c body.jg .jg-section-mark{grid-column:1;flex-direction:row;align-items:flex-end;gap:16px}
html.jg-concept-c body.jg .jg-section-mark small{margin:0 0 7px}
html.jg-concept-c body.jg .jg-about-title,html.jg-concept-c body.jg .jg-about-copy,html.jg-concept-c body.jg .jg-process,html.jg-concept-c body.jg .jg-use-list,html.jg-concept-c body.jg .jg-use .jg-service{grid-column:1}
html.jg-concept-c body.jg .jg-process{grid-template-columns:1fr}
html.jg-concept-c body.jg .jg-products .jg-section-head>div:first-child{flex-direction:row;align-items:flex-end;gap:16px}
html.jg-concept-c body.jg .jg-products .jg-section-head .jg-kicker{margin:0 0 7px}
html.jg-concept-c body.jg .jg-use-head .jg-num{grid-column:1;grid-row:auto}
html.jg-concept-c body.jg .jg-use-head .jg-kicker,html.jg-concept-c body.jg .jg-use-head h2{grid-column:1}
html.jg-concept-c body.jg .jg-use-head .jg-kicker{margin:-14px 0 0}
html.jg-concept-c body.jg .jg-system-strip-grid{grid-template-columns:1fr}
}

/* C 版首圖資訊設計｜文字直接融入照片，不使用卡片容器 */
html.jg-concept-c body.jg .jg-hero .jg-scene-photo:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:52%;background:linear-gradient(0deg,rgba(12,29,35,.78) 0%,rgba(12,29,35,.34) 48%,rgba(12,29,35,0) 100%);pointer-events:none}
html.jg-concept-c body.jg .jg-hero .jg-scene-note{left:74px;right:52px;bottom:94px;width:auto;padding:2px 0 3px 25px;border:0;border-left:2px solid var(--jc-accent);border-radius:0;background:transparent;color:#fff;box-shadow:none;backdrop-filter:none}
html.jg-concept-c body.jg .jg-hero .jg-scene-note:before{content:"";position:absolute;left:-6px;top:0;width:10px;height:10px;border:2px solid var(--jc-accent);border-radius:50%;background:#172c31}
html.jg-concept-c body.jg .jg-hero .jg-scene-note:after{content:"";position:absolute;left:25px;bottom:-15px;width:72px;height:1px;background:var(--jc-accent)}
html.jg-concept-c body.jg .jg-hero .jg-scene-note small{color:#e0ae67;font-size:9px;font-weight:700;line-height:1.4;letter-spacing:.21em;text-shadow:0 1px 5px rgba(0,0,0,.3)}
html.jg-concept-c body.jg .jg-hero .jg-scene-note strong{margin:10px 0 12px;color:#fff;font-size:25px;font-weight:500;line-height:1.5;letter-spacing:.06em;text-shadow:0 2px 10px rgba(0,0,0,.36)}
html.jg-concept-c body.jg .jg-hero .jg-scene-note span{color:rgba(255,255,255,.68);font-size:8px;line-height:1.4;letter-spacing:.18em}

@media(max-width:760px){
html.jg-concept-c body.jg .jg-hero .jg-scene-note{left:36px;right:28px;bottom:48px;padding-left:20px}
html.jg-concept-c body.jg .jg-hero .jg-scene-note strong{font-size:20px}
html.jg-concept-c body.jg .jg-hero .jg-scene-note:after{left:20px}
}

/* C 版 03 重製｜完整版寬的場域資訊帶，不再使用重複卡片 */
html.jg-concept-c body.jg .jg-use-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:100%;padding:34px 0 32px;border-top:1px solid #d7dbd4;border-bottom:1px solid #d7dbd4;background:transparent}
html.jg-concept-c body.jg .jg-use-list>div,html.jg-concept-c body.jg .jg-use-list>div:nth-child(2),html.jg-concept-c body.jg .jg-use-list>div:nth-child(3){position:relative;display:block;min-height:164px;padding:8px 30px 12px;border:0;border-left:1px solid #d7dbd4;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
html.jg-concept-c body.jg .jg-use-list>div:first-child{border-left:0}
html.jg-concept-c body.jg .jg-use-list>div:before{content:"";position:static;display:block;width:36px;height:2px;margin:0 0 25px;border:0;border-radius:0;background:var(--jc-accent)}
html.jg-concept-c body.jg .jg-use-list>div:after{display:none}
html.jg-concept-c body.jg .jg-use-list span{display:block;margin:0 0 13px;color:#b48342;font-family:var(--jg-font-serif);font-size:27px;font-weight:500;line-height:1}
html.jg-concept-c body.jg .jg-use-list h3{margin:0;padding:0;color:#28473e;font-family:var(--jg-font-serif);font-size:21px;font-weight:500;line-height:1.5;letter-spacing:.055em}
html.jg-concept-c body.jg .jg-use-list p{margin:9px 0 0;color:#56655f;font-family:var(--jg-font-sans);font-size:13px;line-height:1.75}

html.jg-concept-c body.jg .jg-use .jg-service{grid-column:1/-1;display:grid;grid-template-columns:minmax(250px,.8fr) minmax(360px,1.45fr) auto;grid-template-areas:"eyebrow description action" "title description action";column-gap:44px;align-items:center;width:100%;min-height:150px;margin-top:46px;padding:30px 38px;border:0;border-top:1px solid #d7dbd4;border-bottom:1px solid #d7dbd4;border-left:4px solid var(--jc-accent);border-radius:0;background:#fff;color:var(--jc-ink);box-shadow:none}
html.jg-concept-c body.jg .jg-use .jg-service>h3{font-size:27px}

@media(max-width:900px){
html.jg-concept-c body.jg .jg-use-list{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}
html.jg-concept-c body.jg .jg-use-list>div:nth-child(3){border-left:0;border-top:1px solid #d7dbd4}
html.jg-concept-c body.jg .jg-use-list>div:nth-child(4){border-top:1px solid #d7dbd4}
html.jg-concept-c body.jg .jg-use .jg-service{grid-column:1/-1;grid-template-columns:1fr auto;grid-template-areas:"eyebrow action" "title action" "description description";row-gap:6px}
}

@media(max-width:560px){
html.jg-concept-c body.jg .jg-use-list{grid-template-columns:1fr;padding:0}
html.jg-concept-c body.jg .jg-use-list>div,html.jg-concept-c body.jg .jg-use-list>div:nth-child(2),html.jg-concept-c body.jg .jg-use-list>div:nth-child(3),html.jg-concept-c body.jg .jg-use-list>div:nth-child(4){min-height:0;padding:27px 4px;border:0;border-top:1px solid #d7dbd4}
html.jg-concept-c body.jg .jg-use-list>div:first-child{border-top:0}
html.jg-concept-c body.jg .jg-use-list>div:before{margin-bottom:18px}
html.jg-concept-c body.jg .jg-use .jg-service{grid-template-columns:1fr;grid-template-areas:"eyebrow" "title" "description" "action";gap:8px;padding:28px 22px}
}

/* C 版 03 訊號場域圖｜以遙控訊號波作為區塊主題 */
html.jg-concept-c body.jg .jg-use-list{position:relative;grid-column:1/-1;display:grid;grid-template-columns:280px repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(155px,1fr));gap:0;min-height:390px;padding:38px 42px 38px 0;border:0;border-radius:150px 6px 76px 6px;background:linear-gradient(135deg,#edf2eb 0%,#f7f7f2 56%,#fff 100%);overflow:hidden}
html.jg-concept-c body.jg .jg-use-list:before{content:"";position:absolute;left:74px;top:50%;width:82px;height:82px;border:1px solid rgba(180,131,66,.55);border-radius:50%;background:radial-gradient(circle,#b48342 0 6px,#fff 7px 12px,transparent 13px);box-shadow:0 0 0 38px rgba(180,131,66,.10),0 0 0 76px rgba(53,83,74,.07),0 0 0 114px rgba(53,83,74,.035);transform:translateY(-50%)}
html.jg-concept-c body.jg .jg-use-list:after{content:"";position:absolute;left:157px;top:50%;width:94px;height:1px;background:linear-gradient(90deg,rgba(180,131,66,.7),rgba(180,131,66,.12))}
html.jg-concept-c body.jg .jg-use-list>div,html.jg-concept-c body.jg .jg-use-list>div:nth-child(2),html.jg-concept-c body.jg .jg-use-list>div:nth-child(3),html.jg-concept-c body.jg .jg-use-list>div:nth-child(4){position:relative;z-index:1;display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:16px;min-height:0;padding:28px 30px;border:0;border-radius:0;background:transparent;box-shadow:none}
html.jg-concept-c body.jg .jg-use-list>div:nth-child(1){grid-column:2;grid-row:1;border-right:1px solid rgba(53,83,74,.15);border-bottom:1px solid rgba(53,83,74,.15)}
html.jg-concept-c body.jg .jg-use-list>div:nth-child(2){grid-column:3;grid-row:1;border-bottom:1px solid rgba(53,83,74,.15)}
html.jg-concept-c body.jg .jg-use-list>div:nth-child(3){grid-column:2;grid-row:2;border-right:1px solid rgba(53,83,74,.15)}
html.jg-concept-c body.jg .jg-use-list>div:nth-child(4){grid-column:3;grid-row:2}
html.jg-concept-c body.jg .jg-use-list>div:before,html.jg-concept-c body.jg .jg-use-list>div:after{display:none}
html.jg-concept-c body.jg .jg-use-list span{grid-row:1/3;align-self:center;margin:0;color:#b48342;font-family:var(--jg-font-serif);font-size:31px;font-weight:500;line-height:1}
html.jg-concept-c body.jg .jg-use-list h3{align-self:end;margin:0;padding:0;color:#28473e;font-family:var(--jg-font-serif);font-size:21px;font-weight:500;line-height:1.45}
html.jg-concept-c body.jg .jg-use-list p{grid-column:2;align-self:start;margin:7px 0 0;color:#56655f;font-size:13px;line-height:1.7}
html.jg-concept-c body.jg .jg-use .jg-service{position:relative;z-index:2;grid-column:1/-1;justify-self:end;width:calc(100% - 110px);margin-top:28px}

@media(max-width:900px){
html.jg-concept-c body.jg .jg-use-list{grid-template-columns:190px minmax(0,1fr);grid-template-rows:repeat(4,minmax(125px,auto));padding:26px 30px 26px 0;border-radius:110px 6px 60px 6px}
html.jg-concept-c body.jg .jg-use-list:before{left:47px;width:68px;height:68px;box-shadow:0 0 0 30px rgba(180,131,66,.10),0 0 0 60px rgba(53,83,74,.07)}
html.jg-concept-c body.jg .jg-use-list:after{left:116px;width:55px}
html.jg-concept-c body.jg .jg-use-list>div:nth-child(1),html.jg-concept-c body.jg .jg-use-list>div:nth-child(2),html.jg-concept-c body.jg .jg-use-list>div:nth-child(3),html.jg-concept-c body.jg .jg-use-list>div:nth-child(4){grid-column:2;grid-row:auto;border:0;border-top:1px solid rgba(53,83,74,.15)}
html.jg-concept-c body.jg .jg-use-list>div:nth-child(1){border-top:0}
html.jg-concept-c body.jg .jg-use .jg-service{width:100%}
}

@media(max-width:560px){
html.jg-concept-c body.jg .jg-use-list{grid-template-columns:1fr;grid-template-rows:auto;min-height:0;padding:20px 22px;border-radius:54px 4px 42px 4px}
html.jg-concept-c body.jg .jg-use-list:before,html.jg-concept-c body.jg .jg-use-list:after{display:none}
html.jg-concept-c body.jg .jg-use-list>div:nth-child(1),html.jg-concept-c body.jg .jg-use-list>div:nth-child(2),html.jg-concept-c body.jg .jg-use-list>div:nth-child(3),html.jg-concept-c body.jg .jg-use-list>div:nth-child(4){grid-column:1;padding:24px 4px}
}


/* ══ 2026-09-16 正式定稿整合｜只修對齊與響應式，不改已確認的視覺 ══ */

/* (1) 首圖右側溢出：.jg-hero-grid 用百分比欄寬（36%/64%），沒把 52px 的 column-gap 算進去，
       兩欄相加永遠比版心寬 52px。桌機（>1255px）版心兩側還有留白，溢出呈現為刻意的右側出血，維持不動；
       1255px 以下版心已貼齊視窗，同樣的溢出會把照片推出畫面右緣（實測 1024／768 各超出 28px）。
       改用 fr：瀏覽器分配欄寬時會先扣掉 gap，兩欄必定落在版心內。 */
/* 09-18 補：原本沒設下限，≤760px 也吃到 36fr/64fr，特異度壓過 jiguan.css／jiguan-variants.css 的手機單欄 1fr，
       手機首圖因此一直是兩欄硬擠（文案欄只剩 100 多 px）。加 min-width:761px，手機交回單欄規則。 */
@media(max-width:1255px) and (min-width:761px){
html.jg-concept-c body.jg .jg-hero-grid{grid-template-columns:minmax(0,36fr) minmax(0,64fr)}
}

/* (2) 01 區版心內距對齊：原本 ≤768px 單獨把 .jg-about-grid 改成 16px，
       02／03 仍吃全站 .container 的 24px（全站到 ≤480px 才切 16px）→ 01 少 8px。
       這裡讓三區一律跟著全站 .container 的節奏：桌機／平板 24px、手機 16px。 */
@media(max-width:480px){
html.jg-concept-c body.jg .jg-about-grid{padding-right:16px;padding-left:16px}
}

/* (3) 03 的英文小標原本放在標題欄（第 2 欄）標題上方，01／02 都放在編號正下方
       → 三區小標起點不一致（實測 1440：01／02 在 x=137，03 在 x=313）。
       改成與 01／02 相同：編號在上、小標貼編號下方，標題維持第 2 欄並與編號同高起排。
       編號另加 justify-self:start，讓它的框跟 01／02 一樣貼合字身、不被拉滿整欄。 */
@media(min-width:561px){
html.jg-concept-c body.jg .jg-use-head .jg-num{grid-column:1;grid-row:1;justify-self:start}
html.jg-concept-c body.jg .jg-use-head .jg-kicker{grid-column:1;grid-row:2;margin:14px 0 0}
html.jg-concept-c body.jg .jg-use-head h2{grid-column:2;grid-row:1/3;align-self:start}
}

/* (4) 手機（≤560px）三區標頭排法一致：編號 ＋ 英文小標同一列，中文標題另起一行。
       原本 01 的 .jg-section-mark 還吃得到底層的 justify-content:space-between，
       小標被推到畫面最右（實測 390：01 小標 x=254、02 x=91、03 x=16，三種都不同）；
       03 則是編號獨佔一列、小標在下一列。 */
@media(max-width:560px){
html.jg-concept-c body.jg .jg-section-mark{justify-content:flex-start}
html.jg-concept-c body.jg .jg-use-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:0 16px}
html.jg-concept-c body.jg .jg-use-head .jg-num{order:1;grid-row:auto}
html.jg-concept-c body.jg .jg-use-head .jg-kicker{order:2;margin:0 0 7px}
html.jg-concept-c body.jg .jg-use-head h2{order:3;flex:1 0 100%;margin:14px 0 0}
}

/* (5) 01 標題在 901～1100px 會變成 4 行（規格要 3 行）：
       .jg-about-grid 中間欄在該區間只分到 326px，而第二行「搭配日常需要的」需要 330px。
       把中間／右側兩欄在此區間改成等分，中間欄回到 370px，標題恢復三行。 */
@media(max-width:1100px) and (min-width:901px){
html.jg-concept-c body.jg .jg-about-grid{grid-template-columns:var(--jg-section-number-col) minmax(0,1fr) minmax(0,1fr)}
}

/* (6) 03 服務列的「前往聯絡我們 →」在 901～1100px 會被擠出容器（實測 1024 超出父層 39px）：
       三欄的最小寬 250px/360px 加上 nowrap 的按鈕放不下。放寬前兩欄的最小寬，維持原本三欄排法。 */
@media(max-width:1100px){
html.jg-concept-c body.jg .jg-use .jg-service{grid-template-columns:minmax(180px,.8fr) minmax(240px,1.45fr) auto}
}

/* (7) 手機編號欄寬對齊：三個編號字身寬度不同（01=54px、02／03=59px），
       行內排法會讓英文小標起點差 5px。給三者同一個最小寬度，小標起點就一致。 */
@media(max-width:560px){
html.jg-concept-c body.jg .jg-section-mark span,html.jg-concept-c body.jg .jg-products .jg-num,html.jg-concept-c body.jg .jg-use-head .jg-num{min-width:62px}
}

/* (8) 首圖主標孤字：約 680~810px 時文案欄不到 246px，「鐵捲門遙控器」會斷成 5+1（「器」落單）。
       h1 帶後台編輯錨點 data-e="page-h1"，不動 HTML；用 text-wrap:balance 讓放不下時平均斷成 3+3。
       放得下一行的寬度（含 1440）不受影響；不支援的舊瀏覽器維持原樣，不會更糟。 */
html.jg-concept-c body.jg .jg-hero h1{text-wrap:balance}

/* (9) 選型區左側 4px 鐵鏽橘色條：來自 variant-a 的 .jg-system-strip::before，宿主是滿版區塊，
       色條因此貼在螢幕最左緣、離內容版心 113px。同款式的 .jg-use-head::before 在 C 版已關閉，
       這條是漏關的殘留；且 C 版配色規範只有暖白、灰綠、金色，鐵鏽橘不在其中。 */
html.jg-concept-c body.jg .jg-system-strip::before{display:none}

/* (10) 手機主標被拆成 2+2+2（鐵捲／門遙／控器）：≤430px 時文案欄只有 101~126px，
        36px 的字一行只放得下 2 個字，「鐵捲門」被拆開。降到 30px 讓一行放得下 3 個字，
        搭配 (8) 的 balance 斷成「鐵捲門／遙控器」。只影響 ≤430px。 */
@media(max-width:430px){
html.jg-concept-c body.jg .jg-hero h1{font-size:30px}
/* 副標用 em 跟著 h1 算（.46em），h1 降到 30px 會把它從 16.56px 連帶縮成 13.8px；釘回原本的 16.56px */
html.jg-concept-c body.jg .jg-hero h1 small{font-size:16.56px}
}

/* ══ 2026-09-18 字級對齊全站基準｜只動字級與 kicker 字距，不改配色、排版、字重 ══ */

/* (11) 首圖主標對齊首頁／關於我們的 Hero H1（clamp(30px,3.2vw,44px)，≤900px 為 27px）：
        原本 clamp(38px,4.2vw,58px) 在 1440 是 58px，比首頁 44px 大一級，跨頁層級不一致（09-17 量測）。
        字距／行高維持捲門頁原設定（.08em／1.2）。
        副標 <small> 原用 .46em 跟著縮：桌機 44px×.46=20.24px 沒問題，但 901～1125px 會掉到 16.56px 以下、
        比 (10) 手機釘的 16.56px 還小 → 改 max(16.56px,.46em)，≤900px 一律 16.56px，與 (10) 一致。 */
html.jg-concept-c body.jg .jg-hero h1{font-size:clamp(30px,3.2vw,44px)}
html.jg-concept-c body.jg .jg-hero h1 small{font-size:max(16.56px,.46em)}
@media(max-width:900px){
html.jg-concept-c body.jg .jg-hero h1{font-size:27px}
html.jg-concept-c body.jg .jg-hero h1 small{font-size:16.56px}
}

/* (12) 01／02／03 區塊大標對齊全站區塊大標：30px、≤1180px 26px、≤620px 24px（首頁 .bg-head h2 同一組級距）。
        原本 44px／≤900 38px／≤560 32px，桌機與首圖主標同為 44px，層級消失。
        三個標題同時走變數 --jg-section-title-size 與直接宣告，兩者一起改。 */
html.jg-concept-c body.jg{--jg-section-title-size:30px}
html.jg-concept-c body.jg .jg-about-title h2,html.jg-concept-c body.jg .jg-products .jg-section-head h2,html.jg-concept-c body.jg .jg-use-head h2{font-size:30px}
@media(max-width:1180px){
html.jg-concept-c body.jg{--jg-section-title-size:26px}
html.jg-concept-c body.jg .jg-about-title h2,html.jg-concept-c body.jg .jg-products .jg-section-head h2,html.jg-concept-c body.jg .jg-use-head h2{font-size:26px}
}
@media(max-width:620px){
html.jg-concept-c body.jg{--jg-section-title-size:24px}
html.jg-concept-c body.jg .jg-about-title h2,html.jg-concept-c body.jg .jg-products .jg-section-head h2,html.jg-concept-c body.jg .jg-use-head h2{font-size:24px}
}

/* (13) 英文小標對齊全站 kicker（11px／.22em／w700，同 about.css .ab-kicker）：
        首圖 kicker 原 10px/.23em；01～03 的 kicker、編號下方小標、03 服務列小標原 10px/.17em。
        選擇器逐一比照原規則的特異度（如 .jg-products .jg-section-head .jg-kicker），確保後宣告者勝出。 */
html.jg-concept-c body.jg .jg-hero .jg-kicker,
html.jg-concept-c body.jg .jg-section-mark small,
html.jg-concept-c body.jg .jg-about-title .jg-kicker,
html.jg-concept-c body.jg .jg-products .jg-section-head .jg-kicker,
html.jg-concept-c body.jg .jg-use-head .jg-kicker,
html.jg-concept-c body.jg .jg-use .jg-service>small{font-size:11px;font-weight:700;letter-spacing:.22em}

/* ══ 2026-09-18 手機首圖版面（使用者 12:49 截圖：兩欄硬擠、註記掉出照片） ══ */
/* (14) ≤760px 首圖：①明寫單欄（與 (1) 的 min-width:761px 下限成對，任一方被改掉都還撐得住）。
        ②照片 .jg-scene-photo 底部 inset 留 58px（variant-a 桌機設計），註記 .jg-scene-note 在 ≤760 原設 bottom:48px
          → 比照片下緣還低 10px，「ROLLING DOOR / TAICHUNG」與金色短線掉到米色底上。改 84px：註記距照片下緣 26px、
          短線 11px，比例對齊桌機（94px／36px、21px）。
        ③ .jg-hero-visual::after 直排裝飾字「ROLLING DOOR / REMOTE CONTROL」位在容器右下（bottom:20px），手機時一半壓在
          深色照片上看不見、一半露在照片下方的空隙（截圖看到「ONTROL」）。手機隱藏，桌機不動；要恢復刪這一條即可。 */
@media(max-width:760px){
html.jg-concept-c body.jg .jg-hero-grid{grid-template-columns:1fr}
html.jg-concept-c body.jg .jg-hero .jg-scene-note{bottom:84px}
html.jg-concept-c body.jg .jg-hero-visual::after{display:none}
}