/*
Theme Name: 清澤外牆工程
Theme URI: https://qingze-facade.masen0908207268.chatgpt.site/
Author: 清澤企業有限公司
Description: 清澤企業有限公司外牆工程官方網站版型，支援 Elementor 全寬頁面。
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: qingze-facade
*/

:root{--qz-ink:#17242c;--qz-ink2:#22313a;--qz-stone:#e9e2d6;--qz-paper:#f6f4ef;--qz-muted:#aeb8be;--qz-gold:#c49755}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--qz-paper);color:var(--qz-ink);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",Arial,sans-serif}a{color:inherit;text-decoration:none}.screen-reader-text{position:absolute;left:-9999px}
.qz-hero{min-height:900px;position:relative;overflow:hidden;background:var(--qz-ink);color:var(--qz-paper)}.qz-hero__image{position:absolute;inset:0;background:url('assets/images/hero-facade.png') 62% center/cover no-repeat}.qz-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,25,35,.97),rgba(15,31,41,.88) 38%,rgba(15,31,41,.38) 68%,rgba(15,31,41,.18))}
.qz-header{position:relative;z-index:3;height:88px;display:flex;align-items:center;gap:42px;padding:0 clamp(28px,5vw,72px);border-bottom:1px solid rgba(246,244,239,.16);background:rgba(18,31,39,.38);backdrop-filter:blur(12px)}.qz-brand{display:flex;align-items:center;gap:13px;margin-right:auto}.qz-brand__mark{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--qz-gold);color:var(--qz-gold);font:24px serif}.qz-brand b{display:block;font-size:18px;letter-spacing:.12em}.qz-brand small{display:block;margin-top:3px;color:var(--qz-muted);font-size:9px;letter-spacing:.18em}.qz-nav{display:flex;gap:34px}.qz-nav a{position:relative;padding:33px 0;color:rgba(246,244,239,.78);font-size:14px}.qz-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:22px;height:1px;background:var(--qz-gold);transition:right .2s}.qz-nav a:hover:after{right:0}.qz-header__cta{padding:12px 22px;border:1px solid rgba(196,151,85,.8);font-size:14px}
.qz-hero__content{position:relative;z-index:2;width:min(670px,calc(100% - 56px));margin-left:clamp(28px,5vw,72px);padding-top:126px}.qz-kicker{color:var(--qz-gold);font:700 12px/1.4 Arial,sans-serif;letter-spacing:.24em}.qz-hero h1{margin:22px 0 0;font-size:clamp(52px,5vw,72px);line-height:1.18}.qz-hero__lead{margin:26px 0 0;color:var(--qz-stone);font-size:clamp(17px,1.5vw,20px);letter-spacing:.09em}.qz-hero__copy{max-width:600px;color:rgba(246,244,239,.7);font-size:15px;line-height:1.9}.qz-actions{display:flex;gap:16px;margin-top:36px}.qz-button{min-width:205px;min-height:58px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:0 24px;font-size:15px;font-weight:600;transition:.2s}.qz-button:hover{transform:translateY(-2px)}.qz-button--primary{background:var(--qz-gold);color:var(--qz-ink)}.qz-button--ghost{border:1px solid rgba(246,244,239,.64)}
.qz-trust{position:absolute;z-index:2;left:clamp(28px,5vw,72px);right:clamp(28px,5vw,72px);bottom:58px;min-height:106px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;background:rgba(18,31,39,.78);border-top:1px solid rgba(196,151,85,.75);backdrop-filter:blur(14px)}.qz-trust div{height:52px;display:flex;align-items:center;justify-content:center;gap:20px;border-right:1px solid rgba(246,244,239,.18)}.qz-trust div:last-child{border:0}.qz-trust span{color:var(--qz-gold);font:700 12px Arial}.qz-trust b{font-size:16px;letter-spacing:.08em}
.qz-section{padding:110px clamp(28px,6vw,88px)}.qz-section h2,.qz-band h2,.qz-contact h2{margin:0;font-size:clamp(36px,4vw,56px);line-height:1.35}.qz-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,130px)}.qz-intro p,.qz-section-head>p,.qz-contact p{color:#5f696e;font-size:15px;line-height:1.95}.qz-intro .qz-lead{margin-top:0;color:var(--qz-ink);font-size:20px;font-weight:600;line-height:1.75}.qz-values{display:grid;grid-template-columns:repeat(4,1fr);margin-top:72px;border-block:1px solid #cfd3d1}.qz-values article{padding:34px 26px;border-right:1px solid #cfd3d1}.qz-values article:last-child{border:0}.qz-values span{color:var(--qz-gold);font:700 12px Arial}.qz-values h3{margin:26px 0 8px;font-size:20px}.qz-values p{margin:0;color:#69747a;font-size:14px;line-height:1.7}
.qz-services{background:#e8e5de}.qz-section-head{display:grid;grid-template-columns:2fr 1fr;gap:50px;align-items:end;margin-bottom:54px}.qz-section-head .qz-kicker{margin:0 0 18px}.qz-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#c7cbc8;border:1px solid #c7cbc8}.qz-card{min-height:350px;padding:34px;background:var(--qz-paper);transition:.22s}.qz-card:hover{transform:translateY(-4px);background:#fff;box-shadow:0 18px 40px rgba(23,36,44,.1)}.qz-card__top{display:flex;justify-content:space-between;color:var(--qz-gold);font:700 12px Arial}.qz-card__top small{color:#8a9499}.qz-card h3{margin:48px 0 18px;font-size:27px}.qz-card p{min-height:76px;color:#5e696f;font-size:14px;line-height:1.8}.qz-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.qz-tags span{padding:7px 10px;border:1px solid #d7d8d4;color:#6b7377;font-size:11px}
.qz-band{min-height:520px;display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:center;padding:90px clamp(28px,6vw,88px);background:linear-gradient(120deg,rgba(14,30,39,.98),rgba(28,46,56,.9)),url('assets/images/hero-facade.png') center 55%/cover;color:var(--qz-paper)}.qz-band blockquote{margin:0;padding:34px;border-left:1px solid var(--qz-gold);color:var(--qz-stone);font-size:20px;line-height:1.8}.qz-process{border-top:1px solid #cbd0ce}.qz-step{display:grid;grid-template-columns:90px 220px 1fr;gap:26px;align-items:center;padding:28px 0;border-bottom:1px solid #cbd0ce}.qz-step span{color:var(--qz-gold);font:700 12px Arial}.qz-step h3{margin:0;font-size:22px}.qz-step p{margin:0;color:#667178;font-size:14px;line-height:1.7}
.qz-cases{background:var(--qz-ink);color:var(--qz-paper)}.qz-case-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:14px}.qz-case{min-height:430px;display:flex;align-items:flex-end;padding:34px;background:linear-gradient(135deg,#6e716e,#293a44)}.qz-case:nth-child(2){background:linear-gradient(135deg,#806e5e,#2c3d47)}.qz-case:nth-child(3){background:linear-gradient(135deg,#60767c,#1c2d36)}.qz-case small{color:var(--qz-gold)}.qz-case h3{font-size:25px;line-height:1.45}.qz-case p{color:#c3cbd0;font-size:13px}
.qz-contact{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(50px,8vw,130px);padding:110px clamp(28px,7vw,110px);background:var(--qz-stone)}.qz-contact__panel{padding:42px;background:var(--qz-ink);color:var(--qz-paper)}.qz-contact__panel h3{margin:0;font-size:27px}.qz-contact__panel li{color:#bdc6ca;line-height:1.8}.qz-contact__panel .qz-button{width:100%;background:var(--qz-gold);color:var(--qz-ink)}.qz-footer{min-height:150px;display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:30px;padding:35px clamp(28px,5vw,72px);background:#111d24;color:var(--qz-paper)}.qz-footer p{color:#88969d;font-size:12px}
@media(max-width:980px){.qz-nav{display:none}.qz-hero{min-height:960px}.qz-trust{grid-template-columns:1fr;bottom:26px;padding:12px 0}.qz-trust div{height:46px;border-right:0;border-bottom:1px solid rgba(246,244,239,.12)}}
@media(max-width:900px){.qz-intro,.qz-section-head,.qz-band,.qz-contact{grid-template-columns:1fr}.qz-values,.qz-service-grid{grid-template-columns:repeat(2,1fr)}.qz-case-grid{grid-template-columns:1fr}.qz-footer{grid-template-columns:1fr;padding-block:50px}}
@media(max-width:620px){.qz-header{height:76px;padding:0 20px}.qz-brand b{font-size:14px}.qz-brand small{display:none}.qz-header__cta{padding:10px;font-size:12px}.qz-hero__content{width:calc(100% - 40px);margin-left:20px;padding-top:86px}.qz-hero h1{font-size:46px}.qz-actions{flex-direction:column}.qz-button{width:100%}.qz-trust{left:20px;right:20px}.qz-section{padding:78px 20px}.qz-values,.qz-service-grid{grid-template-columns:1fr}.qz-values article{border-right:0;border-bottom:1px solid #cfd3d1}.qz-step{grid-template-columns:45px 1fr}.qz-step p{grid-column:2}.qz-band,.qz-contact{padding:78px 20px}.qz-contact__panel{padding:30px 24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}