body.home{background:#FBF9F5;color:#1F2622;font-family:'Inter','Noto Sans TC',system-ui,sans-serif}
/* header (cream, per sketch) */
.hd{display:flex;align-items:center;gap:12px;padding:20px 16px 0;max-width:1440px;margin:0 auto;box-sizing:border-box;background:transparent!important}
.hd .brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#587350}
.hd .brand img{height:46px;width:auto;display:block}
.hd .brand b{font-size:30px;font-weight:800;letter-spacing:-.02em;color:#587350}
.hd .bdg{display:flex;align-items:center;gap:8px;background:#587350;color:#fff;font-size:16px;font-weight:700;padding:8px 16px;border-radius:999px}
.hd .bar{margin-left:auto;display:flex;align-items:center;padding:0;border:0;max-width:none;width:auto}
.hd .hnav{display:flex;align-items:center;gap:12px}
.hd .hnav a{text-decoration:none;font-size:16px;font-weight:700;padding:0 8px;color:#3A423D;border:0}
.hd .hnav a.rentl{color:#587350;padding:11px 20px;border-radius:999px;border:1px solid #CDE8DE;background:#E4F4EF}
.hd .ctw2{display:none!important}
.hd .langbtn{border:0;font-size:15px;font-weight:700;padding:9px 14px;border-radius:999px;background:#EFEAE1;color:#1F2622;margin:0}
.hd .nm>button{background:#EFEAE1}
/* hero */
.hh{display:block;width:100%;max-width:1318px;margin:0 auto;box-sizing:border-box;padding:0 16px}
.hero2{margin-top:28px;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px),linear-gradient(135deg,#86A07A 0%,#6F8A64 100%);background-size:18px 18px,100% 100%;border-radius:32px;padding:20px 56px;display:flex;align-items:center;gap:56px;box-shadow:0 14px 40px rgba(111,138,100,.30);color:#fff}
.hero2 .tx{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:22px}
.pill{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;background:#fff;color:#3F5738;font-size:15px;font-weight:700;padding:8px 16px;border-radius:999px}
.hero2 h1{margin:0;font-family:'LXGW WenKai TC','Noto Serif TC',serif;font-size:34px;line-height:1.3;font-weight:700;color:#fff}
.hero2 ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.hero2 li{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:400;color:#EEF3E8}
.hero2 li:first-child{font-size:17px}
.hero2 .ck{width:26px;height:26px;flex:none}
.ph{flex:0 0 520px;height:300px;border-radius:24px;overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.35)}
.ph img{width:100%;height:100%;object-fit:cover;display:block}
/* search card */
.hsearch{margin-top:28px;background:#fff;border:1px solid #EFEAE1;border-radius:28px;padding:14px 28px;box-shadow:0 10px 36px rgba(60,40,20,.06);display:flex;gap:14px;align-items:stretch}
.hsearch label{display:flex;flex-direction:column;gap:6px;border:1px solid #ECE7DD;border-radius:16px;padding:9px 18px;background:#FBF9F5;box-sizing:border-box;min-width:0}
.hsearch label.w{flex:1 1 auto;background:#F7F4EE}
.hsearch .two{display:contents}
.hsearch label.h{flex:0 0 300px}
.hsearch .lb{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#5C655F}
.hsearch .fi{width:15px;height:15px;flex:none}
.hsearch input,.hsearch select{border:0;background:transparent;outline:0;font:inherit;font-size:16px;color:#1F2622;width:100%;padding:0;font-weight:700}
.hsearch input{font-weight:400}
.hsearch input::placeholder{color:#8A918C}
.hsearch select{appearance:none;-webkit-appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235C655F' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right center no-repeat}
.hsearch button{flex:0 0 100px;border:0;border-radius:16px;background:#587350;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:0;padding:0}
.hsearch button svg{width:28px;height:28px}
.hlinks{margin-top:44px;display:flex;align-items:center;justify-content:center;gap:40px}
.hlinks a{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;text-decoration:none}
.hlinks a.br{color:#1F2622}
.hlinks a.gold{color:#1F3321!important;background:#E8B04A;border:1px solid #E8B04A;border-radius:999px;padding:9px 28px;min-height:0}
.hnote{margin:44px 0 0;text-align:center;font-size:14px;color:#8A918C}
.home .sfoot{display:none}
@media(max-width:900px){
.hd{padding:16px 16px 0;gap:8px}
.hd .brand{gap:8px}.hd .brand img{height:32px}.hd .brand b{font-size:22px}
.hd .bdg{font-size:14px;padding:6px 12px;gap:0}.hd .bdg svg{display:none}
.hd .hnav a.rentl,.hd .hnav a.mainl,.hd .hnav a.loginl{display:none!important}
.hd .langbtn{font-size:14px;padding:7px 12px}
.mmL,.ctfab{display:none!important}
.hh{padding:0 16px}
.hero2{margin-top:16px;flex-direction:column;align-items:stretch;gap:16px;padding:22px 18px;border-radius:24px;background-size:16px 16px,100% 100%;box-shadow:0 12px 32px rgba(111,138,100,.30)}
.hero2 .tx{gap:16px}
.pill{font-size:12px;padding:6px 12px}.pill svg{display:none}
.hero2 h1{font-size:26px;line-height:1.35}
.hero2 ul{gap:10px}.hero2 li,.hero2 li:first-child{font-size:15px;line-height:1.5;align-items:flex-start;gap:10px}.hero2 li+li{font-size:14px}
.hero2 .ck{width:20px;height:20px}
.ph{flex:none;height:190px;border-radius:18px;box-shadow:none;order:2}
.hsearch{margin-top:20px;flex-wrap:wrap;border-radius:22px;padding:16px;gap:10px;flex-direction:column}
.hsearch label{border-radius:14px;padding:11px 14px;gap:5px}
.hsearch .lb{font-size:12px;gap:6px}
.hsearch .two{display:flex;gap:10px}
.hsearch label.h{flex:1 1 0}
.hsearch button{flex:none;height:40px;border-radius:12px;width:100%}
.hsearch button svg{width:22px;height:22px}
.hlinks{margin-top:28px;flex-direction:column;gap:14px}
.hlinks a{font-size:16px}.hlinks a.gold{font-size:15px;padding:8px 20px}
.hnote{margin-top:28px;font-size:12px;line-height:1.7}
}
/* isolate home header from shared header rules */
header.hd{border-bottom:0!important;display:flex;align-items:center;gap:12px}
header.hd .brand{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;grid-template-columns:none}
header.hd .brand b{font-family:'Inter','Noto Sans TC',sans-serif!important;font-size:30px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:-.02em;color:#587350!important;grid-column:auto;grid-row:auto}
header.hd .brand img{order:0;height:46px;width:auto}
header.hd .brand .bdg{display:flex!important;align-items:center;gap:8px;grid-column:auto;grid-row:auto;font-size:16px!important;font-weight:700;color:#fff!important;background:#587350;padding:8px 16px!important;border:0!important;border-radius:999px;line-height:1.3!important;height:auto!important;min-height:0!important;box-sizing:border-box}
header.hd .bar{margin:0 0 0 auto!important;padding:0!important;min-height:0;order:0!important;flex:none}
header.hd .hnav{margin:0!important;order:0!important}
@media(max-width:900px){
header.hd{gap:8px;flex-wrap:nowrap}
header.hd .brand{gap:8px!important}
header.hd .brand img{height:32px}
header.hd .brand b{font-size:22px!important}
header.hd .brand .bdg{font-size:14px!important;padding:6px 12px!important}
header.hd .bar{padding:0!important}
}
@media(max-width:380px){header.hd .brand b{font-size:18px!important}header.hd .brand .bdg{font-size:12px!important;padding:5px 9px!important}}