/* home page */
main.hm{display:block;max-width:1100px;margin:0 auto;padding:40px 24px 56px;width:auto;min-height:0}
.hm h2{margin:0;font-size:22px;font-weight:700}
.hero{max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:40px 40px 32px;box-shadow:0 2px 12px rgba(0,0,0,.05);display:flex;flex-direction:column;gap:18px;align-items:stretch;text-align:center}
.hero h1{margin:0 0 6px;font-family:'Noto Serif TC',serif;font-weight:600;font-size:28px;line-height:1.45}
.hero .sep{color:var(--orange);margin:0 4px}.hero .mbr{display:none}
.hs{display:flex;gap:10px}
.hs input{flex:1;min-width:0;height:52px;border:1px solid var(--ctl);border-radius:12px;padding:0 16px;font:inherit;font-size:16px}
.hs button{flex:none;height:52px;padding:0 26px;border:0;border-radius:12px;background:var(--orange);color:#fff;font:inherit;font-size:16px;font-weight:700;cursor:pointer}
.hpost{display:flex;align-items:center;justify-content:center;min-height:52px;border:2px solid var(--orange);border-radius:12px;color:var(--orange);font-weight:700;font-size:16px;text-decoration:none;background:#fff}
.hpost:hover{background:#FBF3EC}
.hall{align-self:center;color:var(--orange);font-weight:700;text-decoration:none}.hall:hover{text-decoration:underline}
.about{max-width:760px;margin:48px auto 0;padding-top:32px;border-top:1px solid #D3D9D6;text-align:center}
.about h2{margin-bottom:14px}
.about p{margin:0 0 10px;font-size:17px;line-height:1.85;color:#3D3530}
.latest{margin-top:48px;padding-top:32px;border-top:1px solid #D3D9D6}
.lh{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}
.lh a{color:var(--orange);font-weight:700;text-decoration:none}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.lc{display:flex;flex-direction:column;border:1px solid var(--ctl);border-radius:16px;overflow:hidden;background:#fff;color:inherit;text-decoration:none}
.lc:hover{box-shadow:0 4px 14px rgba(0,0,0,.1)}
.lc .cimg{position:relative;aspect-ratio:4/3;background:#F1F9F6 center/cover no-repeat}
.lc .cdate{position:absolute;top:8px;left:8px;padding:3px 10px;border-radius:4px;background:#fff;font-size:15px;font-weight:700}
.lc .cbody{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px}
.lc .crow{display:flex;gap:8px;align-items:center;font-size:16px}
.lc .crow svg{width:18px;height:18px;flex:none}
.lc .ctag{padding:0 8px;border-radius:4px;border:1px solid var(--orange);color:var(--orange);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.lc .ctitle{font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lc .cspec{font-size:15px;color:var(--muted)}
.lc .cprice{font-size:17px;font-weight:700;color:var(--orange)}
.foot2{max-width:1100px;margin:0 auto;padding:16px 24px 32px;color:var(--muted);font-size:15px;text-align:center}
header .loginl{padding:8px 4px;color:var(--ink);font-weight:700;text-decoration:none;border-bottom:2px solid var(--orange);white-space:nowrap}
header .loginl[hidden]{display:none}
@media(max-width:900px){.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
main.hm{padding:20px 16px 40px}
.hero{padding:24px 18px;gap:14px;border-radius:16px}
.hero h1{font-size:21px}.hero .sep{display:none}.hero .mbr{display:inline}
.hs{flex-direction:column}.hs button{width:100%}
.about{margin-top:32px;padding-top:24px}.about p{font-size:16px;text-align:left}
.latest{margin-top:32px;padding-top:24px}
.g3{grid-template-columns:1fr}
header .loginl{font-size:15px}
}
.hs input{height:52px!important;min-height:52px;box-sizing:border-box;-webkit-appearance:none;appearance:none;background:#fff}
.banner{margin:0 0 28px;border-radius:20px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06)}.banner img{display:block;width:100%;height:auto}
.banner+.hero{margin-top:0}
@media(max-width:600px){main.hm{padding-top:12px}.banner{margin:0 0 16px;border-radius:14px}}
.hpost{align-self:center;min-height:42px;padding:0 22px;border-width:1.5px;border-radius:999px;font-size:15px}
header .stayl{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;background:#045137;color:#fff;text-decoration:none;font-size:15px;font-weight:700;white-space:nowrap;border-bottom:0;margin-left:auto}
header .bar{gap:10px}
@media(min-width:601px){header .stayl{display:none}}
@media(max-width:600px){header .stayl{padding:0 12px;font-size:14px}}
@media(max-width:600px){header .bar #acct{margin-left:0}}
.areas{margin-top:48px;padding-top:32px;border-top:1px solid #D3D9D6}
.areas[hidden]{display:none}
.areas h2{margin-bottom:16px}
.areas .chips{display:flex;flex-wrap:wrap;gap:10px}
.achip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--ctl);border-radius:999px;background:#fff;color:var(--ink);text-decoration:none;font-weight:700}
.achip span{min-width:24px;padding:0 6px;border-radius:999px;background:#FBF3EC;color:var(--orange);font-size:14px;text-align:center}
.achip:hover{border-color:var(--orange);color:var(--orange)}
@media(max-width:600px){.areas{margin-top:32px;padding-top:24px}}