/* ga-live-pages.css — /today/、/item/、/browse/（2026-09-05 深夜）
   液態玻璃：只做靜態 backdrop-filter，無動效；不支援時退宣紙白。手機優先 375–390。 */
:root{--lp-paper:#FBF8F1;--lp-card:#fff;--lp-ink:#211B16;--lp-ink2:#665C4E;--lp-seal:#C3272B;--lp-gold:#7E5F28;--lp-deco:#A9803C;--lp-green:#2F5D50;--lp-line:#E7E0D2;--lp-line2:#BCAE92}
body.ga-lp{background:var(--lp-paper)}
.ga-lp-main{max-width:760px;margin:0 auto;padding:0 12px 40px;color:var(--lp-ink)}
.ga-lp-main *{box-sizing:border-box}
.ga-glass{background:rgba(251,248,241,.78);-webkit-backdrop-filter:saturate(140%) blur(16px);backdrop-filter:saturate(140%) blur(16px);border:1px solid rgba(255,255,255,.6);box-shadow:0 1px 2px rgba(33,27,22,.05),0 12px 32px rgba(33,27,22,.10);border-radius:22px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.ga-glass{background:#FBF8F1}}

/* hero */
.ga-lp-hero{position:relative;margin:10px -12px 0;padding:14px 12px 10px;min-height:440px;display:flex;align-items:flex-end;overflow:hidden;border-radius:0 0 26px 26px;background:linear-gradient(180deg,#F4EFE4,#FBF8F1)}
.ga-lp-hero.has-bg::before{content:"";position:absolute;inset:0;background:var(--ga-lp-bg) center/cover no-repeat;filter:saturate(110%);transform:scale(1.02)}
.ga-lp-hero.has-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(33,27,22,.05) 0%,rgba(33,27,22,.10) 40%,rgba(251,248,241,.55) 100%)}
.ga-lp-hero-inner{position:relative;z-index:1;width:100%;padding:14px 16px 12px}
.ga-lp-eyebrow{margin:0 0 6px;font-size:.9rem;letter-spacing:.18em;color:var(--lp-gold);font-weight:600}
.ga-lp-sessions{list-style:none;margin:0 0 10px;padding:0}
.ga-lp-sessions li{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--lp-line);font-size:1.05rem;font-weight:700;line-height:1.35}
.ga-lp-sessions li:last-child{border-bottom:0}
.ga-lp-sessions .ga-lp-dot{width:9px;height:9px;border-radius:50%;background:var(--lp-line2);flex:0 0 9px}
.ga-lp-sessions li.is-live .ga-lp-dot{background:var(--lp-seal);box-shadow:0 0 0 4px rgba(195,39,43,.15)}
.ga-lp-sessions li.is-live .ga-lp-line{color:var(--lp-seal)}
.ga-lp-sessions li.is-ended{opacity:.5}
.ga-lp-sessions .ga-lp-host{margin-left:auto;font-weight:400;font-size:.9rem;color:var(--lp-ink2);white-space:nowrap}
.ga-lp-nolive{margin:0 0 10px;font-size:1.25rem;font-weight:700}
.ga-lp-fixed{margin:10px 0 0;font-size:.9rem;color:var(--lp-ink2);letter-spacing:.02em}

/* buttons */
.ga-lp-cta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:6px 0 0}
.ga-lp-cta .ga-lp-sold{grid-column:1/-1;margin:0 0 4px;font-weight:700;color:var(--lp-ink2)}
.ga-lp-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:60px;padding:8px 10px;border-radius:14px;color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none!important;font-weight:700;font-size:1.02rem;line-height:1.25;text-align:center;border:0}
.ga-lp-btn small{font-size:.8rem;font-weight:400;opacity:.92}
.ga-lp-btn-y{background:var(--lp-seal);box-shadow:0 6px 16px rgba(195,39,43,.22)}
.ga-lp-btn-z{background:var(--lp-green);box-shadow:0 6px 16px rgba(47,93,80,.20)}
.ga-lp-btn-g{background:var(--lp-green)}
.ga-lp-btn.is-ended{filter:saturate(.5);opacity:.85}
@media(max-width:360px){.ga-lp-cta{grid-template-columns:1fr}}

/* sections & grid */
.ga-lp-section{padding:18px 0 0}
.ga-lp-sec-head{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 10px}
.ga-lp-sec-head h1{margin:0;font-size:1.35rem;letter-spacing:.04em}
.ga-lp-more{color:var(--lp-green)!important;font-weight:700;text-decoration:none;font-size:.95rem}
.ga-lp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:640px){.ga-lp-grid{grid-template-columns:repeat(3,1fr);gap:14px}.ga-lp-hero{min-height:520px;border-radius:26px;margin-top:16px}}
.ga-lp-card{display:block;background:var(--lp-card);border:1px solid var(--lp-line);border-radius:16px;overflow:hidden;text-decoration:none!important;color:var(--lp-ink)!important;box-shadow:0 1px 2px rgba(33,27,22,.04)}
.ga-lp-card-img{display:block;position:relative;aspect-ratio:4/5;background:#EDE6D8}
.ga-lp-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.ga-lp-badge{position:absolute;left:8px;top:8px;background:rgba(251,248,241,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.7);border-radius:999px;padding:3px 9px;font-size:.78rem;font-weight:700;color:var(--lp-ink)}
.ga-lp-card.is-live .ga-lp-badge{color:var(--lp-seal)}
.ga-lp-card.is-sold{opacity:.6}
.ga-lp-card-body{display:block;padding:8px 10px 10px}
.ga-lp-cat{display:block;font-size:.8rem;color:var(--lp-gold);letter-spacing:.06em}
.ga-lp-title{display:block;font-weight:700;font-size:.98rem;line-height:1.35;margin:2px 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ga-lp-price{display:block;font-size:.9rem;color:var(--lp-ink2)}
.ga-lp-empty{color:var(--lp-ink2);line-height:1.7}
.ga-lp-empty a{color:var(--lp-green)!important;font-weight:700}
.ga-lp-noimg{display:block;width:100%;height:100%;background:repeating-linear-gradient(45deg,#EDE6D8 0 8px,#F4EFE4 8px 16px)}

/* item page */
.ga-lp-itemwrap{margin:8px -12px 0}
.ga-lp-gallery{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 12px;scrollbar-width:none}
.ga-lp-gallery::-webkit-scrollbar{display:none}
.ga-lp-gallery figure{flex:0 0 88%;margin:0;scroll-snap-align:center;aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:#EDE6D8}
.ga-lp-gallery figure:only-child{flex-basis:100%}
.ga-lp-gallery img{width:100%;height:100%;object-fit:cover;display:block}
.ga-lp-item-head{margin:-34px 12px 0;position:relative;z-index:1;padding:16px 16px 14px}
.ga-lp-h1{margin:2px 0 4px;font-size:1.45rem;line-height:1.3}
.ga-lp-spec{margin:0 0 4px;color:var(--lp-ink2);font-size:.95rem}
.ga-lp-price-lg{margin:0 0 6px;font-size:1.15rem;font-weight:700;color:var(--lp-seal)}
.ga-lp-when{margin:0 0 8px;font-size:.95rem;color:var(--lp-ink2)}
.ga-lp-when.is-live{color:var(--lp-seal);font-weight:700}
.ga-lp-asktext{margin:10px 0 0;font-size:.85rem;color:var(--lp-ink2)}
.ga-lp-asktext code{background:#F4EFE4;padding:2px 6px;border-radius:6px;color:var(--lp-ink)}
.ga-lp-story{margin:18px 12px 0;line-height:1.85}
.ga-lp-why{font-size:1.08rem;font-weight:700;color:var(--lp-ink);border-left:3px solid var(--lp-deco);padding-left:12px;margin:0 0 12px}
.ga-lp-story-body p{margin:0 0 .9em}
.ga-lp-fixed2{margin:20px 12px 0;padding:12px 14px;border-top:1px solid var(--lp-line);border-bottom:1px solid var(--lp-line);color:var(--lp-ink2);font-size:.92rem;line-height:1.7}
.ga-lp-fixed2 p{margin:0}
.ga-lp-trust{color:var(--lp-gold);font-weight:600}
.ga-lp-read{margin:18px 12px 0}
.ga-lp-read h2{font-size:1.05rem;margin:0 0 6px}
.ga-lp-read ul{margin:0;padding-left:1.1em;line-height:1.8}
.ga-lp-read a{color:var(--lp-green)!important}

/* browse */
.ga-lp-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}
.ga-lp-chips::-webkit-scrollbar{display:none}
.ga-lp-chips a{flex:0 0 auto;padding:8px 14px;border-radius:999px;border:1px solid var(--lp-line2);color:var(--lp-ink)!important;text-decoration:none!important;font-size:.92rem;background:rgba(255,255,255,.6);min-height:40px;display:inline-flex;align-items:center}
.ga-lp-chips a.is-on{background:var(--lp-ink);color:#fff!important;border-color:var(--lp-ink)}

/* 深色皮膚退路（?ga_theme=dark）：不重做，只保證可讀 */
html:not(.ga-light) body.ga-lp{background:#0f0f0f;color:#e8e0d0}
html:not(.ga-light) .ga-lp-main{color:#e8e0d0}
html:not(.ga-light) .ga-glass{background:rgba(20,20,20,.72);border-color:rgba(255,255,255,.12)}
html:not(.ga-light) .ga-lp-card{background:#1a1a1a;border-color:#2a2a2a;color:#e8e0d0!important}

.ga-lp-card.is-sold .ga-lp-price{display:none}

/* 004：浮動膠囊遮價格／故事——三頁隱藏「今日直播」膠囊、LINE 膠囊縮小、底部留白 */
body.ga-lp .ga-fab a.ga-live{display:none!important}
body.ga-lp .ga-fab a.ga-line{padding:10px 12px!important;font-size:13px!important}
body.ga-lp .ga-fab .ga-fab-hint{display:none!important}
body.ga-lp .ga-lp-main{padding-bottom:96px}
.ga-lp-btn.is-scheduled{background:#fff!important;color:var(--lp-ink)!important;-webkit-text-fill-color:var(--lp-ink)!important;border:1px solid var(--lp-line2)!important;box-shadow:none!important}
.ga-lp-btn.is-scheduled small{color:var(--lp-ink2)!important;-webkit-text-fill-color:var(--lp-ink2)!important}

.ga-lp-noimg{position:relative}
.ga-lp-noimg::after{content:"照片上架中";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:.85rem;color:var(--lp-ink2);background:rgba(251,248,241,.85);padding:4px 10px;border-radius:999px}
/* 浮動膠囊：ga-floating-cta 的規則帶 !important 且較晚載入，這裡拉高權重 */
html body.ga-lp div.ga-fab a.ga-live{display:none!important}
html body.ga-lp div.ga-fab a.ga-line{padding:10px 12px!important;font-size:13px!important}

/* 真正的浮動膠囊是 ga-theme-light.php 的 #ga-float-global（.ga-float-live／.ga-float-line），不是 .ga-fab */
html body.ga-lp #ga-float-global .ga-float-live, html body.ga-lp a.ga-float-live{display:none!important}
html body.ga-lp #ga-float-global .ga-float-line, html body.ga-lp a.ga-float-line{padding:10px 14px!important;font-size:13px!important;min-height:44px!important}
html body.ga-lp #ga-float-global .ga-float-line span:not(.ga-fl-ic){display:none!important}
.ga-lp-photo-note{display:block;font-size:.8rem;color:var(--lp-ink2);margin-top:2px}
.ga-lp-unsold{margin:0 0 8px;font-size:.95rem;color:var(--lp-ink2)}

/* 今天播什麼：粉專貼文原文卡 */
.ga-lp-posts .ga-lp-sub{font-size:.85rem;color:var(--lp-ink2)}
.ga-lp-sec-head h2{margin:0;font-size:1.3rem;letter-spacing:.04em}
.ga-lp-post{background:var(--lp-card);border:1px solid var(--lp-line);border-radius:18px;overflow:hidden;margin:0 0 14px;box-shadow:0 1px 2px rgba(33,27,22,.04)}
.ga-lp-post-cover{position:relative;aspect-ratio:16/9;background:#EDE6D8}
.ga-lp-post-cover img{width:100%;height:100%;object-fit:cover;display:block}
.ga-lp-post-when{position:absolute;left:10px;top:10px;background:rgba(251,248,241,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.7);border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:700;color:var(--lp-ink)}
.ga-lp-post.is-live .ga-lp-post-when{color:var(--lp-seal)}
.ga-lp-post.is-live .ga-lp-post-when::before{content:"● ";}
.ga-lp-post-body{padding:12px 14px 14px}
.ga-lp-post-title{margin:2px 0 8px;font-size:1.15rem;line-height:1.35}
.ga-lp-post-text{font-size:.95rem;line-height:1.75;color:var(--lp-ink);white-space:normal;word-break:break-word}
.ga-lp-post-text a{color:var(--lp-green)!important;word-break:break-all}
.ga-lp-tag{color:var(--lp-gold)}
.ga-lp-post-text.is-long{max-height:11.5em;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}
.ga-lp-toggle:checked ~ .ga-lp-post-text.is-long{max-height:none;-webkit-mask-image:none;mask-image:none}
.ga-lp-morebtn{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;color:var(--lp-green);font-weight:700;cursor:pointer;font-size:.95rem}
.ga-lp-morebtn .less{display:none}
.ga-lp-toggle:checked ~ .ga-lp-morebtn .more{display:none}
.ga-lp-toggle:checked ~ .ga-lp-morebtn .less{display:inline}
.ga-lp-post-btn{margin-top:8px}
.ga-lp-post-note{margin:8px 0 0;font-size:.9rem;color:var(--lp-ink2)}

/* 001 回報 390px 溢出：收緊 grid／flex 的 min-content，任何子元素都不得撐開 */
.ga-lp-main,.ga-lp-hero,.ga-lp-hero-inner,.ga-lp-post,.ga-lp-post-body{max-width:100%;min-width:0}
.ga-lp-cta{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.ga-lp-btn{min-width:0;overflow-wrap:anywhere}
.ga-lp-btn span,.ga-lp-btn small{max-width:100%;overflow-wrap:anywhere}
.ga-lp-sessions li{min-width:0}
.ga-lp-sessions .ga-lp-line{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.ga-lp-sessions .ga-lp-host{white-space:normal;max-width:34%;text-align:right;overflow-wrap:anywhere}
.ga-lp-post-title,.ga-lp-post-text,.ga-lp-h1,.ga-lp-title,.ga-lp-asktext{overflow-wrap:anywhere}
.ga-lp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:640px){.ga-lp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ga-lp-gallery figure{max-width:100%}
body.ga-lp{overflow-x:hidden}

.ga-lp-post.is-ended{opacity:.55}
.ga-lp-post.is-ended .ga-lp-post-text.is-long{max-height:5.5em}
body.ga-lp-today .ga-lp-fixed2{margin:26px 0 0}