/* BenQ: calm reading surfaces, restrained accents, authentic project photography. */
:root{--navy:#293d35;--blue:#654879;--ink:#252d29;--muted:#58635d;--line:#dde1da;--pale:#f1f3ee;--green:#176445;--radius:18px;background:#fbfaf7;color:#252d29;font-family:Arial,"Noto Sans TC","Microsoft JhengHei","PingFang TC",sans-serif}
body{background:#fbfaf7;color:var(--ink);-webkit-font-smoothing:antialiased}
h1,h2,h3{color:var(--ink);text-wrap:pretty}p{line-height:1.9}::selection{background:#e5ddec;color:#30203e}
a,button,input,select,textarea{transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #73518a;outline-offset:4px}
.service-bar{background:#293d35;color:#f7faf7}.brand-mark{color:#293d35}.brand-caption{color:#5a635e}.site-header{background:#fffefbf5;border-color:#e1e4dd}.site-header nav a:hover{color:#654879}
.button{border-radius:10px}.primary,.category-tabs button[aria-pressed=true]{background:#654879;color:#fff}.primary:hover{background:#503760}.outline{border-color:#79877e;color:#293d35;background:#fffefb}.outline:hover{background:#edf1eb}.line{background:#176445}.line:hover{background:#114c34}.text-link{color:#4e3a60;text-underline-offset:5px}.text-link:hover{color:#342240}.eyebrow,.category{color:#624776}
.hero{padding-block:72px;gap:64px}.hero h1{line-height:1.32;letter-spacing:-.025em}.hero h1 span{color:#654879}.hero-copy>p{max-width:35em;color:#58635d;line-height:1.95}.hero-meta,.hero-product-top,.hero-product-bottom p,.result-line p{color:#58635d}.hero-meta span+span{border-color:#cfd6cd}
.hero-product{background:linear-gradient(135deg,#f0ecf3,#f7f5f8 65%,#ebe5ef);border:1px solid #e4dfe8;border-radius:26px;padding:30px}.hero-model{color:#5e4370}.hero-product>img{filter:drop-shadow(0 20px 18px #2e39321c)}.hero-product-bottom strong{color:#29352e}.round-link{border:1px solid #d9d2df;color:#5e4370}
.brand-band{background:#f0f3ed;border-color:#dfe5dc}.brand-band strong{color:#334b3e}.brand-band .wrap>span{color:#58635d}
.catalog,.solutions{padding-block:80px}.section-head{margin-bottom:34px;align-items:flex-end}.section-head>p{color:#58635d;line-height:1.85}.section-head .eyebrow{margin-bottom:12px}h2{font-size:clamp(1.65rem,2.55vw,2.15rem);line-height:1.45}
.benq-discovery{background:#f0f3ed;border:1px solid #dce3d8;border-radius:20px;padding:30px;margin-block:36px}.benq-discovery .inline-links{gap:10px}.benq-discovery a{background:#fffefb;color:#334b3e;border-color:#c5cfc1;border-radius:8px;font-size:.9375rem}.benq-discovery a:hover{background:#e3eadf}.benq-note{color:#58635d}
.filters{background:#fffefb;border-color:#d7ddd4;border-radius:18px;box-shadow:0 4px 20px #28392d04}.filter-top,.screen-filters{background:#eff2ec}.filter-top label{color:#3e4e43}.filter-top input,.filter-top select,.sort-label select,.chooser-page input,.chooser-page select,.chooser-page textarea,.inquiry-grid textarea,.screen-filters input,.screen-filters select{border-color:#8c988d;background:#fffefb;color:#252d29;border-radius:8px}.category-tabs button{background:transparent;color:#3c493f;border-radius:8px;min-height:44px}.category-tabs button:hover{background:#e7ece3;box-shadow:none}.category-tabs button[aria-pressed=true]:hover{background:#503760}.filter-bottom>button{border-color:#8c988d;background:#fffefb;color:#34483b}.result-line{color:#58635d}.sort-label select{color:#34483b}
.products-grid{gap:26px}.product-card{background:#fffefc;border:1px solid #dce1d8;border-radius:20px;box-shadow:0 3px 16px #2e3b3005}.product-card:hover{border-color:#a6b29e;box-shadow:0 14px 32px #293c3010;transform:translateY(-2px)}.benq-model-title,#chooser-models h3,#compare-table thead a{color:#273c31!important}.benq-model-title{padding-top:22px}.product-card .product-image{background:#f4f5f1}.badge{background:#e8e2ee;color:#513662;line-height:1.5}.badge.new{background:#654879;color:#fff}.spec-row{gap:7px}.spec-row span{background:#edf1e9;color:#3d513e;padding:6px 8px;border-radius:5px}.card-description{color:#58635d;line-height:1.9}.product-body{padding-top:24px}.card-actions{border-color:#dfe4da}.card-actions>a{color:#3c4e40}.card-actions input{accent-color:#654879}.catalog-note,.screen-number,.screen-product .screen-model,.screen-product dt,.frame-hero figcaption{color:#58635d}
.cy-pricing-card,.cy-price,.cy-price-actions,.cy-price-grid{color:#293b31}.cy-pricing-card{background:#f0f3ed;border-color:#d4ded0;border-radius:18px;padding:25px}.cy-price-label,.cy-price small,.cy-price del,.cy-price>span:not(.cy-price-label),.cy-pricing-note{color:#58635d}.cy-price-value{color:#52335f;font-size:25px;letter-spacing:-.02em}.cy-price{gap:7px;padding-block:15px}.cy-price-actions .cy-price-button:not(.cy-line-secondary),.cy-pricing-card>.cy-price-button{background:#654879;color:#fff!important;border-radius:8px;min-height:46px;padding:11px 16px}.cy-price-actions .cy-price-button:not(.cy-line-secondary):hover,.cy-pricing-card>.cy-price-button:hover{background:#503760}html body .cy-price-actions a.cy-line-secondary,html body a.cy-line-help{color:#365a46!important}
.screens-section{background:#eef2e9;border-block:1px solid #e1e6dc;padding-block:76px}.screen-brands article{border-radius:20px;border-top-color:#7a6387;background:#fffefc;padding:34px}.screen-brands article:nth-child(2){border-top-color:#6b8571}.screen-brands h3{color:#293d35}.screen-promotion{background:#f1f3ec;border-color:#dce4d5;border-radius:22px;padding:40px}.screen-promotion-visual{background:#fffefb;border-radius:14px;padding:22px}.screen-benefits>div{background:#f5f6f0;border-color:#dce3d7}.screen-benefits strong{color:#2e4637}.screen-benefits span{color:#58635d}.screen-product,.screen-family-grid article,.frame-series-card{background:#fffefc;border-color:#dce1d8;border-radius:18px}.screen-product dd{color:#293d35}.screen-product dl>div{border-color:#e2e7de}.frame-feature{background:#293d35}.frame-feature .eyebrow{color:#e0e8da}.frame-feature .button{color:#293d35}.frame-size-links a,.frame-catalog-showcase .frame-optics{background:#f0f3eb;color:#344c39;border-color:#bbc9b5}
.solution-grid article{border-color:#a6b69f}.solution-grid p{color:#58635d}.service-note{background:#eef2e9;border:1px solid #dfe6d7;border-radius:14px}.service-note p{color:#58635d}.related,.guide-grid article,.display-hub article,.display-install,.release-list article,.inquiry-grid section,.chooser-page form,.chooser-page .inquiry-compose{background:#f0f3ec;border-color:#d9e1d3;border-radius:18px}.detail-photo{background:#f1f3ee;border:1px solid #e0e5da;border-radius:22px}.detail-photo .benq-detail-name{color:#293d35}.detail-hero p,.detail-info dt,.detail-info aside p{color:#58635d}.detail-info aside{background:#edf2e7;border:1px solid #dce5d4;border-radius:18px}.detail-info dl>div,th,td{border-color:#dbe2d5}th{background:#edf2e7}.breadcrumb,.breadcrumb a{color:#58635d}.page-intro p{color:#58635d}.content-page details summary{color:#3c5442}.faq-list,.faq-list details{border-color:#dbe1d6}.faq-list summary{color:#293d35;padding-block:25px}.faq-list p{color:#58635d}.chooser-page progress{accent-color:#654879}.chooser-page #recommendation-note{color:#58635d}.toast{background:#293d35}.compare-tray{border-color:#b5c2ae;box-shadow:0 12px 42px #283b3020;background:#fffefb}#selected-models button{background:#edf2e7;border-color:#bac8b3;color:#334a3a}dialog{background:#fffefb}dialog::backdrop{background:#18291f94}
.contact{background:#293d35}.contact h2{color:#fffef8}.contact p,.contact .eyebrow,.contact .reply,.old-line{color:#e0e8da}.contact-line{background:#f5f5ed;color:#293d35;border-radius:12px}.contact-phone{color:#fffef8}.site-notices{color:#58635d;border-color:#dce2d7}.site-notices h2{color:#334438}.footer{color:#58635d}.footer strong{color:#293d35}.mobile-contact{background:#fffefb}.mobile-contact a{color:#293d35}.mobile-contact a:last-child{background:#176445;color:#fff}
/* The original photographs stay intact. Only thumbnails receive deliberate crops. */
.case-gallery{padding-top:76px;padding-bottom:55px;scroll-margin-top:100px}.case-gallery .section-head{align-items:flex-start}.case-gallery .section-head>div{max-width:720px}.case-gallery .section-head p{margin-top:16px;color:#58635d;font-size:1rem;max-width:44em}.case-gallery .case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.case-gallery .case-story{display:flex;flex-direction:column;background:#fffefc;border:1px solid #dce1d8;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #293b3005;min-width:0}.case-gallery .case-media{display:block;aspect-ratio:4/3;overflow:hidden;background:#e8ece2}.case-gallery .case-media img{width:100%;height:100%;max-height:none;object-fit:cover;transition:transform .4s;object-position:center}.case-gallery .case-story:hover .case-media img{transform:scale(1.025)}.case-gallery .case-futian .case-media img{object-position:50% 78%}.case-gallery .case-copy{padding:26px;display:flex;flex-direction:column;flex:1}.case-gallery .case-copy .category{font-size:.78rem;line-height:1.7;letter-spacing:.01em;color:#4d6250}.case-gallery .case-copy h3{font-size:1.2rem;line-height:1.65;margin:10px 0 14px;letter-spacing:0}.case-gallery .case-copy p{font-size:.94rem;line-height:1.85;color:#58635d;margin:0 0 24px}.case-gallery .case-links{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:auto}.case-gallery .case-links a{font-size:.84rem;min-height:44px;display:inline-flex;align-items:center;line-height:1.6;text-decoration:underline;text-underline-offset:5px;color:#4c365b}.case-gallery .case-links .case-original{color:#58635d;font-weight:400}.case-gallery .case-feature{grid-column:1/-1;display:grid;grid-template-columns:1.65fr 1fr;background:#edf2e7;border-color:#d8e2d0}.case-gallery .case-feature .case-media{aspect-ratio:2.1;min-height:340px;height:100%}.case-gallery .case-feature .case-copy{justify-content:center;padding:36px}.case-gallery .case-feature h3{font-size:1.65rem;line-height:1.5}.case-gallery .case-feature p{font-size:1rem}.case-gallery .case-feature .case-links{margin-top:8px}.case-detail{padding:32px;margin-block:28px;background:#fffefb;border:1px solid #dde3d7;border-radius:22px;gap:36px}.case-detail figure{background:#f1f3ed;padding:14px;border-radius:14px}.case-detail figure img{background:#f1f3ed;border-radius:8px;max-height:620px}.case-detail figcaption{color:#58635d;line-height:1.8}.case-detail h4{color:#3d5340}.case-detail p{color:#58635d}
@media(min-width:1500px){.hero{gap:80px}.case-gallery .case-feature .case-media{min-height:370px}}
@media(max-width:1000px){.hero{gap:28px;padding-block:50px}.case-gallery .case-grid{gap:18px}.case-gallery .case-copy{padding:22px}.case-gallery .case-feature{grid-template-columns:1.4fr 1fr}.case-gallery .case-feature .case-copy{padding:26px}.case-gallery .case-feature .case-media{min-height:330px;aspect-ratio:auto}.case-gallery .case-feature h3{font-size:1.4rem}}
@media(max-width:760px){.case-gallery .case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-gallery .case-feature{grid-template-columns:1fr}.case-gallery .case-feature .case-media{min-height:0;aspect-ratio:2.1}.case-gallery .case-feature .case-copy{padding:28px}.case-gallery .case-copy h3{font-size:1.1rem}.case-detail{padding:24px;gap:24px}.section-head{align-items:flex-start}}
@media(max-width:580px){body{font-size:16px}.wrap{padding-inline:20px}.hero{padding-block:38px;gap:30px}.hero h1{font-size:2.2rem;line-height:1.4}.hero-copy>p{line-height:1.95}.hero-product{padding:24px;border-radius:22px;min-height:350px}.hero-product>img{height:185px}.hero-actions{gap:16px}.hero-actions .button{min-height:48px}.hero-meta{line-height:1.8;color:#58635d}.catalog,.solutions{padding-block:48px}.section-head{gap:18px;margin-bottom:26px}.section-head>p{font-size:.95rem}.benq-discovery{padding:23px;margin-block:28px;border-radius:18px}.benq-discovery a{font-size:.9rem;min-height:44px;display:flex;align-items:center}.products-grid{gap:24px}.product-body{padding:22px 22px 0}.benq-model-title{padding:22px 22px 0}.card-description{font-size:1rem;line-height:1.9}.cy-price-value{font-size:26px}.cy-price-label,.cy-price small,.cy-price del,.cy-price>span:not(.cy-price-label){font-size:14px;line-height:1.8}.cy-price-actions{gap:8px 14px}.cy-price-actions .cy-price-button:not(.cy-line-secondary){min-height:48px;font-size:15px}.cy-pricing-card{padding:21px}.screens-section{padding-block:48px}.screen-brands article{padding:28px}.screen-promotion{padding:25px}.filter-top{padding:18px}.category-tabs{gap:5px;padding:14px}.category-tabs button{padding:11px;font-size:.875rem}.contact-inner{padding-block:44px}.contact-line{padding:20px}.faq-list summary{line-height:1.7;padding:23px 3px}.case-gallery{padding-block:48px 28px;scroll-margin-top:88px}.case-gallery .section-head p{font-size:.95rem}.case-gallery .case-grid{grid-template-columns:1fr;gap:25px}.case-gallery .case-feature,.case-gallery .case-story:last-child:not(.case-feature){grid-column:auto;display:flex;flex-direction:column}.case-gallery .case-feature .case-media,.case-gallery .case-story:last-child .case-media{aspect-ratio:4/3;height:auto;min-height:0}.case-gallery .case-feature .case-media img{object-fit:contain;background:#e8ece2}.case-gallery .case-copy,.case-gallery .case-feature .case-copy{padding:25px}.case-gallery .case-copy h3,.case-gallery .case-feature h3{font-size:1.25rem;line-height:1.65}.case-gallery .case-copy p,.case-gallery .case-feature p{font-size:1rem}.case-gallery .case-links{gap:4px 16px}.case-gallery .case-links a{font-size:.9rem}.case-detail{padding:20px;gap:24px;margin-block:24px}.case-detail figure{padding:10px}.case-detail p{line-height:1.95}.footer{padding-bottom:100px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}.product-card:hover,.case-gallery .case-story:hover .case-media img{transform:none}}