:root{--ink:#333;--muted:#777;--line:#ddd;--light:#f1f1f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,"Noto Sans TC","Microsoft JhengHei",sans-serif;font-size:15px}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 48px));margin:auto}.row{display:flex}.site-head{height:104px;background:#fff;display:flex;align-items:center}.navbar{height:100%;display:flex;align-items:center}.navbar-brand img{width:210px;height:62px;object-fit:contain}.nav-menu{margin-left:auto;display:flex;align-items:center;gap:44px;height:100%;font-size:16px;font-weight:600;color:#555;position:relative}.nav-menu>a{display:flex;align-items:center;height:100%;border-bottom:2px solid transparent}.nav-menu>a:hover{border-color:#555}.nav-drop-panel{display:none;position:absolute;z-index:30;top:80px;right:180px;width:205px;background:#fff;padding:12px 0;box-shadow:0 8px 20px #0002}.nav-menu>a:nth-child(3):hover~.nav-drop-panel,.nav-drop-panel:hover{display:block}.nav-drop-panel a{display:block;padding:10px 18px}.mobile-nav{display:none;margin-left:auto;position:relative}.mobile-nav summary{list-style:none;width:42px;height:42px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #bbb}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary i{display:block;width:20px;height:2px;background:#555}.mobile-panel{position:fixed;z-index:99;left:0;right:0;top:82px;background:#fff;border-top:1px solid #ddd;box-shadow:0 12px 24px #0002;padding:10px 24px 22px}.mobile-panel a{display:block;padding:12px 4px;border-bottom:1px solid #eee;font-weight:600}.mobile-panel .sub{padding-left:22px;font-size:15px;font-weight:400}.home-hero,.photo-banner{background-image:linear-gradient(#1118,#1118),url('../img/placeholder.svg');background-position:center;background-size:cover;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center}.home-hero{height:610px;background-attachment:fixed}.home-hero span{font-size:14px;letter-spacing:.35em}.home-hero h1{font-size:42px;letter-spacing:.12em;margin:22px 0}.home-hero p{font-size:18px}.outline-btn,.dark-btn{display:inline-block;margin-top:25px;padding:12px 27px;border:1px solid #fff;color:#fff;background:transparent;font-size:16px}.dark-btn{background:#333;border-color:#333}.section{padding:90px 0}.white{background:#fff}.light,.form-section{background:var(--light)}.section-title{text-align:center;margin:0 auto 55px}.section-title h2{font-size:28px;letter-spacing:.08em;margin:0 0 14px}.section-title p{color:#888}.five-services{gap:22px;text-align:center}.five-services article{flex:1}.service-icon{font-size:62px;color:#898989}.five-services h3{font-size:19px}.five-services p,.three-cards p,.advantages p,.process p{line-height:1.8;color:#777}.image-story{padding:85px 0;background-image:linear-gradient(#333b,#333b),url('../img/placeholder.svg');background-position:center;background-size:cover;background-attachment:fixed;color:#fff}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:54px;align-items:center}.two-col img,.three-col img{width:100%;height:300px;object-fit:cover}.three-cards{gap:24px}.three-cards>*{flex:1}.card{display:block;background:#fff;padding:38px 32px;min-height:250px;border:1px solid #ddd}.card b,.advantages span{font-size:40px;color:#aaa;font-weight:300}.quote-band{height:230px;display:flex;align-items:center;justify-content:center;text-align:center;background-image:linear-gradient(#111a,#111a),url('../img/placeholder.svg');background-position:center;background-size:cover;background-attachment:fixed;color:#fff}.advantages{gap:36px;text-align:center}.advantages article{flex:1}.stats{padding:44px 0;background:#e6e6e6}.stats-row>div{flex:1;text-align:center;border-right:1px solid #aaa}.stats-row>div:last-child{border:0}.stats b{display:block;font-size:28px}.stats small{color:#777}.photo-banner{height:440px}.photo-banner h1{font-size:34px}.photo-banner p{font-size:18px}.about-bridge{grid-template-columns:42% 1fr;column-gap:54px;row-gap:18px;align-items:center}.about-bridge>*:nth-child(1){grid-column:1;grid-row:1/span 2}.about-bridge>*:nth-child(2){grid-column:2;grid-row:1;align-self:end}.about-bridge>*:nth-child(3){grid-column:2;grid-row:2;align-self:start}.about-bridge img{height:360px;width:100%;object-fit:cover}.target-list{background:#f3f3f3;padding:36px}.split-grey{background:#e6e6e6}.meal-line{font-size:20px;letter-spacing:.16em;color:#666}.narrow{max-width:850px}.text-center{text-align:center}.question{line-height:1.65;white-space:pre-line}.answer{color:#777;line-height:1.9}.process{gap:0}.process article{flex:1;background:#fff;border-right:1px solid #ddd;padding:38px}.image-strip{height:270px;background-image:linear-gradient(#1119,#1119),url('../img/placeholder.svg');background-position:center;background-size:cover}.partner-benefits{gap:20px;text-align:center}.partner-benefits article{flex:1;background:#fff;border:1px solid #ddd;padding:35px 22px}.contact-info{background:#e6e6e6;padding:38px 0}.line-link{color:inherit;text-decoration:underline}.contact-grid>div{flex:1;text-align:center}.form-section .two-col{align-items:start}.form-section .two-col>div>h2:first-child{margin-top:0}.form-section form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-section label{display:grid;gap:8px;color:#666}.form-section input,.form-section textarea{width:100%;border:1px solid #bbb;background:transparent;padding:12px;font:inherit}.form-section .wide{grid-column:1/-1}.form-section button{justify-self:start}.accordion-item{border-top:1px solid #ccc}.accordion-item h3{margin:0}.accordion-button{width:100%;border:0;background:#eee;text-align:left;font-weight:600;padding:23px 40px 23px 15px;font:inherit;position:relative;cursor:pointer}.accordion-button::after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-70%) rotate(45deg);transition:transform .3s ease}.accordion-button:not(.collapsed)::after{transform:translateY(-20%) rotate(-135deg)}.accordion-button.collapsed{background:#fff}.accordion-collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.accordion-collapse>*{overflow:hidden;min-height:0;padding-top:0;padding-bottom:0;transition:padding .35s ease}.accordion-collapse.show{grid-template-rows:1fr}.accordion-collapse.show>*{padding-top:20px;padding-bottom:20px}.accordion-body{color:#777;line-height:1.8;padding:0 20px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}footer{background:#242424;color:#aaa;padding:55px 0 25px;font-size:13px}.footer-grid{display:grid;grid-template-columns:5fr 3fr 4fr;gap:32px}.foot-logo,footer img{width:112px;max-height:112px;object-fit:contain}footer p{line-height:2;margin:15px 0}.copyright{border-top:1px solid #444;margin-top:35px;padding-top:22px;font-size:13px}.reveal-pending{opacity:0}@media(max-width:992px){.site-head{height:82px}.navbar-brand img{width:165px;height:55px}.nav-menu{display:none}.mobile-nav{display:block;margin-right:16px}.home-hero{height:540px;background-attachment:scroll}.section{padding:68px 0}.photo-banner{height:330px}.two-col,.three-col{grid-template-columns:1fr}.about-bridge{grid-template-columns:1fr}.about-bridge>*:nth-child(1),.about-bridge>*:nth-child(2),.about-bridge>*:nth-child(3){grid-column:1;grid-row:auto}.process{display:block}.process article{border-right:0;border-bottom:1px solid #ddd}.five-services,.three-cards,.advantages,.partner-benefits{flex-wrap:wrap}.five-services article{flex:1 1 30%}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1;text-align:center}.footer-brand img{display:block;margin:auto}.quote-band,.image-story{background-attachment:scroll}}@media(max-width:576px){body{font-size:14px}.container{width:min(100% - 36px,1180px)}.home-hero{height:520px;padding:0 22px}.home-hero h1{font-size:29px;line-height:1.45}.section-title h2{font-size:23px;line-height:1.5}.photo-banner h1{font-size:28px}.five-services article,.three-cards>*,.advantages article,.partner-benefits article{flex:1 1 100%}.stats-row{flex-wrap:wrap}.stats-row>div{flex:1 1 50%;border:0;margin:14px 0}.contact-grid{display:block}.contact-grid>div{margin:18px 0}.form-section form{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-brand{grid-column:auto}.copyright{text-align:center}}@media(prefers-reduced-motion:reduce){.reveal-pending{opacity:1!important}.animate__animated{animation:none!important}}
/* ── Fortuleina 正本設計層（自 template-source/tw-multipage/fortuleina2/app/globals.css 移植）──
   暖酒紅×古金×象牙配色、全彩照片、序列強調色、字級與分隔線。
   客戶照片網址不在此檔（由欄位 binding 的 inline style 供給），只搬設計 token。 */
:root{--ink:#3e241f;--muted:#765f56;--line:#d8c5ad;--light:#f6efe3;--wine:#781d25;--gold:#bd8839;--ivory:#fffaf1}
body{background:var(--ivory);color:var(--ink)}
.site-head{background:var(--ivory);border-bottom:1px solid #eadbc7}
.nav-menu{color:#5e382f;font-size:16px}
.nav-menu>a:hover{border-color:var(--gold)}
.nav-drop-panel{background:var(--ivory)}
.nav-drop-panel a:hover{background:#f1e4d2}
.white{background:var(--ivory)}
.light,.form-section{background:#f4eadb}
.service-icon,.three-cards .card b,.advantages span{color:var(--gold)}
.card,.process article,.partner-benefits article{background:#fffaf4;border-color:#dcc7aa}.partner-benefits article b{display:block;font-size:84px;line-height:1;margin-bottom:20px;color:var(--gold);font-weight:400}
.card:hover{box-shadow:0 12px 28px #6c211826}
.card span,.case small{color:var(--wine)}
.stats,.contact-info{background:#dfc9a9}
.split-grey{background:#eadbc7}
.target-list{background:#f1e4d2}.target-list>b{display:block;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid var(--gold);font-size:17px;letter-spacing:.06em}.target-list>p{margin:10px 0}
.dark-btn{background:var(--wine);border-color:var(--wine)}
.outline-btn:hover,.dark-btn:hover{background:var(--gold);border-color:var(--gold);color:#fff}.outline-btn,.dark-btn{background:#551820;border-color:#551820;color:#fff}.outline-btn:hover,.dark-btn:hover{background:#3f1218;border-color:#3f1218;color:#fff}
.accordion-button{background:var(--ivory);color:var(--ink)}
.accordion-button:not(.collapsed){background:#ead9c1;color:var(--wine)}
.form-section input,.form-section textarea{border-color:#bda990}
.form-section input:focus,.form-section textarea:focus{border-color:var(--gold);outline:none}
footer{background:#551820;color:#e3cfb5}
.copyright{border-color:#81505a}
.mobile-nav summary{border-color:#bba58b}
.mobile-nav summary i{background:var(--wine)}
.mobile-panel{background:var(--ivory)}
.photo-banner{box-shadow:inset 0 -6px 0 var(--gold)}
main img{filter:none!important}
.home-hero,.photo-banner,.image-story,.quote-band,.image-strip{filter:none!important}
p{font-size:18px}
/* 序列 01/02/03 強調色（取自 logo 色盤） */
.three-cards>*:nth-child(1) b,.advantages article:nth-child(1) span,.process article:nth-child(1) b{color:#d6ae6a}
.three-cards>*:nth-child(2) b,.advantages article:nth-child(2) span,.process article:nth-child(2) b{color:#bd8839}
.three-cards>*:nth-child(3) b,.advantages article:nth-child(3) span,.process article:nth-child(3) b{color:#781d25}
@media(min-width:768px){
 .stats-row>div{position:relative;border-right:0}
 .stats-row>div:not(:last-child)::after{content:"|";position:absolute;right:0;top:50%;transform:translate(50%,-50%);color:rgb(120 29 37 / 45%);font-size:28px;font-weight:300}
}
.foot-logo,footer img{filter:none!important;opacity:1!important}

/* iframe 內（前台預覽外框）：視差 fixed 的縮放基準是視窗，而整頁式 iframe 視窗高＝全文高，
   cover 背景會嚴重放大跑版；改 scroll 讓 cover 以區塊自身尺寸縮放。 */
.bt-in-frame .home-hero,.bt-in-frame .image-story,.bt-in-frame .quote-band,.bt-in-frame .photo-banner,.bt-in-frame .image-strip{background-attachment:scroll}.bt-in-frame .home-hero,.bt-in-frame .image-story,.bt-in-frame .quote-band,.image-story,.home-hero{background-position:center calc(50% + var(--bt-par,0px))}

/* animate.css v4 子集（正本 fortuleina2 經 RevealClient 實際使用的 5 種效果） */
.animate__animated{animation-duration:.85s;animation-fill-mode:both}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.animate__fadeIn{animation-name:fadeIn}
@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.animate__fadeInUp{animation-name:fadeInUp}
@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-40px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.animate__fadeInLeft{animation-name:fadeInLeft}
@keyframes fadeInRight{from{opacity:0;transform:translate3d(40px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.animate__fadeInRight{animation-name:fadeInRight}
@keyframes bounceIn{from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}
.animate__bounceIn{animation-duration:.75s;animation-name:bounceIn}