@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@600;700&family=Noto+Sans+TC:wght@400;500;600;700&display=swap');

:root{--navy:#071d33;--navy-2:#0d2b49;--blue:#17466f;--gold:#caa66a;--gold-light:#e7cf9e;--cream:#f5f2eb;--ink:#102030;--muted:#64717c;--white:#fff;--serif:'Noto Serif TC',serif;--sans:'Noto Sans TC',sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--sans);color:var(--ink);line-height:1.8;background:#fff}h1,h2,h3{font-family:var(--serif);font-weight:700;letter-spacing:.04em}h2{font-size:clamp(2.15rem,4vw,3.55rem);line-height:1.35}.section-padding{padding:110px 0}.bg-cream{background:var(--cream)}.text-gold{color:var(--gold-light)!important}.section-kicker,.eyebrow{font-size:.76rem;font-weight:700;letter-spacing:.26em;color:var(--gold);text-transform:uppercase}.navbar{padding:12px 0;background:linear-gradient(180deg,rgba(3,15,29,.94),rgba(3,15,29,.72));backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1)}.navbar-brand img{object-fit:contain;filter:brightness(0) invert(1)}.navbar .nav-link{color:rgba(255,255,255,.82);font-size:.92rem;padding:.65rem .8rem}.navbar .nav-link:hover{color:#fff}.btn{border-radius:0;font-weight:600;letter-spacing:.06em}.btn-gold{background:var(--gold);border-color:var(--gold);color:var(--navy)}.btn-gold:hover{background:var(--gold-light);border-color:var(--gold-light);color:var(--navy)}.btn-navy{background:var(--navy);border-color:var(--navy);color:#fff;padding:.85rem}.btn-navy:hover{background:var(--blue);border-color:var(--blue);color:#fff}.hero{min-height:100svh;color:#fff;background:linear-gradient(90deg,rgba(3,14,27,.82) 0%,rgba(3,14,27,.45) 52%,rgba(3,14,27,.15) 100%),linear-gradient(0deg,rgba(3,14,27,.72) 0%,transparent 45%),url('image/hero-02.jpg') center/cover no-repeat;padding:150px 0 38px}.hero-content{z-index:1}.hero h1{font-size:clamp(3.1rem,7vw,6.5rem);line-height:1.18;text-shadow:0 4px 28px rgba(0,0,0,.25)}.hero-lead{max-width:680px;font-size:1.17rem;color:rgba(255,255,255,.84);margin-top:24px}.hero-meta{margin-top:11vh;border-top:1px solid rgba(255,255,255,.26);padding-top:26px}.hero-meta>div{display:flex;gap:12px;align-items:center}.hero-meta span{color:var(--gold);font-size:.72rem}.hero-meta strong{font-size:.85rem;letter-spacing:.08em}.image-frame{position:relative;padding:0 28px 28px 0}.image-frame:after{content:'';position:absolute;inset:28px 0 0 28px;border:1px solid var(--gold);z-index:0}.image-frame img{position:relative;z-index:1;width:100%;min-height:480px;object-fit:cover}.location-badge{position:absolute;z-index:2;right:-12px;bottom:65px;background:var(--navy);color:#fff;padding:18px 22px;display:flex;align-items:center;gap:13px;box-shadow:0 12px 30px rgba(7,29,51,.2)}.location-badge i{font-size:1.5rem;color:var(--gold)}.location-badge span{font-size:.7rem;line-height:1.45;letter-spacing:.05em}.location-badge strong{font-size:.88rem}.lead-copy{font-size:1.12rem;margin:25px 0;color:#344451}.feature-list>div{display:flex;gap:14px;align-items:center}.feature-list i{width:45px;height:45px;display:grid;place-items:center;border:1px solid #d9c8a5;color:#a07839;font-size:1.1rem}.feature-list strong,.feature-list small{display:block}.feature-list strong{font-size:.9rem}.feature-list small{font-size:.76rem;color:var(--muted)}.comfort-section{background:linear-gradient(rgba(7,29,51,.95),rgba(7,29,51,.95)),url('image/gallery-08.jpg') center/cover fixed}.comfort-card{position:relative;height:100%;padding:42px 34px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.14);transition:.3s ease}.comfort-card:hover{transform:translateY(-7px);background:rgba(255,255,255,.1);border-color:rgba(202,166,106,.6)}.comfort-card>span{position:absolute;right:25px;top:20px;color:rgba(255,255,255,.25);font-size:.72rem}.comfort-card i{display:block;font-size:2rem;color:var(--gold);margin-bottom:25px}.comfort-card h3{font-size:1.35rem}.comfort-card p{margin:12px 0 0;color:rgba(255,255,255,.62);font-size:.9rem}.room-card{border:1px solid #e1e4e6;background:#fff;transition:.3s ease}.room-card:hover{transform:translateY(-7px);box-shadow:0 20px 50px rgba(7,29,51,.12)}.room-image{position:relative;overflow:hidden}.room-image img{width:100%;height:270px;object-fit:cover;transition:.5s ease}.room-card:hover .room-image img{transform:scale(1.035)}.room-image span{position:absolute;bottom:0;left:0;background:var(--navy);color:#fff;padding:8px 14px;font-size:.65rem;letter-spacing:.15em}.room-body{padding:28px}.room-label{font-size:.7rem;letter-spacing:.1em;color:#9a793e;margin-bottom:7px}.room-body h3{font-size:1.55rem}.room-body p:not(.room-label){color:var(--muted);font-size:.9rem}.room-body a{color:var(--navy);font-weight:700;font-size:.82rem;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:4px}.experience-section{background:#eef1f2}.experience-intro{max-width:640px}.experience-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr 1.45fr;height:470px;gap:5px}.experience-grid figure{position:relative;margin:0;overflow:hidden}.experience-grid img{width:100%;height:100%;object-fit:cover;filter:saturate(.8);transition:.6s ease}.experience-grid figure:hover img{transform:scale(1.05);filter:saturate(1)}.experience-grid figure:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(3,14,27,.85))}.experience-grid figcaption{position:absolute;z-index:2;left:24px;bottom:20px;color:#fff}.experience-grid figcaption span{display:block;color:var(--gold-light);font-size:.68rem}.experience-grid figcaption strong{font-family:var(--serif);font-size:1.15rem}.cta-banner{position:relative;padding:120px 0;background:linear-gradient(rgba(3,14,27,.68),rgba(3,14,27,.82)),url('image/hero-01.jpg') center 55%/cover no-repeat;background-attachment:fixed}.cta-banner h2{font-size:clamp(2.5rem,5vw,4.5rem)}.cta-banner p:not(.section-kicker){color:rgba(255,255,255,.75)}.contact-section{background:#faf9f6}.contact-list li{display:flex;align-items:flex-start;gap:17px;padding:17px 0;border-bottom:1px solid #ddd}.contact-list i{font-size:1.2rem;color:#987539}.contact-list small{display:block;color:var(--muted);font-size:.7rem;letter-spacing:.1em}.contact-list a{color:var(--ink);text-decoration:none}.contact-card{background:#fff;padding:45px;box-shadow:0 25px 70px rgba(7,29,51,.1);border-top:4px solid var(--gold)}.contact-card h3{font-size:1.8rem}.form-label{font-size:.78rem;font-weight:600}.form-control,.form-select{border-radius:0;border-color:#dce0e3;padding:.78rem 1rem;background:#fafafa}.form-control:focus,.form-select:focus{box-shadow:0 0 0 .2rem rgba(202,166,106,.18);border-color:var(--gold)}.site-footer{background:#061626;padding:65px 0 24px}.site-footer img{filter:brightness(0) invert(1)}.site-footer a{color:rgba(255,255,255,.7);text-decoration:none;margin-left:26px;font-size:.85rem}.site-footer a:hover{color:#fff}.site-footer hr{margin:35px 0 22px;border-color:rgba(255,255,255,.16)}.floating-book{display:none;position:fixed;z-index:1000;right:18px;bottom:18px;background:var(--gold);color:var(--navy);text-decoration:none;padding:13px 18px;box-shadow:0 10px 30px rgba(0,0,0,.22);font-weight:700}.floating-book i{margin-right:7px}
@media(max-width:991.98px){html{scroll-behavior:auto;overflow-x:clip}body{overflow-x:clip;touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch}.navbar{backdrop-filter:none;-webkit-backdrop-filter:none}.comfort-section,.cta-banner{background-attachment:scroll}.navbar-collapse{background:var(--navy);margin:12px -12px -12px;padding:20px}.hero{min-height:840px}.hero-meta{margin-top:80px}.section-padding{padding:85px 0}.image-frame img{min-height:400px}.experience-grid{grid-template-columns:1fr 1fr;height:800px}.site-footer a{margin:0 20px 0 0}.floating-book{display:block}}
@media(max-width:575.98px){h2{font-size:2.15rem}.section-padding{padding:70px 0}.navbar-brand img{width:155px;height:auto}.hero{min-height:760px;padding-top:125px}.hero h1{font-size:3rem}.hero-lead{font-size:1rem}.hero-meta{margin-top:60px}.hero-meta strong{font-size:.73rem}.image-frame{padding:0 13px 13px 0}.image-frame:after{inset:13px 0 0 13px}.image-frame img{min-height:310px}.location-badge{right:-5px;bottom:38px}.comfort-card{padding:32px 26px}.room-image img{height:240px}.experience-grid{grid-template-columns:1fr;height:auto}.experience-grid figure{height:310px}.contact-card{padding:28px 20px}.site-footer{padding-bottom:90px}.site-footer a{display:inline-block;margin:5px 16px 5px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.room-card,.room-image img,.comfort-card,.experience-grid img{transition:none}.comfort-section,.cta-banner{background-attachment:scroll}}
.brand-logo-white{object-fit:contain;filter:none!important;background:transparent!important}
.footer-bottom>span{flex:1}.footer-copyright{text-align:center}.footer-credit{text-align:right}.footer-credit a{margin-left:4px}
@media(max-width:767.98px){.footer-copyright,.footer-credit{text-align:left}.footer-credit a{margin-left:4px}}