:root{--ink:#182a28;--muted:#64736f;--line:#d9e4df;--paper:#fffdf8;--mist:#eef7f4;--green:#1e6659;--green2:#0f8a7b;--coral:#d86f4a;--sun:#f6c46b;--shadow:0 18px 45px rgba(24,42,40,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif}a{color:inherit;text-decoration:none}.site-header{position:fixed;z-index:20;top:0;left:0;right:0;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,58px);background:rgba(255,253,248,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(217,228,223,.8)}.brand{display:flex;align-items:center;gap:12px;font-weight:900}.brand img{width:48px;height:48px;object-fit:contain}.brand span{font-size:16px}.site-header nav{display:flex;gap:24px;color:var(--muted);font-weight:700}.site-header nav a:hover{color:var(--green)}.hero{position:relative;min-height:92vh;display:grid;align-items:end;padding:120px clamp(20px,6vw,92px) 72px;overflow:hidden}.hero-bg,.hero-shade{position:absolute;inset:0}.hero-bg{width:100%;height:100%;object-fit:cover}.hero-shade{background:linear-gradient(90deg,rgba(15,48,42,.76),rgba(15,48,42,.34) 44%,rgba(15,48,42,.04)),linear-gradient(0deg,rgba(15,48,42,.5),transparent 45%)}.hero-content{position:relative;max-width:780px;color:#fff}.kicker{margin:0 0 10px;color:var(--coral);font-size:12px;font-weight:900;letter-spacing:1.8px;text-transform:uppercase}.hero .kicker{color:#ffd186}.hero h1{margin:0;max-width:760px;font-size:clamp(42px,7vw,84px);line-height:1.05;letter-spacing:0;font-weight:900}.hero p:not(.kicker){max-width:620px;margin:22px 0 0;font-size:19px;line-height:1.85;color:rgba(255,255,255,.9)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:8px;font-weight:900}.primary{background:var(--coral);color:#fff}.secondary{background:#fff;color:var(--green)}.band,.feature-grid,.rooms-section,.pet-section,.booking-section{max-width:1180px;margin:0 auto;padding:78px clamp(18px,4vw,34px)}.intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;align-items:center}.intro h2,.section-head h2,.pet-section h2,.booking-section h2{margin:0;font-size:clamp(28px,4vw,46px);line-height:1.18}.intro>p,.section-head p,.pet-section p,.booking-section p{margin:0;color:var(--muted);line-height:1.9;font-size:17px}.feature-grid{padding-top:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-grid article{min-height:150px;padding:24px;border:1px solid var(--line);background:#fff;border-radius:8px;box-shadow:0 10px 28px rgba(24,42,40,.06)}.feature-grid strong{display:block;font-size:22px;margin-bottom:12px}.feature-grid span{color:var(--muted);line-height:1.75}.rooms-section{background:var(--mist);max-width:none}.section-head{max-width:1120px;margin:0 auto 26px}.section-head p{max-width:760px;margin-top:12px}.rooms-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.room-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(217,228,223,.7)}.room-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.room-card div{padding:18px}.room-card h3{margin:0 0 5px;font-size:21px}.room-card p{margin:0 0 14px;color:var(--muted)}.room-card strong{display:block;color:var(--green);font-size:16px}.pet-section{display:grid;grid-template-columns:1.08fr .92fr;gap:36px;align-items:center}.pet-section img{width:100%;height:520px;object-fit:cover;border-radius:8px;box-shadow:var(--shadow)}.pet-section p{margin-top:16px}.pet-section ul{margin:20px 0 0;padding-left:20px;color:var(--muted);line-height:2}.booking-section{display:grid;grid-template-columns:1fr 390px;gap:28px;align-items:center;background:#fff}.contact-card{display:grid;gap:10px;padding:22px;background:var(--green);border-radius:8px;box-shadow:var(--shadow)}.contact-card a{display:block;padding:15px 16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:7px;color:#fff;font-weight:900}footer{display:flex;align-items:center;justify-content:center;gap:12px;padding:30px;color:var(--muted);border-top:1px solid var(--line);background:#fff}footer img{width:44px;height:44px;object-fit:contain}@media(max-width:900px){.site-header nav{gap:12px}.intro,.pet-section,.booking-section{grid-template-columns:1fr}.feature-grid,.rooms-grid{grid-template-columns:repeat(2,1fr)}.pet-section img{height:380px}}@media(max-width:620px){.site-header{height:auto;min-height:66px;padding:9px 14px}.brand span{font-size:13px}.brand img{width:42px;height:42px}.site-header nav{font-size:13px}.hero{min-height:88vh;padding:108px 18px 44px}.hero h1{font-size:42px}.hero p:not(.kicker){font-size:16px}.feature-grid,.rooms-grid{grid-template-columns:1fr}.band,.feature-grid,.rooms-section,.pet-section,.booking-section{padding:54px 16px}.pet-section img{height:300px}}
.life-section{max-width:1180px;margin:0 auto;padding:0 clamp(18px,4vw,34px) 78px;display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.life-photo{position:relative;overflow:hidden;border-radius:8px;min-height:430px;background:#fff;box-shadow:var(--shadow)}.life-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.life-photo div{position:absolute;left:0;right:0;bottom:0;padding:28px;color:#fff;background:linear-gradient(0deg,rgba(13,39,34,.78),rgba(13,39,34,0))}.life-photo h2{margin:0;font-size:clamp(24px,3vw,38px);line-height:1.18}.life-photo p:not(.kicker){max-width:620px;margin:12px 0 0;line-height:1.8;color:rgba(255,255,255,.9)}.life-photo.welcome{min-height:430px}.life-photo.welcome img{object-position:center top}.life-photo.welcome h2{font-size:28px}@media(max-width:900px){.life-section{grid-template-columns:1fr}.life-photo,.life-photo.welcome{min-height:360px}}@media(max-width:620px){.life-section{padding:0 16px 54px}.life-photo,.life-photo.welcome{min-height:310px}.life-photo div{padding:20px}.life-photo.welcome h2{font-size:24px}}