/* M7 正式網站配色：第 3 款「奶油暖白」。 */
#lightbox-image{cursor:zoom-out}
:root{--preview-hero:var(--sand);--preview-hero-ink:var(--ink);--preview-hero-muted:var(--muted)}
body .site-header{background:#eee5d5;border-bottom-color:#d8cbb6}
body .products{background:var(--mist)}
body .hero,body .contact{background:var(--preview-hero);color:var(--preview-hero-ink)}
body .hero .kicker,body .contact .section-label{color:var(--preview-hero-muted)}
body .hero-text{color:var(--preview-hero-muted)}
body .hero .button-primary,body .hero .button-quiet,body .contact .button-light{background:transparent;color:var(--preview-hero-ink);border-color:var(--preview-hero-muted)}
body .hero .button-primary:hover,body .hero .button-quiet:hover,body .contact .button-light:hover{background:rgba(255,255,255,.3);color:var(--preview-hero-ink)}
body .button-primary{background:var(--pine);color:var(--paper)}
body .button-primary:hover{background:var(--ink);color:var(--paper)}
body .comparison-actions .button-primary{background:transparent;color:var(--pine);border-color:transparent;text-decoration:underline;text-underline-offset:6px}
body .comparison-actions .button-primary:hover{background:transparent;color:var(--ink);border-color:transparent}
body .comparison-actions .button-primary:focus-visible{outline:2px solid var(--pine);outline-offset:3px}
body:not(.admin-page) .site-header nav a:hover,body:not(.admin-page) .site-header nav a:active{background:var(--pine);color:var(--paper);border-color:var(--pine)}
body .project-pagination button{background:var(--pine);color:var(--paper)}
body .project-pagination button:hover:not(:disabled){background:var(--ink);color:var(--paper)}
body .about-visuals img,body .product-image-contain{background:var(--mist)}
body .system-table tbody tr:nth-child(even) td{background:var(--mist)}
body .product-card,body .project-card,body .gallery-dialog,body .system-comparison-entry{background:var(--paper)}
body .tip-source{color:var(--pine)}
body input,body textarea,body select{background:var(--paper);color:var(--ink)}
body .system-table thead th{background:var(--pine);color:var(--paper)}
body .social-buttons{background:transparent;border:0;box-shadow:none;backdrop-filter:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root{--ink:#37342b;--muted:#6a6658;--pine:#595037;--jade:#766a42;--mist:#f2efe5;--sand:#e6dfcc;--paper:#fffef9;--line:#d8d2c2;--preview-hero:#eee1ca;--preview-hero-ink:#37342b;--preview-hero-muted:#68604f}

/* 導覽選項不設底色與陰影，保留間距及清楚的互動提示。 */
body:not(.admin-page) .site-header nav a{border:0;padding:8px 13px;background:transparent;color:var(--pine);box-shadow:none;transition:color .2s}
body:not(.admin-page) .site-header nav a:hover{background:transparent;color:var(--ink);box-shadow:none;text-decoration:underline;text-underline-offset:6px}
body:not(.admin-page) .site-header nav a:active{background:transparent;color:var(--ink);box-shadow:none}
@media(prefers-reduced-motion:reduce){body:not(.admin-page) .site-header nav a{transition:none}}

/* 電纜品牌介紹：保留既有產品卡，品牌資訊另成一組。 */
#products .product-card{padding:24px}
#products .product-image{display:block;width:100%;max-width:none;height:auto;aspect-ratio:4/3;object-fit:cover;margin:24px 0 0}
#products .product-card .product-meta{padding-top:18px}
.cable-brands{margin-top:44px}
.cable-brands-heading{margin-bottom:24px}
.cable-brands-heading h3{margin:0 0 10px;font:700 clamp(25px,3vw,34px) var(--serif);color:var(--ink)}
.cable-brands-heading p{margin:0;color:var(--muted);font-size:15px}
.cable-brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.cable-brand-card{min-width:0;padding:28px;background:var(--paper);border-radius:12px;display:flex;flex-direction:column}
.cable-brand-identity{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.cable-brand-identity h4{margin:0;font:700 clamp(28px,3vw,38px) var(--sans);color:var(--pine);letter-spacing:.02em}
.cable-brand-identity>span{font-size:13px;color:var(--muted);white-space:nowrap}
.cable-brand-visual{margin:22px 0;background:var(--mist);padding:16px 20px 12px;border-radius:8px;text-align:center}
.cable-brand-visual svg{display:block;width:100%;height:110px;fill:none;stroke:var(--jade);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.cable-brand-visual .cable-floor{stroke:var(--line);stroke-width:3}
.cable-brand-visual .cable-heat{stroke:var(--pine);stroke-width:3}
.cable-brand-visual>span{font-size:11px;color:var(--muted)}
.cable-brand-description{margin:0 0 20px;font-size:15px;line-height:1.9;color:var(--muted)}
.cable-brand-check{margin:auto 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--pine)}
.cable-brand-links{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:20px}
.cable-brand-links a{color:var(--pine);font-size:13px;text-underline-offset:4px}
.cable-brand-links a:last-child{padding:8px 14px;border-radius:7px;background:var(--mist);text-decoration:none}
.cable-brand-links a:hover{color:var(--ink)}
.cable-brand-links a:focus-visible{outline:2px solid var(--pine);outline-offset:4px}
.cable-brand-note{margin:22px 0 0;color:var(--muted);font-size:12px;line-height:1.9}
@media(max-width:760px){.cable-brand-grid{grid-template-columns:1fr;gap:18px}.cable-brand-card{padding:22px}.cable-brands{margin-top:32px}}

/* 聯絡資訊第 2 版：標題、簡介與對齊的聯絡方式。 */
#contact .contact-details{min-width:0;max-width:340px}
#contact .contact-details-title{margin:0 0 3px;font:700 20px var(--serif);color:var(--ink)}
#contact .contact-details-intro{white-space:normal;line-height:1.8;margin:0 0 13px;color:var(--muted)}
#contact .contact-detail-row{display:grid;grid-template-columns:4.5em minmax(0,1fr);column-gap:10px;white-space:normal;width:100%}
#contact .contact-detail-row span{margin-right:0}
#contact .contact-detail-row a{min-width:0;overflow-wrap:anywhere}
#contact .contact-tax-id{font-size:12px;margin-top:8px;color:var(--muted)}

/* 僅縮小案場入口照片，照片集內的大圖維持原樣。 */
#projects .project-card .project-image{height:168px;object-fit:cover;object-position:center}
@media(max-width:760px){#projects .project-card .project-image{height:190px}}

/* 單一品牌採滿寬圖文介紹，避免保留雙品牌版面的空欄。 */
.m7-standard{margin-top:38px;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.m7-standard-heading{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px;align-items:center}
.m7-standard-heading h3{margin:0;font:700 clamp(24px,2.8vw,32px)/1.5 var(--serif);color:var(--ink)}
.m7-standard-heading>p{margin:0;max-width:38em;font-size:14px;line-height:1.9;color:var(--muted)}
.m7-standard-body{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px;align-items:center;margin-top:26px}
.m7-standard-diagram{margin:0;min-width:0}
.m7-standard-diagram svg{display:block;width:100%;max-width:370px;margin:0 auto;fill:none;stroke:var(--jade);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.standard-floor{fill:var(--paper)}.standard-slab{fill:var(--sand)}.m7-standard-diagram .standard-cable{stroke:var(--pine);stroke-width:5}.standard-heat{stroke-dasharray:3 4}
.m7-standard-diagram figcaption,.m7-standard-note{font-size:11px;line-height:1.8;color:var(--muted)}
.m7-standard-diagram figcaption{max-width:32em;margin:10px auto 0}
.m7-standard-points{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px}
.m7-standard-points dt{margin-bottom:8px;font-size:15px;font-weight:700;color:var(--pine);line-height:1.6}
.m7-standard-points dd{margin:0;font-size:13px;color:var(--muted);line-height:1.9}
.m7-standard-note{margin:22px 0 0}
.m7-ptc-guide{margin:24px 0 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.m7-ptc-guide summary{padding:18px 4px;cursor:pointer;color:var(--pine);font-size:15px;font-weight:700;line-height:1.7}
.m7-ptc-guide summary:focus-visible{outline:2px solid var(--pine);outline-offset:3px}
.m7-ptc-guide>div{padding:0 4px 20px;max-width:850px;font-size:14px;line-height:1.9;color:var(--muted)}
.m7-ptc-guide p{margin:0 0 14px}.m7-ptc-guide ul{margin:0 0 18px;padding-left:1.4em}.m7-ptc-guide li+li{margin-top:10px}.m7-ptc-guide a{color:var(--pine);text-underline-offset:4px}
@media(max-width:900px){.m7-standard-points{grid-template-columns:1fr;gap:18px}}
@media(max-width:760px){.m7-standard{padding:24px 0;margin-top:30px}.m7-standard-heading,.m7-standard-body{grid-template-columns:1fr;gap:20px}.m7-standard-heading h3 br{display:none}.m7-standard-diagram svg{max-width:300px}.m7-standard-body{margin-top:20px}.m7-standard-points{grid-template-columns:1fr}}
#products .cable-brand-card:only-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-areas:"identity description" "visual description" "visual check" "visual links";gap:16px 36px;padding:30px}
#products .cable-brand-card:only-child .cable-brand-identity{grid-area:identity;align-items:center}
#products .cable-brand-card:only-child .cable-brand-identity h4{font-size:32px}
#products .cable-brand-card:only-child .cable-brand-visual{grid-area:visual;margin:0;display:flex;flex-direction:column;justify-content:center;min-height:150px;padding:18px}
#products .cable-brand-card:only-child .cable-brand-visual svg{height:100px}
#products .cable-brand-card:only-child .cable-brand-description{grid-area:description;align-self:center;margin:0;line-height:1.9}
#products .cable-brand-card:only-child .cable-brand-check{grid-area:check;margin:0;padding-top:14px;line-height:1.8}
#products .cable-brand-card:only-child .cable-brand-links{grid-area:links;justify-content:flex-start;gap:24px;margin:0}
#products .cable-brand-note{max-width:100%;margin-top:16px;line-height:1.8}
@media(max-width:760px){#products .cable-brand-card:only-child{display:flex;flex-direction:column;gap:18px;padding:22px}#products .cable-brand-card:only-child .cable-brand-identity h4{font-size:29px}#products .cable-brand-card:only-child .cable-brand-description{align-self:stretch}#products .cable-brand-card:only-child .cable-brand-links{gap:18px}}
body .hero .hero-actions .button{border-color:transparent;box-shadow:none}
body .hero .hero-note{transform:translateX(10px)}
/* 首頁標語依實際文字區寬度縮放，避免大螢幕的留白擠出額外換行。 */
body .hero .hero-copy{width:100%;max-width:none;min-width:0;container-type:inline-size}
body .hero #hero-title{font-size:clamp(28px,4.8vw,68px);font-size:clamp(28px,14cqi,68px);white-space:nowrap}
@media(max-width:760px){body .hero #hero-title{font-size:clamp(28px,8.5vw,44px)}}
/* 電費短期試算：內文行距縮小 30%，不影響十年比較與輸入框。 */
#electricity-calculator .calculator-intro,
#electricity-calculator #heating-cost-form label,
#electricity-calculator #heating-cost-form .field-note,
#electricity-calculator .calculator-result>p:not(.calculator-note){line-height:1.19}
#electricity-calculator .calculator-result .calculator-note{line-height:1.26}
/* 試算完成後以慢速明暗變化提醒，不讓金額完全消失。 */
#cost-total.cost-result-blink{animation:cost-result-pulse 2s ease-in-out infinite}
@keyframes cost-result-pulse{0%,100%{opacity:1}50%{opacity:.55}}
@media(prefers-reduced-motion:reduce){#cost-total.cost-result-blink{animation:none}}
/* 所有頁內定位直接跳轉，不播放捲動動畫。 */
html,body,body *{scroll-behavior:auto!important}
/* 比較表標題列改為淡米色，深色文字保持清楚對比。 */
body #heating-comparison .system-table thead th{background:#f5eddf;color:#595037}
body #heating-comparison .system-table{border:2px solid #aa9a7c}
body #heating-comparison .system-table th,
body #heating-comparison .system-table td{border:1px solid #aa9a7c}
/* 產品介紹後加入完整施工圖，尺寸隨畫面縮放，不裁切文字。 */
#products .product-control-scene{margin:36px 0 0;padding:0;min-width:0}
#products .product-control-scene img{display:block;width:100%;max-width:100%;height:auto;border:1px solid var(--line);border-radius:8px}
#products .product-control-scene figcaption{margin-top:10px;font-size:12px;line-height:1.7;color:var(--muted)}
@media(max-width:760px){#products .product-control-scene{margin-top:24px}}
#products .product-flooring-diagram{margin:36px 0 40px;padding:0;min-width:0}
#products .product-flooring-diagram>a{display:block}
#products .product-flooring-diagram img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#fff}
#products .product-flooring-diagram figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:12px 24px;flex-wrap:wrap;margin-top:12px;font-size:12px;line-height:1.8;color:var(--muted)}
#products .product-flooring-diagram figcaption a{flex-shrink:0;color:var(--pine);font-size:13px;text-underline-offset:4px}
#products .product-flooring-diagram a:focus-visible{outline:2px solid var(--pine);outline-offset:4px}
@media(max-width:760px){#products .product-flooring-diagram{margin:24px 0 28px}}
body #heating-comparison .system-table tr>th:first-child{border:1px solid #aa9a7c;border-right-width:2px}
body #heating-comparison .system-table tbody tr:nth-child(odd)>*{background:#faf5ec}
body #heating-comparison .system-table tbody tr:nth-child(even)>*{background:#e6dac7}
/* 桌面導覽使用剩餘寬度平均分配；窄螢幕保留橫向滑動。 */
@media(min-width:1101px){body:not(.admin-page) .site-header{gap:22px}body:not(.admin-page) .site-header .brand,body:not(.admin-page) .site-header .header-cta{flex-shrink:0}body:not(.admin-page) .site-header .header-cta{white-space:nowrap}body:not(.admin-page) .site-header nav{flex:1;min-width:0;justify-content:space-between;gap:0}body:not(.admin-page) .site-header nav a{padding:8px 6px;letter-spacing:normal;white-space:nowrap}}