:root{--sage-green:#E3EDE6;--paper-white:#F9FAF7;--deep-green:#2A3B34;--accent-green:#6B8E76;--text-grey:#5A6661;--font-serif:'Noto Serif TC',serif;--font-sans:'Noto Sans TC',sans-serif;--font-mono:'Space Mono',monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);color:var(--deep-green);background-color:#fff;line-height:1.8}a{text-decoration:none;color:inherit;transition:.3s}ul{list-style:none}.container{max-width:1100px;margin:0 auto;padding:0 25px}.section-padding{padding:90px 0}.bg-paper{background-color:var(--paper-white)}.text-left{text-align:left}.text-center{text-align:center}.navbar{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);padding:15px 0;border-bottom:1px solid #eee}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo h1{font-family:var(--font-serif);font-size:1.8rem;font-weight:700;color:var(--deep-green);line-height:1}.logo span{color:var(--accent-green)}.brand-sub{font-size:.7rem;color:var(--text-grey);letter-spacing:1px;text-transform:uppercase;margin-top:5px}.nav-menu{display:flex;gap:30px;align-items:center}.nav-menu a{font-size:.9rem;letter-spacing:1px;color:var(--deep-green);position:relative}.nav-menu a::after{content:'';display:block;width:0;height:1px;background:var(--accent-green);transition:.3s}.nav-menu a:hover::after{width:100%}.btn-nav{font-weight:600;color:var(--accent-green)!important}.lang-switch{border:1px solid var(--deep-green);padding:5px 12px;border-radius:20px;font-size:.8rem!important;transition:.3s}.lang-switch:hover{background:var(--deep-green);color:#fff!important}.lang-switch::after{display:none!important}.hero-section{height:90vh;background:url(images/hero-bg.webp) no-repeat center center/cover;position:relative;display:flex;align-items:center}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.hero-content{position:relative;z-index:2;color:#fff;text-align:center}.tag{display:inline-block;background:var(--accent-green);color:#fff;padding:5px 15px;font-size:.8rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px}.hero-content h2{font-family:var(--font-serif);font-size:3.5rem;line-height:1.2;margin-bottom:25px}.hero-desc{font-size:1.1rem;max-width:600px;margin:0 auto 40px;opacity:.9}.btn-primary{background:#fff;color:var(--deep-green);padding:12px 35px;border-radius:30px;font-weight:500;transition:.3s;display:inline-block}.btn-primary:hover{background:var(--sage-green);transform:translateY(-3px)}.btn-outline{background:0 0;border:1px solid var(--deep-green);color:var(--deep-green);padding:10px 30px;border-radius:30px;font-size:.9rem;cursor:pointer;transition:.3s;font-family:var(--font-sans);letter-spacing:1px}.btn-outline:hover{background:var(--deep-green);color:#fff}.more-specs-container{text-align:center;margin-top:50px}.section-tag{font-family:var(--font-sans);font-size:.8rem;letter-spacing:3px;color:var(--accent-green);text-transform:uppercase;display:block;margin-bottom:15px}.section-header h3{font-family:var(--font-serif);font-size:2.2rem;margin-bottom:20px;line-height:1.3}.divider{width:60px;height:3px;background:var(--deep-green);margin-top:20px}.sub-text{font-size:1rem;color:var(--text-grey);max-width:500px;margin:0 auto}.tech-layout{display:flex;align-items:center;gap:60px}.tech-info,.tech-visual{flex:1}.tech-visual{text-align:center}.tech-visual img{width:100%;border-radius:5px;box-shadow:20px -20px 0 rgba(107,142,118,.2)}.visual-caption{font-size:.8rem;color:var(--text-grey);margin-top:15px;font-style:italic}.tech-info h3{font-family:var(--font-serif);font-size:2rem;margin-bottom:25px;line-height:1.3;color:var(--deep-green)}.patent-badge{display:inline-flex;align-items:center;gap:10px;background:var(--deep-green);color:#fff;padding:10px 20px;border-radius:4px;margin-bottom:30px;font-family:var(--font-sans);letter-spacing:1px;font-weight:500}.patent-badge i{color:#ffd700}.tech-desc{font-size:1.05rem;margin-bottom:30px;color:var(--text-grey)}.tech-list{list-style:none}.tech-list li{margin-bottom:25px;border-left:3px solid var(--accent-green);padding-left:20px}.tech-list strong{display:block;font-size:1.1rem;margin-bottom:5px;color:var(--deep-green)}.tech-list strong i{margin-right:8px;color:var(--accent-green)}.tech-list p{font-size:.95rem;color:var(--text-grey);margin:0}.article-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:50px}.article-img img{width:100%;border-radius:5px;box-shadow:20px 20px 0 var(--sage-green)}.feature-item{margin-bottom:40px}.feature-item h4{font-family:var(--font-serif);font-size:1.3rem;margin-bottom:10px;color:var(--deep-green);display:flex;align-items:center;gap:10px}.feature-item i{color:var(--accent-green)}.feature-item p{font-size:.95rem;color:var(--text-grey);text-align:justify}.cards-magazine{display:flex;gap:30px;margin-top:50px;flex-wrap:wrap}.mag-card{flex:1;background:#fff;padding:40px 30px;text-align:center;border:1px solid #eee;transition:.3s;min-width:250px}.mag-card:hover{border-color:var(--accent-green);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.05)}.card-icon{font-size:2rem;color:var(--accent-green);margin-bottom:20px}.mag-card h4{font-family:var(--font-serif);font-size:1.2rem;margin-bottom:15px}.mag-card p{font-size:.9rem;color:var(--text-grey)}.chart-magazine{display:flex;align-items:center;gap:50px}.chart-content{flex:1}.chart-content h3{font-family:var(--font-serif);font-size:2rem;margin-bottom:20px}.specs-list{margin-top:30px;background:var(--sage-green);padding:30px;border-radius:5px}.specs-list li{margin-bottom:10px;font-size:.95rem;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:5px}.chart-visual{flex:1;min-height:400px}.gallery-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:20px;margin-top:50px;height:600px}.gallery-item{position:relative;overflow:hidden;border-radius:5px;cursor:pointer}.item-large{grid-row:1/3}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.5s}.gallery-item:hover img{transform:scale(1.05)}.gallery-info{position:absolute;bottom:0;left:0;width:100%;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:#fff}.gallery-info h4{font-family:var(--font-serif);font-size:1.2rem}.gallery-info p{font-size:.85rem;opacity:.9}.badge{background:var(--accent-green);font-size:.7rem;padding:2px 8px;border-radius:3px;margin-top:5px;display:inline-block}.tech-specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:50px}.spec-card{background:#fff;border:1px solid #ddd;border-radius:5px;overflow:hidden;transition:.3s}.spec-card:hover{box-shadow:0 10px 20px rgba(0,0,0,.05);border-color:var(--accent-green)}.spec-img{padding:30px;background:#fafafa;text-align:center;border-bottom:1px solid #eee}.spec-img img{max-width:100%;height:auto;mix-blend-mode:multiply;cursor:pointer;transition:.3s}.spec-img img:hover{transform:scale(1.05)}.spec-body{padding:25px}.spec-body h4{font-family:var(--font-serif);font-size:1.2rem;margin-bottom:5px;color:var(--deep-green)}.model-no{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-green);margin-bottom:15px;font-weight:600}.spec-desc{font-size:.9rem;color:var(--text-grey);margin-bottom:20px;line-height:1.6;min-height:4.5em}.spec-data{list-style:none}.spec-data li{font-size:.85rem;color:var(--deep-green);display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dotted #eee;font-family:var(--font-mono)}.spec-data li span{color:var(--text-grey)}.project-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:50px}.project-item{position:relative;height:300px;overflow:hidden;border-radius:5px;cursor:pointer}.project-item.wide{grid-column:span 2}.project-item img{width:100%;height:100%;object-fit:cover;transition:.5s}.project-item:hover img{transform:scale(1.1)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(42,59,52,.8);opacity:0;transition:.3s;display:flex;align-items:center;justify-content:center;text-align:center}.project-item:hover .project-overlay{opacity:1}.project-content{color:#fff;padding:20px;transform:translateY(20px);transition:.4s}.project-item:hover .project-content{transform:translateY(0)}.project-content h4{font-family:var(--font-serif);font-size:1.4rem;margin-bottom:5px}.project-content p{font-size:.9rem;margin-bottom:15px;opacity:.8}.project-tag{font-family:var(--font-mono);font-size:.75rem;border:1px solid #fff;padding:5px 12px;border-radius:20px;text-transform:uppercase}.more-projects-btn{text-align:center;margin-top:40px}.btn-text{font-size:.9rem;color:var(--deep-green);border-bottom:1px solid var(--deep-green);padding-bottom:3px;font-weight:500}#structure-advantage img{max-width:-webkit-fill-available}.bg-metal{background-color:#F8F9FA;border-top:1px solid #E9ECEF;border-bottom:1px solid #E9ECEF}.structure-layout{display:flex;gap:50px;align-items:center;margin-top:30px}.structure-visual-large{flex:1.5;text-align:center;position:relative}.structure-visual-large img{width:100%;max-width:600px;border-radius:8px;box-shadow:0 15px 30px rgba(0,0,0,.1);transition:transform .3s}.structure-visual-large:hover img{transform:translateY(-5px)}.visual-caption-metal{font-size:.8rem;color:var(--text-grey);margin-top:15px;font-family:var(--font-mono);letter-spacing:1px}.structure-features-grid{flex:1;display:flex;flex-direction:column;gap:20px}.metal-feature-card{background:#fff;padding:25px;border-radius:6px;border-left:4px solid var(--deep-green);box-shadow:0 4px 10px rgba(0,0,0,.03);display:flex;align-items:flex-start;gap:20px;transition:.3s}.metal-feature-card:hover{transform:translateX(5px);box-shadow:0 8px 20px rgba(0,0,0,.06);border-left-color:var(--accent-green)}.mf-icon{font-size:1.8rem;color:var(--deep-green);background:var(--sage-green);width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0}.mf-text h4{font-family:var(--font-serif);font-size:1.1rem;color:var(--deep-green);margin-bottom:8px;font-weight:700}.mf-text p{font-size:.9rem;color:var(--text-grey);margin:0;line-height:1.6}.case-layout{display:flex;gap:50px;align-items:flex-start;margin-top:50px}.case-text{flex:1}.case-text h4{font-family:var(--font-serif);font-size:1.5rem;color:var(--deep-green);margin-bottom:20px}.case-text p{font-size:1rem;color:var(--text-grey);margin-bottom:20px;line-height:1.7;text-align:justify}.weather-proof-badge{display:inline-block;background-color:var(--deep-green);color:#fff;padding:8px 15px;border-radius:30px;font-size:.85rem;font-weight:600;margin-bottom:25px;letter-spacing:1px}.weather-proof-badge i{margin-right:8px;color:var(--accent-green)}.case-features{list-style:none;margin-top:25px}.case-features li{margin-bottom:15px;font-size:.95rem;color:var(--deep-green)}.case-features i{color:var(--accent-green);margin-right:10px}.case-visuals{flex:1.2;display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.visual-item{position:relative;border-radius:5px;overflow:hidden;cursor:pointer}.visual-item:first-child{grid-column:span 2;height:300px}.visual-item img{width:100%;height:100%;object-fit:cover;transition:.5s;display:block}.visual-item:hover img{transform:scale(1.05)}.visual-item span{position:absolute;bottom:0;left:0;width:100%;background:rgba(42,59,52,.85);color:#fff;font-size:.8rem;padding:8px 15px;text-align:center;transform:translateY(100%);transition:.3s}.visual-item:hover span{transform:translateY(0)}.contact-magazine{background:var(--deep-green);color:#fff}.contact-box{display:flex;background:#fff;border-radius:5px;overflow:hidden}.contact-text{flex:1;padding:60px;color:var(--deep-green)}.contact-text h3{font-family:var(--font-serif);font-size:2rem;margin-bottom:20px}.contact-details{margin:30px 0;font-size:1.1rem}.detail-row{margin-bottom:15px;display:flex;gap:15px;align-items:center}.detail-row i{color:var(--accent-green)}.warranty-badge{display:flex;align-items:center;gap:15px;background:var(--sage-green);padding:20px;border-radius:5px;margin-top:30px}.warranty-badge i{font-size:2rem;color:var(--deep-green)}.contact-map{flex:1;min-height:400px;background:#eee}footer{padding:60px 0 20px;border-top:1px solid #eee}.footer-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;margin-bottom:40px}.footer-col h4{font-family:var(--font-serif);font-size:1.2rem;margin-bottom:20px}.footer-col p{font-size:.9rem;color:var(--text-grey);margin-bottom:10px}.news-input{display:flex;border-bottom:1px solid var(--deep-green)}.news-input input{border:none;padding:10px;outline:none;width:200px}.news-input button{border:none;background:0 0;font-size:1.2rem;cursor:pointer}.copyright{text-align:center;font-size:.8rem;color:#999;border-top:1px solid #eee;padding-top:20px}.whatsapp-float{position:fixed;bottom:30px;right:30px;background-color:#25d366;color:#fff;width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 4px 10px rgba(0,0,0,.2);z-index:9999;transition:.3s}.whatsapp-float:hover{transform:scale(1.1)}.reveal{opacity:0;transform:translateY(50px);transition:all .8s ease-out}.reveal.active{opacity:1;transform:translateY(0)}.reveal .mag-card:nth-child(2),.reveal .spec-card:nth-child(2){transition-delay:.1s}.reveal .mag-card:nth-child(3),.reveal .spec-card:nth-child(3){transition-delay:.2s}.lightbox{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:rgba(42,59,52,.95);backdrop-filter:blur(5px);justify-content:center;align-items:center;flex-direction:column}.lightbox.show{display:flex;animation:fadeIn .3s}.lightbox-content{max-width:90%;max-height:80vh;border-radius:4px;box-shadow:0 20px 50px rgba(0,0,0,.3)}.lightbox-close{position:absolute;top:20px;right:30px;color:#fff;font-size:40px;font-weight:700;cursor:pointer;transition:.3s}.lightbox-close:hover{color:var(--accent-green)}#lightbox-caption{margin-top:15px;color:#fff;font-family:var(--font-serif);font-size:1.1rem;letter-spacing:1px}.modal-overlay{display:none;position:fixed;z-index:2001;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);backdrop-filter:blur(3px);justify-content:center;align-items:center}.modal-overlay.show{display:flex;animation:fadeIn .3s}.modal-content-box{background-color:#fff;padding:40px;border-radius:5px;width:90%;max-width:700px;position:relative;box-shadow:0 25px 50px rgba(0,0,0,.2);max-height:90vh;overflow-y:auto}.modal-close{position:absolute;top:15px;right:20px;font-size:28px;cursor:pointer;color:var(--text-grey);transition:.3s}.modal-close:hover{color:var(--deep-green)}.modal-header{margin-bottom:25px;border-bottom:1px solid #eee;padding-bottom:15px}.modal-header h3{font-family:var(--font-serif);color:var(--deep-green);font-size:1.5rem}.modal-header p{color:var(--text-grey);font-size:.9rem}.table-container{overflow-x:auto}.tech-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:.9rem}.tech-table th,.tech-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}.tech-table th{background-color:var(--sage-green);color:var(--deep-green);font-weight:600}.tech-table tr:hover{background-color:#fafafa}.modal-footer{margin-top:20px;font-size:.8rem;color:#999;text-align:center}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.hamburger{display:none;cursor:pointer}.bar{display:block;width:25px;height:2px;margin:6px auto;background-color:var(--deep-green)}@media (max-width:768px){.hamburger{display:block}.nav-menu{position:fixed;left:-100%;top:75px;flex-direction:column;background:#fff;width:100%;padding:30px 0;border-bottom:1px solid #eee;transition:.3s}.nav-menu.active{left:0}.hero-content h2{font-size:2.5rem}.article-grid{grid-template-columns:1fr}.article-img{order:-1}.chart-magazine,.contact-box,.tech-layout{flex-direction:column}.case-layout{flex-direction:column}.case-visuals{grid-template-columns:1fr}.visual-item:first-child{grid-column:span 1;height:250px}.gallery-grid{grid-template-columns:1fr;height:auto}.item-large{grid-row:auto;height:300px}.gallery-item{height:200px}.contact-text{padding:40px 20px}.contact-map{width:100%;height:300px}.tech-visual img{box-shadow:0 10px 0 rgba(107,142,118,.2)}.project-item.wide{grid-column:span 1}.structure-layout{flex-direction:column}.structure-visual-large img{margin-bottom:30px}.structure-features-grid{gap:15px}.modal-content-box{padding:25px;width:95%}}