/* All layout changes are bounded to the mobile preview. */
@media(max-width:1023px){
body.mobile-home45{background:#fff;color:#302b25;padding-bottom:76px}.mobile-home45 #main{padding:0;max-width:none}.mobile-home45 .header{border-bottom:0}.mobile-home45 .points37{font-size:12px;min-height:30px}.mobile-home45 .announcement{display:none!important}
.home45{font-family:Arial,'Noto Sans TC',sans-serif;font-size:14px;background:#fff}.home45 *{box-sizing:border-box}.home45 section[data-section45]{margin:0;padding:20px 16px 0}.home45 h1,.home45 h2,.home45 h3{color:#27221b;font-family:'GXJ Serif',serif;letter-spacing:.02em}.home45 .head45{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px}.home45 .head45 h2{font-size:21px;margin:0;line-height:1.4}.head45>a{font-size:12px;color:#776e62;white-space:nowrap;min-height:44px;display:flex;align-items:center}.hint45{color:#9a9388;font-size:12px;margin:0 0 10px}
.home45 section.hero45{padding:0}.track45{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-y pinch-zoom}.track45::-webkit-scrollbar{display:none}.track45>article,.track45>.brand-group45{flex:0 0 100%;min-width:0;scroll-snap-align:start}.hero-slide45{position:relative;aspect-ratio:1.28;overflow:hidden}.hero-slide45>img{width:100%;height:100%;object-fit:cover;object-position:65% 50%}.hero-slide45:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,249,237,.96),rgba(255,249,237,.73) 42%,transparent 72%);pointer-events:none}.hero-copy45{position:absolute;z-index:1;left:20px;top:38px;width:64%}.wordmark45{display:flex;align-items:center;gap:6px;font-family:'GXJ Serif',serif;font-size:26px;color:#171510}.wordmark45 img{width:34px;height:40px;object-fit:contain}.hero-copy45 h1{font-size:29px;line-height:1.35;margin:15px 0 6px}.hero-copy45 p{font-size:15px;margin:0 0 16px;line-height:1.6}.red45{background:#a80c20!important;color:#fff!important;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:4px;padding:7px 16px;min-height:36px;font:15px/1.4 'GXJ Serif',serif;text-decoration:none;max-width:100%}.home45 button{cursor:pointer}.hero45 .controls45{background:#f8ead6;margin:0;padding:0 9px}.controls45{display:flex;align-items:center;justify-content:space-between;gap:5px;height:44px;color:#8c8070}.controls45>div{display:flex;gap:1px;flex:1;justify-content:center}.controls45 button{background:transparent;border:0;color:#8e7c60;min-width:40px;height:44px;padding:0;font-size:24px}.controls45 .dot45{min-width:24px;width:24px;position:relative}.dot45:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#d7d3cb;left:8px;top:18px}.dot45.active:after{background:#8e8271}.controls45>span{font-size:12px;white-space:nowrap}.controls45 [data-pause45]{font-size:17px}
.activities45{display:grid;gap:8px}.activity45{display:grid;grid-template-columns:45% 55%;background:#faf4e9;border-radius:4px;overflow:hidden;min-height:118px}.activity45>img,.activity45>video{width:100%;height:100%;min-height:118px;object-fit:cover}.activity45>div{padding:12px 10px;align-self:center;min-width:0}.activity45 h3{font-size:18px;margin:0 0 4px}.activity45 p{font-size:13px;line-height:1.5;margin:0 0 7px;color:#736b5e}.activity45 .red45{font-size:13px;min-height:32px;padding:5px 14px;border-radius:20px}.activity45.text-only45{grid-template-columns:1fr}
.brand-group45{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.brand-group45>a{border:1px solid #eeeae2;border-radius:4px;min-width:0;height:89px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-decoration:none;color:#514b42;font-size:13px}.brand-group45 .art,.brand-group45 .brand-wordmark{max-width:90px;width:88%;height:42px;flex-shrink:0;margin:0;font-size:17px;display:flex;align-items:center;justify-content:center}.brand-group45 .art{display:block}.brand-group45 .brand-caption27{display:none}.brand-group45>a>span:last-child{line-height:1.4}.slot-hero45{height:160px;display:block;position:relative;overflow:hidden;border-radius:4px;margin-bottom:7px}.slot-hero45>img{width:100%;height:100%;object-fit:cover;object-position:75% 55%}.slot-hero45:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,247,228,.97),rgba(255,247,228,.6) 42%,transparent 80%)}.slot-hero45>div{position:absolute;z-index:1;left:15px;top:20px;width:60%}.slot-hero45 .art{width:105px;height:62px;display:block}.slot-hero45 .brand-wordmark{font-size:25px}.slot-hero45 h3{font-size:18px;line-height:1.5;margin:8px 0}.full45{width:100%;margin-top:10px;min-height:40px}.grid45{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.p45{min-width:0;border:1px solid #eeeae4;border-radius:4px;background:#fff;overflow:hidden;display:flex;flex-direction:column}.pmedia45{aspect-ratio:1.28;position:relative;background:#f4f0e8}.pmedia45>a,.pmedia45 .real-video29,.pmedia45 .real-video29>a{display:block;width:100%;height:100%}.pmedia45 img,.pmedia45 video{width:100%;height:100%;object-fit:cover;display:block}.pmedia45 .real-video29{aspect-ratio:unset;max-width:none}.pmedia45 .video-toggle29{bottom:7px;left:7px;right:auto;width:36px;height:36px;min-height:36px;border-radius:50%;background:#332b20a6;color:white;border:0;font-size:16px}.mute45{position:absolute;bottom:9px;right:9px;border-radius:50%;background:#332b20a6;color:#fff;width:29px;height:29px;text-align:center;line-height:29px;pointer-events:none}.tags45{min-height:27px;display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:4px 7px 0}.tags45>span{font-size:11px;padding:1px 4px;border:1px solid #eee2d1;background:#fcf5e8;line-height:1.4;border-radius:2px}.pcopy45{padding:5px 8px 8px;display:flex;flex:1;flex-direction:column;text-decoration:none;color:#302b25;font-size:12px}.pcopy45 h3{font:600 15px/1.4 Arial,'Noto Sans TC',sans-serif;margin:4px 0 6px;min-height:42px;overflow-wrap:anywhere}.ref45{font-size:12px;color:#a7a29b;line-height:1.5}.member45{font-size:13px;line-height:1.5;color:#b40f23;margin:3px 0 6px;white-space:normal}.meta45{display:flex;gap:4px;justify-content:space-between;flex-wrap:wrap;color:#8b857c;font-size:11px;margin-top:auto}.meta45 i{font-style:normal;color:#e4a625}.meta45 small{font-size:10px}.no-review45{color:#aaa;font-size:19px;line-height:14px}.all45{display:flex;width:100%;min-height:44px;align-items:center;justify-content:center;border:1px solid #b79373;color:#713c31;font:17px 'GXJ Serif',serif;border-radius:4px;margin-top:12px}.journals45>a{border:1px solid #eeeae4;border-radius:4px;overflow:hidden;text-decoration:none;color:#353128}.journals45 img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover}.journals45>a>div{padding:7px 9px}.journals45 h3{font:14px/1.5 Arial,sans-serif;margin:4px 0;display:flex;justify-content:space-between;gap:6px}.journals45 small{color:#8c8170;font-size:12px}.services45{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.services45>a,.services45>button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:1px solid #eeebe6;border-radius:4px;background:#fff;color:#7a7165;min-height:114px;padding:13px 5px;text-align:center;text-decoration:none;font:13px/1.5 Arial,sans-serif;min-width:0;white-space:normal}.services45 svg{width:32px;height:32px;stroke:#ae6a24;stroke-width:1.5;fill:none}.services45 span{max-width:6.5em}.home45 section.intro45{margin-top:25px;padding:25px 16px 30px;position:relative;background:linear-gradient(90deg,#fffaf1 40%,#fffaf1b0 62%,#fffaf130),var(--intro45) right center/cover;min-height:245px}.intro45 h2{font-size:19px;max-width:78%;margin:16px 0 8px;line-height:1.5}.intro45 p{max-width:72%;font-size:14px;line-height:1.7;color:#8a8071;margin:0 0 10px}.intro45>button{border:0;background:transparent;color:#ac772f;padding:0;min-height:44px;text-decoration:underline;font-size:15px}.links45 nav{margin:0 0 17px}.links45 nav h3{font:600 15px/1.5 Arial,sans-serif;padding-left:9px;border-left:4px solid #cf9d47;margin:0 0 7px}.links45 nav>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}.footlink45{border:0;background:transparent;color:#8b8275;min-height:36px;padding:5px 0;text-align:left;font:13px/1.6 Arial,sans-serif;text-decoration:none;overflow-wrap:anywhere}.home45 section.company45{padding:8px 16px 22px}.company45 p,.company45>small{font-size:12px;color:#9a9286;line-height:1.8;margin:6px 0}.company45 .hint45{font-size:11px;margin-top:9px}.catalog45{padding:20px 16px}.catalog45 h1{font-size:26px}.filters45{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filters45 label{min-width:0;font-size:13px}.filters45 select{display:block;width:100%;min-height:44px;padding:8px;border:1px solid #d9cbb6;border-radius:5px;background:white;font-size:14px;color:#4e4436}.mobile-home45 .bottom-nav{z-index:40}.mobile-home45 .member-star31{z-index:45}
}
@media(max-width:360px){.hero-copy45 h1{font-size:25px}.home45 .head45 h2{font-size:19px}.activity45 h3{font-size:16px}.pcopy45 h3{font-size:14px}.member45{font-size:12px}}
@media(max-width:1023px){.hero-copy45 h1{font-size:25px;max-width:9em;text-wrap:balance}.hero-copy45{width:68%}.home45 .pcopy45 h3{min-height:0}.home45 .p45 .ref45{margin-top:auto}.home45 .p45 .meta45{margin-top:0}.home45 .hero-slide45 .hero-copy45 p{max-width:15em}}
@media(max-width:1023px){.slot-hero45 .cutout45{width:110px;height:56px;object-fit:contain;object-position:left center;background:transparent}}
@media(max-width:1023px){.activity45.media-only45{grid-template-columns:1fr}.activity45.media-only45>div{display:none}.mobile-home45:has(.home45){padding-bottom:58px!important}}
@media(max-width:1023px){.hero-slide45>video{width:100%;height:100%;object-fit:cover}.hero-slide45:has(video):after{height:80%;bottom:auto}.hero-slide45:has(video) .hero-copy45{pointer-events:none}.hero-slide45:has(video) .hero-copy45 a{pointer-events:auto}}
@media(max-width:1023px){.mobile-home45 #app{padding-bottom:0!important}.mute45 svg{width:18px;height:18px;fill:none;stroke:white;stroke-width:1.5;vertical-align:middle}}
@media(max-width:1023px){.hero-slide45>img,.hero-slide45>video{object-position:var(--hero-x45,65%) var(--hero-y45,50%)}.hero-slide45.text-right45:after{transform:scaleX(-1)}.hero-slide45.text-right45 .hero-copy45{left:auto;right:18px;text-align:right}.hero-slide45.text-right45 .wordmark45{justify-content:flex-end}}
/* 45 visual recheck: match the client's composition, using the existing approved font/assets. */
@media(max-width:1023px){
 .hero45{position:relative}
 .home45 .hero45 .controls45{position:absolute;left:0;right:0;bottom:0;z-index:2;background:#f7e8d3c4;backdrop-filter:blur(3px)}
 .home45 .hero45 .hero-copy45{top:34px}
 .activity45{grid-template-columns:50% 50%;min-height:124px}
 .activity45>img,.activity45>video{min-height:124px}
 .activity45>div{padding:11px 10px}
 .slot-hero45{height:136px}
 .slot45 .pmedia45{aspect-ratio:1.5}
 .brand-group45 .wordmark{display:flex;width:100%;height:42px;align-items:center;justify-content:center;font:700 21px Arial,sans-serif;letter-spacing:-.6px}
 .brand-group45 .wordmark-i{color:#b10c25}
 .brand-group45 .wordmark-j{color:#b4771c}
 .slot-hero45 .wordmark{display:block;font:700 25px Arial,sans-serif;line-height:1.5}
 .home45 .head45 h2{font-size:22px;font-weight:700}
 .home45 .hero-copy45 h1{font-family:'GXJ Serif',serif;font-size:27px;font-weight:700;line-height:1.5;max-width:9em}
 .home45 .wordmark45{font-family:'GXJ Serif',serif}
 .home45 .activity45 h3{font-size:18px;font-weight:700}
}
@media(max-width:360px){.home45 .hero-copy45 h1{font-size:24px}.home45 .head45 h2{font-size:20px}.home45 .activity45 h3{font-size:16px}.brand-group45 .wordmark{font-size:18px}}
@media(max-width:1023px){.hero45 .controls45 .dot45{min-width:16px;width:16px}.hero45 .controls45 .dot45:after{left:5px}}
@media(max-width:360px){.home45 .hero45 .hero-copy45{top:16px}.home45 .hero-copy45 .wordmark45{font-size:23px}.home45 .hero-copy45 .wordmark45 img{width:26px;height:30px}.home45 .hero-copy45 h1{font-size:22px;line-height:1.35;margin:8px 0 4px}.home45 .hero-slide45 .hero-copy45 p{font-size:12px;line-height:1.5;margin-bottom:8px}.hero-copy45 .red45{font-size:13px;min-height:32px;padding:6px 12px}}
/* Reference typography at the actual 390px phone width. */
@media(min-width:361px) and (max-width:1023px){
 .home45 .head45 h2{font-size:25px}
 .home45 .hero45 .hero-copy45{top:22px}
 .home45 .hero-copy45 h1{font-size:30px;line-height:1.4}
 .home45 .wordmark45{font-size:30px}
 .home45 .hero-copy45 p{font-size:16px}
 .home45 .hero-copy45 .red45{font-size:17px;min-height:40px}
 .home45 .activity45 h3{font-size:21px}
 .home45 .activity45 p{font-size:15px}
 .home45 .activity45 .red45{font-size:15px;min-height:36px}
 .home45 .brand-group45>a{height:102px;font-size:15px}
 .home45 .brand-group45 .wordmark{font-size:25px}
 .home45 .pcopy45{font-size:14px}
 .home45 .pcopy45 h3{font-size:17px;line-height:1.4}
 .home45 .ref45{font-size:13px}
 .home45 .member45{font-size:15px}
 .home45 .meta45{font-size:12px}
 .home45 .tags45>span{font-size:12px}
 .home45 .journals45 small{font-size:14px}
 .home45 .journals45 h3{font-size:16px}
 .home45 .services45>a,.home45 .services45>button{font-size:15px;min-height:124px}
 .home45 .intro45 h2{font-size:21px}
 .home45 .intro45 p{font-size:15px}
 .home45 .links45 nav h3{font-size:17px}
 .home45 .footlink45{font-size:15px}
}
@media(min-width:361px) and (max-width:389px){.home45 .hero45 .hero-copy45{top:14px}.home45 .hero-copy45 h1{font-size:28px}.home45 .hero-copy45 p{font-size:14px}.home45 .hero-copy45 .red45{font-size:15px;min-height:36px}.home45 .wordmark45{font-size:27px}}

@media(max-width:1023px){.home45 [data-section45="02"]:has(.activities45:empty){display:none}.media-error46{position:relative;padding:8px;background:#fff2df;color:#805329;font:13px/1.5 Arial,sans-serif}.activity45>video{min-width:0;width:100%}}

@media(max-width:1023px){.hero-play46{position:absolute;right:16px;bottom:58px;z-index:3;width:48px;height:48px;border-radius:50%;border:1px solid #fff9;background:#30271cb3;color:white;font-size:22px;pointer-events:auto}}