:root{--navy:#0a3552;--teal:#08a7a3;--aqua:#def8f5;--ink:#173340;--muted:#607782;--gold:#f5bd42;--white:#fff;--shadow:0 18px 50px rgba(10,53,82,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;line-height:1.8;background:#fff}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(1280px,calc(100% - 40px));margin:auto}.site-header{height:88px;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:100;box-shadow:0 2px 18px rgba(0,40,60,.07)}.nav-wrap{height:100%;display:flex;align-items:center;gap:28px}.brand{margin-right:auto}.brand img{width:230px;object-fit:contain}.site-header nav{display:flex;gap:24px}.site-header nav a{font-weight:700;font-size:16px}.site-header nav a:hover{color:var(--teal)}.header-call,.btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--teal),#087d92);color:#fff;border-radius:999px;padding:13px 25px;font-weight:800;border:0;cursor:pointer;box-shadow:0 10px 25px rgba(8,167,163,.22)}.btn.light{background:#fff;color:var(--navy)}.btn.outline{background:#fff;color:var(--teal);border:1px solid var(--teal);box-shadow:none}.menu-btn{display:none;background:none;border:0}.menu-btn span{display:block;width:27px;height:2px;background:var(--navy);margin:6px}.page-hero{padding:100px 0 78px;background:radial-gradient(circle at 85% 15%,rgba(8,167,163,.22),transparent 26%),linear-gradient(135deg,#eafaf8,#fff 58%,#edf6fb);text-align:center;border-radius:0 0 50% 8%/0 0 15% 4%}.page-hero span,.section-tag{color:var(--teal);font-size:13px;font-weight:900;letter-spacing:.18em}.page-hero h1{font-size:clamp(36px,5vw,62px);line-height:1.25;margin:12px 0;color:var(--navy)}.page-hero p{color:var(--muted);font-size:18px}.listing,.detail,.content,.contact,.faq{padding:90px 0}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card{background:#fff;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);transition:.3s}.card:hover{transform:translateY(-7px)}.card-img{height:240px;overflow:hidden}.card-img img{width:100%;height:100%;object-fit:cover;transition:.5s}.card:hover img{transform:scale(1.04)}.card-body{padding:25px}.card-body h3{margin:0 0 8px;color:var(--navy);font-size:21px}.card-body p{color:var(--muted);margin:0 0 12px}.more{color:var(--teal);font-weight:800}.cta{background:linear-gradient(90deg,rgba(5,49,70,.9),rgba(8,126,145,.65)),url('../images/cta.jpg') center/cover fixed;color:#fff;padding:100px 0;text-align:center}.cta h2{font-size:clamp(30px,4vw,50px);margin:12px 0}.cta p{font-size:18px}.detail-grid,.split,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.detail-cover,.split>img{width:100%;border-radius:30px;box-shadow:var(--shadow)}article h2,.split h2,.contact h2{color:var(--navy);font-size:32px;line-height:1.35}article li{margin-bottom:8px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-item{padding:0;border:0;background:none;cursor:zoom-in;border-radius:18px;overflow:hidden}.gallery-item img{width:100%;height:300px;object-fit:cover}.case-intro{max-width:780px;margin:0 auto 45px;text-align:center}.case-note{margin:55px auto 0;max-width:760px;background:var(--aqua);padding:35px;border-radius:26px;text-align:center}.lightbox{position:fixed;inset:0;background:rgba(0,20,30,.93);z-index:500;display:none;align-items:center;justify-content:center;padding:40px}.lightbox.open{display:flex}.lightbox img{max-width:94vw;max-height:90vh}.lightbox button{position:absolute;right:25px;top:15px;border:0;background:none;color:#fff;font-size:44px}.article-wrap{/*max-width:850px*/}.article-wrap .detail-cover{margin-bottom:45px}.lead{font-size:21px;color:var(--navy)}footer{background:#082c42;color:#d9edf3;padding:65px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:60px}.footer-logo{width:240px;filter:brightness(0) invert(1)}footer h3{color:#fff}footer a{display:block;margin:6px 0}.copyright{text-align:center;padding:22px;border-top:1px solid rgba(255,255,255,.12);margin-top:45px}.float-actions{position:fixed;right:18px;bottom:20px;z-index:120;display:flex;flex-direction:column;gap:10px}.float-actions a{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--teal);box-shadow:var(--shadow);font-size:13px;font-weight:900}.float-actions a:last-child{background:#27b843}.reveal{opacity:0;transform:translateY(24px)}.reveal.show{opacity:1;transform:none;transition:.7s}.faq-list{/*max-width:900px*/}.faq-item{border-bottom:1px solid #d8e6eb}.faq-item button{width:100%;display:flex;justify-content:space-between;padding:22px 0;border:0;background:none;text-align:left;color:var(--navy);font-size:19px;font-weight:800}.faq-answer{display:none;color:var(--muted);padding:0 30px 20px 0}.faq-item button[aria-expanded=true]+.faq-answer{display:block}.contact-grid{align-items:start}.contact a:not(.btn){color:var(--teal)}form{background:#fff;padding:35px;border-radius:28px;box-shadow:var(--shadow)}label{display:block;font-weight:700;margin-bottom:15px}input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid #cfdee4;border-radius:12px;padding:13px;font:inherit}.form-note{font-size:13px;color:var(--muted)}.map{margin-top:60px}.map iframe{width:100%;height:430px;border:0;border-radius:28px}@media(max-width:900px){.site-header{height:64px}.brand img{width:185px;}.menu-btn{display:block}.header-call{display:none}.site-header nav{position:absolute;top:74px;left:0;right:0;background:#fff;display:none;flex-direction:column;padding:25px 30px;box-shadow:var(--shadow)}.site-header nav.open{display:flex}.card-grid{grid-template-columns:repeat(2,1fr)}.detail-grid,.split,.contact-grid{grid-template-columns:1fr;gap:35px}.gallery{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:600px){.container{width:min(100% - 28px,1180px)}.page-hero{padding:68px 0 58px}.card-grid,.gallery{grid-template-columns:1fr}.card-img,.gallery-item img{height:230px}.listing,.detail,.content,.contact,.faq{padding:60px 0}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.cta{background-attachment:scroll;padding:75px 0}}