:root{
  --cream:#fbf7ed;
  --paper:#f3ead8;
  --paper-deep:#e6d8bd;
  --paper-line:#d7c59e;
  --ink:#24352f;
  --green:#24463c;
  --green-dark:#16352e;
  --gold:#b38a49;
  --gold-soft:#d6bd85;
  --brown:#67472d;
  --muted:#6f776d;
  --shadow:0 16px 42px rgba(76,56,31,.16);
  --max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:#28382f;font-family:Georgia,'Noto Serif TC','Songti TC',serif;letter-spacing:.025em}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.container{width:min(var(--max),calc(100% - 44px));margin:auto}.page-bg{background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(246,239,224,.75)),url('assets/paper-texture.jpg') center/520px repeat;min-height:100vh}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,252,245,.94);backdrop-filter:blur(10px);border-bottom:1px solid #e5d6b9;box-shadow:0 8px 24px rgba(83,59,29,.08)}.nav{height:128px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{width:130px;display:flex;align-items:center;justify-content:center;align-self:stretch}.brand img{width:116px;height:116px;object-fit:contain;filter:drop-shadow(0 7px 14px rgba(90,65,35,.16))}.navlinks{display:flex;gap:38px;align-items:center;justify-content:flex-end;flex:1}.navlinks a{font-family:Cinzel,Georgia,serif;text-transform:uppercase;text-align:center;font-weight:700;color:#2b2d29;font-size:15px;letter-spacing:.08em;padding:20px 0 18px;position:relative}.navlinks a span{display:block;font-size:12px;font-family:'Noto Serif TC','Songti TC',serif;color:#827a67;font-weight:600;margin-top:4px;letter-spacing:.05em}.navlinks a.active,.navlinks a:hover{color:#9c7539}.navlinks a.active:after,.navlinks a:hover:after{content:"";position:absolute;left:50%;bottom:9px;width:54px;height:2px;background:var(--gold);transform:translateX(-50%)}.mobile-toggle{display:none;background:transparent;border:1px solid var(--paper-line);padding:10px 14px;color:#5d4828;font-family:Georgia,serif}.hero{min-height:470px;background:linear-gradient(90deg,rgba(14,36,31,.88) 0%,rgba(21,45,39,.66) 38%,rgba(21,45,39,.18) 72%),var(--hero) center/cover no-repeat;display:flex;align-items:center;border-bottom:1px solid #d7c4a1;position:relative}.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 45%,rgba(250,244,226,.06),transparent 30%),linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.12));pointer-events:none;z-index:1}.hero-inner{position:relative;z-index:2;color:#fff;width:min(650px,calc(100% - 80px));margin-left:max(42px,calc((100vw - var(--max))/2));padding:70px 0}.flourish{color:var(--gold-soft);font-size:28px;letter-spacing:.12em;margin-bottom:18px}.hero h1{font-size:clamp(46px,5.5vw,76px);line-height:1.05;margin:0;font-weight:400;text-shadow:0 4px 24px rgba(0,0,0,.45)}.hero .subtitle{font-size:26px;margin-top:10px;text-shadow:0 3px 16px rgba(0,0,0,.45)}.hero p{font-size:18px;line-height:2;margin:26px 0 0;color:#f2eadb}.btn{display:inline-flex;align-items:center;gap:12px;background:var(--green-dark);color:#fffdf3;border:1px solid var(--gold);padding:14px 32px;margin-top:28px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.06),0 12px 24px rgba(30,45,38,.18);font-weight:700;letter-spacing:.05em}.btn:hover{background:#1d4a3f;transform:translateY(-1px)}.light-section{padding:62px 0;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(242,232,211,.4))}.paper-section{background:linear-gradient(180deg,rgba(253,249,240,.9),rgba(244,235,217,.9)),url('assets/paper-texture.jpg') center/620px repeat}.section-title{text-align:center;margin-bottom:34px}.eyebrow{font-size:14px;color:var(--gold);letter-spacing:.12em;text-transform:uppercase}.section-title h2{font-size:clamp(31px,3vw,43px);font-weight:400;margin:7px 0 4px;color:#30483f;letter-spacing:.08em}.section-title p{color:#716f64;margin:0;line-height:1.8}.orn-line{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--gold);margin:12px 0}.orn-line:before,.orn-line:after{content:"";height:1px;width:74px;background:#d9c59b}.split{display:grid;grid-template-columns:.95fr 1.05fr;gap:46px;align-items:center}.intro-text h2{font-weight:400;font-size:36px;color:#385348;margin:0 0 12px}.intro-text p{line-height:2.05;color:#5c5e53;font-size:17px}.feature-box{background:rgba(255,252,245,.66);border:1px solid #e3d2af;box-shadow:var(--shadow);padding:26px 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.feature{padding:16px 12px;text-align:center;border-right:1px solid #dcc59c;min-width:0}.feature:last-child{border-right:0}.feature .ico{width:48px;height:48px;margin:0 auto 8px;display:grid;place-items:center}.feature .ico img{width:44px;height:44px;object-fit:contain}.feature h3{font-size:16px;color:#42594f;margin:0 0 6px;white-space:nowrap;letter-spacing:.035em}.feature p{font-size:13px;color:#7b766a;line-height:1.65;margin:0}.scenery{padding:55px 0 50px}.carousel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.photo-card{background:#fffdf7;border:1px solid #dac7a4;border-radius:4px;box-shadow:var(--shadow);overflow:hidden;position:relative}.photo-card img{width:100%;height:220px;object-fit:cover;filter:saturate(.92) contrast(.96) brightness(.95)}.photo-card .caption{position:absolute;left:0;right:0;bottom:0;padding:28px 22px 18px;color:#fff;background:linear-gradient(transparent,rgba(24,42,34,.88));text-shadow:0 2px 8px rgba(0,0,0,.6)}.photo-card h3{margin:0 0 6px;font-size:22px;font-weight:600}.photo-card p{margin:0;line-height:1.7}.explore-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.entry-card{display:grid;grid-template-columns:1fr 1.05fr;background:#fffaf0;border:1px solid #dfcfad;box-shadow:var(--shadow);min-height:150px;overflow:hidden}.entry-card img{height:100%;width:100%;object-fit:cover}.entry-card .content{padding:22px}.entry-card h3{font-size:23px;font-weight:400;color:#3d554a;margin:0 0 6px}.entry-card p{font-size:14px;line-height:1.7;color:#6d6b60;margin:0 0 14px}.small-btn{display:inline-block;background:#24463c;color:#fff;padding:8px 14px;font-size:13px;border-radius:2px}.footer{background:#24463c;color:#f0e8d6;padding:46px 0 26px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.footer h4{font-weight:600;color:#d9bd7a;letter-spacing:.08em;margin:0 0 12px}.footer p{margin:0;line-height:1.9;color:#e5dac0}.footer-bottom{text-align:center;margin-top:28px;padding-top:18px;border-top:1px solid rgba(221,195,137,.25);font-size:13px;color:#cfc1a3}.paper-card{background:rgba(255,250,238,.88);border:1px solid #dfcfad;box-shadow:var(--shadow);padding:34px;position:relative}.paper-card::before{content:"";position:absolute;inset:8px;border:1px solid rgba(179,138,73,.18);pointer-events:none}.image-text-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.image-text-card{background:#fffaf1;border:1px solid #dfcfad;box-shadow:var(--shadow);overflow:hidden}.image-text-card img{height:210px;width:100%;object-fit:cover}.image-text-card h3{text-align:center;color:#3d554a;font-weight:400;font-size:24px;margin:18px 0 4px}.image-text-card p{text-align:center;color:#6c6b60;line-height:1.8;padding:0 22px 24px;margin:0}.concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;text-align:center}.concept-item .big-ico{width:62px;height:62px;margin:0 auto 12px;display:grid;place-items:center}.concept-item .big-ico img{width:58px;height:58px;object-fit:contain}.concept-item h3{font-size:23px;font-weight:400;color:#3d554a;margin:0}.concept-item p{line-height:1.85;color:#696a5f}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.step{text-align:center;position:relative}.step .num{width:34px;height:34px;border-radius:50%;background:#f6eddb;border:1px solid #c5ad7b;display:grid;place-items:center;margin:0 auto 10px;color:#9f7637}.step h3{font-size:16px;color:#3b5148;margin:0 0 6px}.step p{font-size:13px;color:#706b5f;line-height:1.6}.menu-specials{display:grid;grid-template-columns:1fr 1fr;gap:24px}.special{display:grid;grid-template-columns:260px 1fr;background:#fffaf1;border:1px solid #dfcfad;box-shadow:var(--shadow);overflow:hidden}.special img{width:100%;height:100%;object-fit:cover}.special div{padding:30px}.special h3{font-size:26px;color:#3d554a;font-weight:400;margin:0 0 14px}.price{font-size:20px;color:#9c7539;margin-top:18px}.menu-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.menu-box{background:#fffaf1;border:1px solid #dfcfad;box-shadow:var(--shadow);padding:18px}.menu-box img{height:138px;width:100%;object-fit:cover;margin-bottom:15px}.menu-box h3{text-align:center;color:#3d554a;margin:0 0 12px;font-weight:400;font-size:22px}.menu-row{display:flex;justify-content:space-between;border-bottom:1px solid #e0cfaa;padding:9px 0;font-size:14px}.staff-grid{display:grid;grid-template-columns:2fr 1fr;gap:28px}.staff-list{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.staff-card{background:#fffaf1;border:1px solid #dfcfad;box-shadow:var(--shadow);padding:16px}.staff-card img{height:220px;width:100%;object-fit:cover;object-position:top}.staff-card h3{font-size:24px;font-weight:400;color:#3d554a;margin:14px 0 2px}.staff-card .role{color:#9d7538;font-weight:700}.staff-card p{line-height:1.75;color:#66665b}.duty{background:#fffaf1;border:1px solid #dfcfad;box-shadow:var(--shadow);padding:28px}.duty-row{display:flex;align-items:center;gap:14px;border-bottom:1px solid #e0cfaa;padding:14px 0}.duty-row img{width:58px;height:58px;border-radius:50%;object-fit:cover}.visit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.visit-card{text-align:center;background:#fffaf1;border:1px solid #dfcfad;box-shadow:var(--shadow);padding:28px}.visit-card .ico{width:48px;height:48px;margin:0 auto 10px;display:grid;place-items:center}.visit-card .ico img{width:42px;height:42px;object-fit:contain}.map-box{margin-top:30px;background:#efe4cf;border:1px solid #d2bd93;box-shadow:var(--shadow);padding:24px;display:grid;grid-template-columns:1.3fr .7fr;gap:20px}.map-image{width:100%;height:360px;object-fit:cover;object-position:center;border:1px solid #c7ad7b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}.gallery-filters{text-align:center;margin-bottom:26px}.gallery-filters button{background:#fffaf1;border:1px solid #d2bd93;color:#60523d;padding:10px 28px;margin:6px;border-radius:20px}.gallery-filters button.active{background:#b38a49;color:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery-item{position:relative;overflow:hidden;border:1px solid #d4c09b;box-shadow:var(--shadow);background:#fff}.gallery-item.large{grid-row:span 2}.gallery-item img{height:260px;width:100%;object-fit:cover}.gallery-item.large img{height:534px}.gallery-item span{position:absolute;left:0;right:0;bottom:0;color:#fff;padding:22px;background:linear-gradient(transparent,rgba(31,52,44,.8));font-size:18px}.guide-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.guide-card{text-align:center;background:#fffaf1;border:1px solid #dfcfad;box-shadow:var(--shadow);padding:25px 16px}.guide-card .ico{width:48px;height:48px;margin:0 auto 10px;display:grid;place-items:center}.guide-card .ico img{width:42px;height:42px;object-fit:contain}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.faq{background:#fffaf1;border:1px solid #dfcfad;box-shadow:var(--shadow);padding:28px}.faq p{border-bottom:1px solid #e0cfaa;padding:12px 0;margin:0}.music{position:fixed;right:18px;bottom:18px;background:rgba(255,252,245,.9);border:1px solid #d4c09b;box-shadow:0 10px 28px rgba(83,59,29,.16);padding:9px 13px;z-index:60;color:#4a5c52}.music button{border:0;background:#24463c;color:#fff;border-radius:20px;padding:7px 10px;margin-right:8px}.reveal{opacity:0;transform:translateY(16px);transition:.7s ease}.reveal.show{opacity:1;transform:none}
@media(max-width:900px){.nav{height:auto;padding:12px 0}.brand img{width:90px;height:90px}.navlinks{display:none;position:absolute;left:0;right:0;top:100%;background:#fffaf1;border-bottom:1px solid #d7c4a1;padding:18px;grid-template-columns:1fr 1fr}.navlinks.open{display:grid}.mobile-toggle{display:block}.hero-inner{margin-left:22px;width:calc(100% - 44px)}.split,.feature-box,.carousel-grid,.explore-grid,.footer-grid,.image-text-grid,.concept-grid,.steps,.menu-specials,.menu-columns,.staff-grid,.staff-list,.visit-grid,.map-box,.gallery-grid,.guide-cards,.faq-grid{grid-template-columns:1fr}.special{grid-template-columns:1fr}.entry-card{grid-template-columns:1fr}.entry-card img{height:160px}.gallery-item.large img,.gallery-item img{height:260px}.feature{border-right:0;border-bottom:1px solid #dcc59c}.feature:last-child{border-bottom:0}.hero{min-height:420px}.hero h1{font-size:42px}}

/* Video Hero background for HOME */
.video-hero{background:#12382f;overflow:hidden}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:saturate(.96) contrast(.98) brightness(.92)}
.video-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,58,47,.74) 0%,rgba(27,70,58,.56) 42%,rgba(27,70,58,.28) 100%),rgba(20,58,48,.18);z-index:1;pointer-events:none}
.video-hero .hero-inner{z-index:2}
.ico img,.big-ico img{display:block}


/* === ChatGPT refinements 2026-06-02 === */
/* Softer video overlay and tighter address label. */
.flourish{letter-spacing:.055em;font-size:25px;white-space:nowrap;max-width:100%;}
.video-hero::before{background:linear-gradient(90deg,rgba(18,58,47,.50) 0%,rgba(27,70,58,.36) 43%,rgba(27,70,58,.14) 100%),rgba(20,58,48,.08)}
.hero-video{filter:saturate(.98) contrast(.99) brightness(.98)}

/* Make the small SCENERY label visually centered with its title module. */
.section-title .eyebrow{display:block;text-align:center;margin:0 auto 6px;line-height:1.2;}
.scenery .section-title{margin-top:0;}

/* Keep Explore buttons aligned across all four cards. */
.entry-card .content{display:flex;flex-direction:column;align-items:flex-start;min-width:0;}
.entry-card p{margin-bottom:18px;}
.entry-card .small-btn{margin-top:auto;align-self:flex-start;}

/* Footer now uses only two balanced columns. */
.footer-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;justify-items:center;text-align:left;}
.footer-grid-compact>div{width:100%;max-width:300px;}

/* ABOUT page refinements. */
.steps-three{grid-template-columns:repeat(3,1fr);max-width:900px;margin:0 auto;gap:42px;}
.about-space-grid{grid-template-columns:repeat(4,1fr);}
.about-space-grid .image-text-card img{height:185px;}

@media(max-width:1100px){.about-space-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.flourish{font-size:18px;letter-spacing:.03em;white-space:normal}.steps-three,.about-space-grid,.footer-grid-compact{grid-template-columns:1fr}.footer-grid-compact{text-align:center}.footer-grid-compact>div{max-width:none}.about-space-grid .image-text-card img{height:220px}}


/* === 2026-06-03 white-green style refresh and menu B plan === */
body{background:#fbf8ef;}
.page-bg{background:linear-gradient(180deg,#fffdf8 0%,#fbf7ed 35%,#f5eddf 100%);}
.light-section,.paper-section{background:linear-gradient(180deg,rgba(255,253,247,.78),rgba(247,240,226,.72));border-top:1px solid rgba(209,190,154,.22);border-bottom:1px solid rgba(209,190,154,.16);}
.light-section + .light-section,.paper-section + .paper-section{border-top:0;}
.paper-card,.feature-box,.entry-card,.image-text-card,.visit-card,.staff-card,.duty,.faq,.guide-card,.menu-box,.special{background:rgba(255,252,246,.84);border-color:rgba(207,184,139,.62);box-shadow:0 14px 34px rgba(80,62,36,.10);}
.paper-card::before{border-color:rgba(179,138,73,.12)}
.footer{border-top:1px solid rgba(214,189,133,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.brand img{filter:drop-shadow(0 7px 14px rgba(90,65,35,.12));}
.hero-spacer{visibility:hidden;}

/* Menu page B plan */
.menu-page-section{padding-top:38px;}
.menu-anchor{position:sticky;top:140px;z-index:20;display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:0 auto 34px;padding:10px 12px;background:rgba(255,252,246,.82);backdrop-filter:blur(8px);border:1px solid rgba(207,184,139,.58);border-radius:999px;width:max-content;max-width:100%;box-shadow:0 10px 24px rgba(81,64,38,.08)}
.menu-anchor a{min-width:148px;text-align:center;color:#2c4e42;border:1px solid rgba(179,138,73,.5);padding:10px 24px;border-radius:999px;font-weight:700;background:rgba(255,255,255,.42);}
.menu-anchor a:hover{background:#24463c;color:#fff;border-color:#24463c;}
.menu-showcase{position:relative;margin:0 auto 42px;max-width:1120px;scroll-margin-top:180px;}
.menu-banner{width:100%;aspect-ratio:1491/1055;object-fit:cover;border:2px solid rgba(183,139,72,.72);border-radius:18px;box-shadow:0 20px 44px rgba(59,43,22,.20);background:#111;}
.menu-showcase::before{content:"";position:absolute;inset:-9px;border:1px solid rgba(183,139,72,.45);border-radius:24px;pointer-events:none;}
.menu-side-label{position:absolute;left:-120px;top:50%;transform:translateY(-50%);color:#315247;text-align:center;font-size:22px;line-height:1.4;}
.menu-side-label span{display:block;writing-mode:vertical-rl;letter-spacing:.12em;}
.menu-side-label em{display:block;font-size:14px;color:#9c7539;font-style:italic;margin-top:8px;}
.menu-list-panel{margin:18px auto 0;padding:22px 28px;background:rgba(255,252,246,.84);border:1px solid rgba(207,184,139,.58);box-shadow:0 12px 28px rgba(80,62,36,.09);}
.menu-list-panel h2{margin:0 0 6px;text-align:center;font-weight:400;font-size:30px;color:#30483f;letter-spacing:.08em;}
.menu-list-panel p{text-align:center;margin:0 0 16px;color:#7a6f59;}
.menu-list-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 16px;}
.menu-list-grid span{padding:10px 14px;border-bottom:1px solid rgba(207,184,139,.52);color:#42594f;text-align:center;}
.menu-list-dessert{grid-template-columns:repeat(2,minmax(0,1fr));max-width:560px;margin:auto;}
@media(max-width:1370px){.menu-side-label{position:static;transform:none;display:flex;justify-content:center;gap:10px;margin:0 0 12px}.menu-side-label span{writing-mode:initial}.menu-side-label em{margin:0;align-self:center}.menu-anchor{top:108px}}
@media(max-width:900px){.menu-anchor{position:static;border-radius:18px;width:100%;}.menu-anchor a{width:100%;}.menu-list-grid,.menu-list-dessert{grid-template-columns:1fr}.menu-banner{border-radius:12px}.menu-showcase::before{display:none}}


/* Lamb Cafe final precise patch */
body.about-page .hero,
body.menu-page .hero,
body.gallery-page .hero,
body.rp-guide-page .hero,
body.staff-page .hero,
body.visit-page .hero {
  min-height: 430px !important;
}

.gallery-page .gallery-grid {
  width: min(100%, 1180px) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 28px !important;
}

.gallery-page .gallery-filters {
  width: min(100%, 960px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.gallery-page .gallery-filter-hidden {
  display: none !important;
}

.gallery-page .gallery-filters button {
  cursor: pointer;
}

.gallery-page .gallery-item img {
  width: 100% !important;
  object-fit: cover !important;
}

@media (max-width: 1000px) {
  .gallery-page .gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .gallery-page .gallery-grid {
    grid-template-columns: 1fr !important;
  }
}
/* End Lamb Cafe final precise patch */


/* Lamb Cafe persistent shell / PJAX */
.site-content{display:block;opacity:1;transition:opacity .28s ease;}
.site-content.is-pjax-leaving{opacity:0;}
body.lamb-pjax-loading{cursor:progress;}
body.gallery-lightbox-open{overflow:hidden;}

/* Lamb Cafe shell hero morph / desktop menu button guard */
.site-header .mobile-toggle{display:none!important;}
@media(max-width:900px){.site-header .mobile-toggle{display:block!important;}}
body.home-page .site-content > .hero,
body.home-page .site-content > .video-hero{min-height:470px;height:470px;}
body.lamb-inner-hero-unified:not(.home-page) .site-content > .hero,
body.lamb-inner-hero-unified:not(.home-page) .site-content > .visit-hero{min-height:430px;height:430px;}
.site-content > .hero{transition:min-height .52s cubic-bezier(.2,.82,.22,1),height .52s cubic-bezier(.2,.82,.22,1);}
@media(max-width:900px){
  body.home-page .site-content > .hero,
  body.home-page .site-content > .video-hero{min-height:420px;height:420px;}
  body.lamb-inner-hero-unified:not(.home-page) .site-content > .hero,
  body.lamb-inner-hero-unified:not(.home-page) .site-content > .visit-hero{min-height:380px;height:380px;}
}

/* ===== Lamb Cafe final responsive/shell polish ===== */
body.home-page .site-content > .hero,
body.home-page .site-content > .video-hero{
  min-height:503px !important;
  height:503px !important;
}
body.home-page .site-content > .hero > .hero-inner{
  margin-left:max(72px,calc((100vw - 1180px)/2 + 24px)) !important;
  width:min(760px,calc(100vw - max(72px,calc((100vw - 1180px)/2 + 24px)) - 72px)) !important;
}
.hero > .hero-inner.reveal,
.visit-hero > .hero-inner.reveal{
  animation:none !important;
}
@media(max-width:1370px) and (min-width:901px){
  .menu-anchor{
    top:154px !important;
    margin-top:18px !important;
    z-index:45 !important;
  }
  .menu-page-section,
  .menu-page-section .container,
  .menu-showcase{
    overflow:visible !important;
  }
}
@media(max-width:900px){
  body.home-page .site-content > .hero,
  body.home-page .site-content > .video-hero{
    min-height:450px !important;
    height:450px !important;
  }
  body.home-page .site-content > .hero > .hero-inner{
    margin-left:32px !important;
    width:calc(100% - 64px) !important;
  }
  .site-header .navlinks{
    display:none !important;
  }
  .site-header .navlinks.open{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:14px;
    position:absolute;
    left:0;
    right:0;
    top:100%;
    background:#fffaf1;
    border-bottom:1px solid #d7c4a1;
    padding:18px;
    box-shadow:0 18px 36px rgba(83,59,29,.12);
  }
  .site-header .mobile-toggle{
    display:block !important;
  }
}
/* ===== End Lamb Cafe final responsive/shell polish ===== */

/* Keep Hero text visible when it is not being controlled by shell transition. */
.hero:not(.hero-shell-fading):not(.hero-shell-entering):not(.hero-shell-ready) > .hero-inner.reveal,
.visit-hero:not(.hero-shell-fading):not(.hero-shell-entering):not(.hero-shell-ready) > .hero-inner.reveal{
  opacity:1 !important;
  animation:none !important;
}
body.home-page .hero:not(.hero-shell-fading):not(.hero-shell-entering):not(.hero-shell-ready) > .hero-inner.reveal{
  transform:none !important;
}
body.lamb-inner-hero-unified:not(.home-page) .hero:not(.hero-shell-fading):not(.hero-shell-entering):not(.hero-shell-ready) > .hero-inner.reveal,
body.lamb-inner-hero-unified:not(.home-page) .visit-hero:not(.hero-shell-fading):not(.hero-shell-entering):not(.hero-shell-ready) > .hero-inner.reveal{
  transform:translateY(-50%) !important;
}


/* STAFF photo rules: card/thumb/full preview separation */
.staff-card:not(.expanded) .portrait img{
  object-fit:cover;
  object-position:center center;
}
.photo-strip img{
  object-fit:cover;
  object-position:center center;
}
.hover-preview{
  display:grid;
  place-items:center;
  align-items:center;
  justify-items:center;
  width:100vw;
  height:100dvh;
}
.preview-stage{
  width:100vw;
  height:100dvh;
  max-width:100vw;
  max-height:100dvh;
  display:grid;
  place-items:center;
}
.preview-layer{
  display:grid;
  place-items:center;
  align-items:center;
  justify-items:center;
  transition:opacity 520ms ease, transform 520ms ease;
}
.preview-layer img{
  max-width:min(92vw, 1500px);
  max-height:88dvh;
  width:auto;
  height:auto;
  object-fit:contain;
  object-position:center center;
}


/* Lamb Cafe dark mode shell */

.theme-toggle{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 12px;border:1px solid rgba(182,144,82,.34);border-radius:999px;background:linear-gradient(180deg,rgba(255,253,247,.94),rgba(247,239,225,.96));box-shadow:0 10px 24px rgba(86,62,33,.10);color:#375c4f;cursor:pointer;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background-color .45s ease,color .45s ease;flex:0 0 auto}
.theme-toggle:hover{transform:translateY(-1px);box-shadow:0 14px 26px rgba(86,62,33,.16);border-color:rgba(182,144,82,.54)}
.theme-toggle:focus-visible{outline:2px solid #b69052;outline-offset:3px}
.theme-toggle-track{position:relative;display:flex;align-items:center;justify-content:space-between;width:56px;height:30px;padding:0 8px;border-radius:999px;background:linear-gradient(180deg,#f8e7ab,#e9c975 56%,#d7ad49 100%);box-shadow:inset 0 1px 3px rgba(255,255,255,.55), inset 0 -1px 3px rgba(96,58,15,.18)}
.theme-toggle-thumb{position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fffef8 0 42%,#ecd7aa 70%,#d0af68 100%);box-shadow:0 4px 10px rgba(71,48,21,.25);transition:transform .36s ease,background .36s ease}
.theme-toggle-sun,.theme-toggle-moon{font-size:12px;line-height:1;color:#6f4e1c;z-index:1}
.theme-toggle-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}
.theme-toggle-copy strong{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.theme-toggle-copy small{font-size:11px;color:#6b6b61;letter-spacing:.08em}
html.theme-dark .theme-toggle{background:linear-gradient(180deg,rgba(35,50,45,.96),rgba(22,32,29,.98));border-color:rgba(206,181,121,.38);box-shadow:0 12px 28px rgba(0,0,0,.28);color:#f1e8d6}
html.theme-dark .theme-toggle-copy small{color:#ceb98a}
html.theme-dark .theme-toggle-track{background:linear-gradient(180deg,#21352f,#172821 65%,#101c17 100%)}
html.theme-dark .theme-toggle-thumb{transform:translateX(26px);background:radial-gradient(circle at 35% 35%,#fffef6 0 40%,#efe3bf 58%,#c7b279 76%,#9a854a 100%)}
.theme-transition-layer{position:fixed;inset:0;pointer-events:none;opacity:0;z-index:160;background:radial-gradient(circle at 18% 18%,rgba(255,233,176,.52),transparent 38%),linear-gradient(140deg,rgba(10,22,19,.0),rgba(10,22,19,.0))}
.theme-transition-layer.animate{animation:lambThemeWash .72s ease both}
.theme-transition-layer.to-dark{background:radial-gradient(circle at 18% 18%,rgba(255,233,176,.24),transparent 30%),linear-gradient(140deg,rgba(12,25,22,.08),rgba(12,25,22,.88))}
.theme-transition-layer.to-light{background:radial-gradient(circle at 18% 18%,rgba(255,247,218,.50),transparent 30%),linear-gradient(140deg,rgba(255,247,223,.84),rgba(255,247,223,.0))}
@keyframes lambThemeWash{0%{opacity:0}20%{opacity:.55}65%{opacity:.48}100%{opacity:0}}
@media (max-width: 1120px){.nav{gap:18px}.navlinks{gap:22px}.theme-toggle-copy{display:none}.theme-toggle{padding:8px 10px}.theme-toggle-track{width:52px;height:28px}.theme-toggle-thumb{width:22px;height:22px}}
@media (max-width: 860px){.theme-toggle{margin-left:auto;order:2}.mobile-toggle{order:3}.navlinks{order:4;width:100%}}
@media (max-width: 620px){.theme-toggle-track{width:48px;height:26px}.theme-toggle-thumb{width:20px;height:20px}.theme-toggle-sun,.theme-toggle-moon{font-size:10px}html.theme-dark .theme-toggle-thumb{transform:translateX(22px)}}

/* Dark theme palette */
html.theme-dark body, html.theme-dark .page, html.theme-dark .page-bg{color:#efe6d7}
html.theme-dark .page-bg{background:radial-gradient(circle at 12% 10%,rgba(255,255,255,.06),transparent 30%),linear-gradient(180deg,#10211c 0%,#152922 42%,#0d1713 100%)}
html.theme-dark .site-header{background:rgba(17,28,24,.92);border-bottom-color:rgba(211,184,120,.26);box-shadow:0 10px 24px rgba(0,0,0,.22)}
html.theme-dark .navlinks a{color:#d8cfba}
html.theme-dark .navlinks a span{color:#b6a886}
html.theme-dark .navlinks a.active,html.theme-dark .navlinks a:hover{color:#f5ebda}
html.theme-dark .navlinks a.active::after,html.theme-dark .navlinks a:hover::after{background:#d3b467}
html.theme-dark .mobile-toggle{background:#1b2f28;color:#f1e8d6;border-color:rgba(208,183,124,.42)}
html.theme-dark .footer{background:linear-gradient(180deg,rgba(11,20,17,.95),rgba(9,16,13,.98));border-top:1px solid rgba(211,184,120,.18);color:#e6dbc7}
html.theme-dark .footer h4,html.theme-dark .footer a,html.theme-dark .footer-bottom{color:#f0e5d2}
html.theme-dark .footer p{color:#d1c3ab}
html.theme-dark .music,html.theme-dark .music-body,html.theme-dark .music-volume-popover{background:linear-gradient(180deg,rgba(20,32,28,.98),rgba(13,23,20,.98));color:#f1e8d6;border-color:rgba(211,184,120,.24);box-shadow:0 16px 34px rgba(0,0,0,.28)}
html.theme-dark .music-title,html.theme-dark #musicCurrent,html.theme-dark #musicDuration{color:#f1e8d6}
html.theme-dark .music-disc{box-shadow:0 12px 24px rgba(0,0,0,.36)}
html.theme-dark .music-progress-wrap input[type=range]{background:linear-gradient(90deg,#8e7441 0%,#8e7441 var(--progress,0%),rgba(255,255,255,.18) var(--progress,0%),rgba(255,255,255,.18) 100%)}
html.theme-dark .music-volume-toggle,html.theme-dark .music-toggle-icon{color:#f1e8d6}
html.theme-dark .music-toggle-icon{background:rgba(255,255,255,.06);border-color:rgba(211,184,120,.28)}
html.theme-dark .music-volume-popover input[type=range]{background:linear-gradient(90deg,#8e7441 0%,#8e7441 calc(var(--volume-progress,50) * 1%),rgba(255,255,255,.18) calc(var(--volume-progress,50) * 1%),rgba(255,255,255,.18) 100%)}
html.theme-dark #siteContent, html.theme-dark .site-content{color:#efe6d7}
html.theme-dark .hero-inner,html.theme-dark .visit-hero-content,html.theme-dark .staff-hero-content,html.theme-dark .gallery-hero-content,html.theme-dark .rp-hero-content,html.theme-dark .menu-hero-content,html.theme-dark .page-hero-content,html.theme-dark .inner-hero-content{color:#fbf3e6;text-shadow:0 4px 16px rgba(0,0,0,.38)}
html.theme-dark .section-title,html.theme-dark .hero-en,html.theme-dark .hero-subtitle,html.theme-dark .subtitle,html.theme-dark h2,html.theme-dark h3,html.theme-dark h4,html.theme-dark .feature strong{color:#f3e7d3}
html.theme-dark p,html.theme-dark li,html.theme-dark .feature,html.theme-dark .journal-card-more,html.theme-dark .channel-desc,html.theme-dark .service-accordion-content,html.theme-dark .gallery-journal-note,html.theme-dark .visit-card p,html.theme-dark .contact-discord-card p{color:#dbcbb2}
html.theme-dark a{color:#ecd4a1}
html.theme-dark .entry-card,html.theme-dark .paper-card,html.theme-dark .image-text-card,html.theme-dark .journal-card,html.theme-dark .photo-card,html.theme-dark .visit-card,html.theme-dark .visit-side-card,html.theme-dark .contact-discord-card,html.theme-dark .map-frame,html.theme-dark .service-accordion-item,html.theme-dark .services-faq-accordion .service-accordion-item,html.theme-dark .staff-card,html.theme-dark .staff-card.expanded,html.theme-dark .menu-page-section,html.theme-dark .menu-showcase,html.theme-dark .gallery-story-lightbox,html.theme-dark .discord-iframe-shell,html.theme-dark .discord-channel-list,html.theme-dark .discord-iframe-head,html.theme-dark .full-map-stage,html.theme-dark .full-map-modal,html.theme-dark .about-page .paper-section,html.theme-dark .light-section,html.theme-dark .paper-section{background:linear-gradient(180deg,rgba(25,40,34,.96),rgba(18,30,26,.98));border-color:rgba(211,184,120,.18)!important;box-shadow:0 16px 32px rgba(0,0,0,.20)}
html.theme-dark .menu-anchor,html.theme-dark .service-accordion-toggle,html.theme-dark .gallery-item .journal-card-more,html.theme-dark .map-open-btn,html.theme-dark .full-map-close,html.theme-dark .discord-channel-btn,html.theme-dark .music-volume-popover,html.theme-dark .contact-discord-card,html.theme-dark .visit-map-open-fixed,html.theme-dark .journal-card .journal-card-more{color:#f0e5d2}
html.theme-dark .service-accordion-toggle,html.theme-dark .discord-channel-btn,html.theme-dark .menu-anchor,html.theme-dark .map-open-btn,html.theme-dark .full-map-close,html.theme-dark .journal-card-more{background:linear-gradient(180deg,rgba(35,57,49,.92),rgba(21,34,29,.96));border-color:rgba(211,184,120,.24)}
html.theme-dark .discord-channel-btn.is-active,html.theme-dark .menu-anchor.is-active,html.theme-dark .service-accordion-item.is-open .service-accordion-toggle{background:linear-gradient(180deg,rgba(77,65,34,.92),rgba(54,44,23,.96));border-color:rgba(224,197,132,.42)}
html.theme-dark .staff-card .meta,html.theme-dark .staff-card .caption,html.theme-dark .staff-card .role,html.theme-dark .visit-side-card .small,html.theme-dark .gallery-item .tag,html.theme-dark .gallery-story-lightbox .tag{color:#cfba8c}
html.theme-dark .gallery-story-lightbox,html.theme-dark .hover-preview,html.theme-dark .full-map-modal{background:rgba(5,10,8,.82)}
html.theme-dark .preview-layer img,html.theme-dark .full-map-stage img{box-shadow:0 18px 40px rgba(0,0,0,.34)}
html.theme-dark .about-space-grid .feature,html.theme-dark .feature{background:transparent}
html.theme-dark .brand img{filter:drop-shadow(0 7px 14px rgba(0,0,0,.30))}
html.theme-dark .map-open-btn:hover,html.theme-dark .discord-channel-btn:hover,html.theme-dark .service-accordion-toggle:hover,html.theme-dark .journal-card-more:hover,html.theme-dark .menu-anchor:hover{transform:translateY(-1px)}
html.theme-dark .hero::after, html.theme-dark .visit-hero::after, html.theme-dark .staff-hero::after, html.theme-dark .gallery-hero::after, html.theme-dark .rp-hero::after, html.theme-dark .menu-hero::after, html.theme-dark .page-hero::after, html.theme-dark .inner-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,18,15,.18),rgba(10,18,15,.38));pointer-events:none}
html.theme-dark .hero, html.theme-dark .visit-hero, html.theme-dark .staff-hero, html.theme-dark .gallery-hero, html.theme-dark .rp-hero, html.theme-dark .menu-hero, html.theme-dark .page-hero, html.theme-dark .inner-hero{position:relative;isolation:isolate}

/* color transition targets for theme switching */
.page-bg,.site-header,.footer,.music,.music-body,.music-volume-popover,.entry-card,.paper-card,.image-text-card,.journal-card,.photo-card,.visit-card,.visit-side-card,.contact-discord-card,.map-frame,.service-accordion-item,.staff-card,.menu-page-section,.menu-showcase,.gallery-story-lightbox,.discord-iframe-shell,.discord-channel-list,.discord-iframe-head,.full-map-stage,.full-map-modal,.navlinks a,.navlinks a span,.section-title,.hero-inner,.visit-hero-content,.staff-hero-content,.gallery-hero-content,.rp-hero-content,.menu-hero-content,.page-hero-content,.inner-hero-content,.theme-toggle,.theme-toggle-thumb{transition:background-color .42s ease,color .42s ease,border-color .42s ease,box-shadow .42s ease,transform .28s ease}



/* ============================================================
   Lamb Cafe dark mode contrast refinement 2026-06-13
   修正項目：導航列偏黑髒、Logo 對比不足、BGM/HOME/ABOUT/MENU/STAFF/VISIT/GALLERY/SERVICES
   夜間模式文字與背景對比不足，以及部分區塊過亮問題。
   ============================================================ */

html.theme-dark{
  --lc-night-bg:#0f2a22;
  --lc-night-bg-deep:#0a1b16;
  --lc-night-panel:#132f27;
  --lc-night-panel-2:#18372e;
  --lc-night-panel-soft:#203f35;
  --lc-night-paper:#17352c;
  --lc-night-paper-2:#10271f;
  --lc-night-line:rgba(220,188,112,.38);
  --lc-night-line-soft:rgba(220,188,112,.22);
  --lc-night-cream:#f5ead3;
  --lc-night-text:#e8dcc3;
  --lc-night-muted:#cbb892;
  --lc-night-gold:#dfbf76;
  --lc-night-gold-2:#f0d99e;
  --lc-night-green-text:#83d2ad;
}

/* 1. 外殼導航列：維持與日間相近透明度，但改為乾淨深綠，不偏黑不發髒 */
html.theme-dark .site-header{
  background:rgba(15,42,34,.94) !important;
  border-bottom:1px solid rgba(223,191,118,.36) !important;
  box-shadow:0 9px 26px rgba(0,0,0,.18) !important;
  backdrop-filter:blur(10px) !important;
}
html.theme-dark .brand img{
  content:url('assets/logo-night.png');
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.32)) drop-shadow(0 0 8px rgba(223,191,118,.16)) !important;
}
html.theme-dark .navlinks a{color:var(--lc-night-cream) !important;text-shadow:0 1px 4px rgba(0,0,0,.28)}
html.theme-dark .navlinks a span{color:#e3d3ad !important}
html.theme-dark .navlinks a.active,html.theme-dark .navlinks a:hover{color:#fff3d8 !important}
html.theme-dark .navlinks a.active::after,html.theme-dark .navlinks a:hover::after{background:var(--lc-night-gold) !important}

/* 2. BGM 播放器：文字與控制項提高對比 */
html.theme-dark .music,
html.theme-dark .music-body,
html.theme-dark .music-volume-popover{
  background:rgba(16,43,35,.94) !important;
  border-color:rgba(223,191,118,.42) !important;
  color:var(--lc-night-cream) !important;
}
html.theme-dark .music-title,
html.theme-dark #musicCurrent,
html.theme-dark #musicDuration,
html.theme-dark .music-title-row,
html.theme-dark .music-volume-toggle{
  color:#f7ecd3 !important;
  opacity:1 !important;
}
html.theme-dark .music-volume-toggle span i{background:#d9c07e !important;opacity:1 !important}
html.theme-dark .music-toggle-icon{
  background:#27614f !important;
  border-color:rgba(223,191,118,.35) !important;
  color:#fff1d0 !important;
}
html.theme-dark .music-icon-play{border-left-color:#fff1d0 !important}
html.theme-dark .music-progress-wrap input[type=range]{
  accent-color:#e6c67d;
  filter:brightness(1.04);
}

/* 3. 全站夜間文字通用層級 */
html.theme-dark body,
html.theme-dark #siteContent,
html.theme-dark .site-content{
  color:var(--lc-night-text) !important;
}
html.theme-dark h1,
html.theme-dark h2,
html.theme-dark h3,
html.theme-dark h4,
html.theme-dark .section-title,
html.theme-dark .subtitle,
html.theme-dark .entry-kicker,
html.theme-dark .services-kicker,
html.theme-dark .section-kicker,
html.theme-dark .eyebrow{
  color:var(--lc-night-gold-2) !important;
  opacity:1 !important;
}
html.theme-dark p,
html.theme-dark li,
html.theme-dark span,
html.theme-dark .intro-text,
html.theme-dark .content,
html.theme-dark .short,
html.theme-dark .expanded-intro,
html.theme-dark .game-id,
html.theme-dark .role,
html.theme-dark .service-note{
  color:var(--lc-night-text) !important;
}

/* 4. 全站深色面板：避免仍顯示日間米白卡片 */
html.theme-dark .light-section,
html.theme-dark .paper-section,
html.theme-dark .paper-card,
html.theme-dark .feature-box,
html.theme-dark .entry-card,
html.theme-dark .home-guide-card,
html.theme-dark .image-text-card,
html.theme-dark .visit-card,
html.theme-dark .visit-side-card,
html.theme-dark .contact-discord-card,
html.theme-dark .map-frame,
html.theme-dark .menu-page-section,
html.theme-dark .menu-showcase,
html.theme-dark .menu-list-panel,
html.theme-dark .staff-section,
html.theme-dark .staff-card,
html.theme-dark .staff-card.expanded,
html.theme-dark .journal-card,
html.theme-dark .gallery-journal-board,
html.theme-dark .services-intro-card,
html.theme-dark .services-quick-notes,
html.theme-dark .service-accordion-item,
html.theme-dark .services-faq-accordion .service-accordion-item{
  background:linear-gradient(180deg,rgba(19,47,39,.98),rgba(12,31,25,.98)) !important;
  border-color:var(--lc-night-line-soft) !important;
  color:var(--lc-night-text) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03) !important;
}

/* HOME：內文與探索卡片 */
html.theme-dark .home-page .feature,
html.theme-dark .home-page .feature strong,
html.theme-dark .home-page .entry-card h3,
html.theme-dark .home-page .entry-card .entry-kicker,
html.theme-dark .home-page .entry-card p,
html.theme-dark .home-page .entry-card span{
  color:var(--lc-night-cream) !important;
  opacity:1 !important;
}
html.theme-dark .home-page .entry-card{
  background:linear-gradient(180deg,rgba(22,54,45,.98),rgba(13,34,28,.99)) !important;
}
html.theme-dark .home-page .entry-card .small-btn,
html.theme-dark .home-page .small-btn,
html.theme-dark .btn{
  background:#214f41 !important;
  border:1px solid rgba(223,191,118,.28) !important;
  color:#fff5d8 !important;
}
html.theme-dark .home-page .entry-card .entry-kicker{color:#e5c379 !important}
html.theme-dark .home-page .entry-card h3{color:#f7ecd3 !important}

/* ABOUT：卡片與步驟文字拉開層次 */
html.theme-dark .about-page .paper-card,
html.theme-dark .about-page .image-text-card,
html.theme-dark .about-page .step,
html.theme-dark .about-space-grid .feature{
  background:linear-gradient(180deg,rgba(20,49,41,.98),rgba(12,31,25,.98)) !important;
  border:1px solid var(--lc-night-line-soft) !important;
  color:var(--lc-night-text) !important;
}
html.theme-dark .about-page .paper-card p,
html.theme-dark .about-page .image-text-card p,
html.theme-dark .about-page .step p,
html.theme-dark .about-page .feature p{
  color:#eadfc9 !important;
}
html.theme-dark .about-page .num{
  background:#e4c578 !important;
  color:#11291f !important;
  box-shadow:0 0 0 4px rgba(228,197,120,.14) !important;
}

/* MENU：主食/飲品/甜點列表區不再米白過亮，文字清楚 */
html.theme-dark .menu-page .menu-page-section,
html.theme-dark .menu-page .menu-list-panel,
html.theme-dark .menu-page .menu-showcase{
  background:linear-gradient(180deg,rgba(19,48,40,.99),rgba(11,29,24,.99)) !important;
  border:1px solid rgba(223,191,118,.32) !important;
}
html.theme-dark .menu-page .menu-list-panel h2,
html.theme-dark .menu-page .menu-list-panel h3,
html.theme-dark .menu-page .menu-list-panel .subtitle,
html.theme-dark .menu-page .menu-list-panel p,
html.theme-dark .menu-page .menu-list-panel li,
html.theme-dark .menu-page .menu-list-grid,
html.theme-dark .menu-page .menu-list-grid *{
  color:#f3e5c8 !important;
  opacity:1 !important;
}
html.theme-dark .menu-page .menu-list-panel h2,
html.theme-dark .menu-page .menu-list-panel h3{
  color:#f0d99e !important;
}
html.theme-dark .menu-page .menu-list-grid > *,
html.theme-dark .menu-page .menu-list-grid li,
html.theme-dark .menu-page .menu-list-grid div{
  border-color:rgba(223,191,118,.28) !important;
}
html.theme-dark .menu-page .menu-side-label,
html.theme-dark .menu-page .menu-side-label *{
  color:#e5c379 !important;
}
html.theme-dark .menu-page .menu-anchor{
  background:rgba(35,83,68,.96) !important;
  color:#fff1d0 !important;
  border:1px solid rgba(223,191,118,.32) !important;
}
html.theme-dark .menu-page .menu-anchor.is-active,
html.theme-dark .menu-page .menu-anchor:hover{
  background:rgba(207,177,105,.86) !important;
  color:#10291f !important;
}

/* STAFF：背景過亮修正、小卡與大卡文字提高對比 */
html.theme-dark .staff-page .light-section,
html.theme-dark .staff-page .paper-section,
html.theme-dark .staff-section{
  background:linear-gradient(180deg,#0f2a22 0%,#0b211b 100%) !important;
}
html.theme-dark .staff-card{
  background:linear-gradient(180deg,rgba(20,49,41,.99),rgba(11,29,24,.99)) !important;
  border-color:rgba(223,191,118,.26) !important;
}
html.theme-dark .staff-card .name,
html.theme-dark .staff-card h3{
  color:#f6ead1 !important;
}
html.theme-dark .staff-card .role,
html.theme-dark .staff-card .game-id{
  color:#e4c578 !important;
}
html.theme-dark .staff-card .short,
html.theme-dark .staff-card p,
html.theme-dark .staff-card span{
  color:#eadfc9 !important;
}
html.theme-dark .staff-card .detail-box{
  border-left-color:#d8ad56 !important;
  background:rgba(255,255,255,.025) !important;
}
html.theme-dark .staff-card .detail-box b,
html.theme-dark .staff-card .detail-box strong{
  color:#f0d99e !important;
}
html.theme-dark .staff-card .detail-box span{
  color:#ddcfb7 !important;
}
html.theme-dark .staff-card .close-btn{
  background:#e4c578 !important;
  color:#10291f !important;
}

/* VISIT / DISCORD：區塊不要太亮，文字清楚 */
html.theme-dark .visit-page .light-section,
html.theme-dark .visit-page .paper-section{
  background:linear-gradient(180deg,#102b23,#0b211b) !important;
}
html.theme-dark .discord-panel,
html.theme-dark .discord-main-row,
html.theme-dark .discord-layout-container,
html.theme-dark .discord-channel-list,
html.theme-dark .discord-iframe-shell,
html.theme-dark .discord-iframe-viewport,
html.theme-dark .discord-iframe-head{
  background:linear-gradient(180deg,rgba(19,48,40,.99),rgba(11,29,24,.99)) !important;
  border-color:rgba(223,191,118,.24) !important;
  color:#f3e5c8 !important;
}
html.theme-dark .discord-section-head h2,
html.theme-dark .discord-section-head p,
html.theme-dark .discord-iframe-head,
html.theme-dark .discord-iframe-head *,
html.theme-dark .channel-name,
html.theme-dark .channel-desc{
  color:#f3e5c8 !important;
  opacity:1 !important;
}
html.theme-dark .discord-channel-btn{
  background:linear-gradient(180deg,rgba(33,79,65,.98),rgba(19,50,41,.98)) !important;
  color:#f3e5c8 !important;
  border-color:rgba(223,191,118,.32) !important;
}
html.theme-dark .discord-channel-btn.active,
html.theme-dark .discord-channel-btn.is-active{
  background:linear-gradient(180deg,rgba(230,200,125,.96),rgba(202,161,78,.96)) !important;
  color:#10291f !important;
}
html.theme-dark .discord-channel-btn.active .channel-name,
html.theme-dark .discord-channel-btn.is-active .channel-name,
html.theme-dark .discord-channel-btn.active .channel-desc,
html.theme-dark .discord-channel-btn.is-active .channel-desc{
  color:#10291f !important;
}

/* GALLERY：卡片標題與燈箱文字對比 */
html.theme-dark .gallery-page .gallery-album-wrap,
html.theme-dark .gallery-page .gallery-journal-board{
  background:linear-gradient(180deg,rgba(19,48,40,.99),rgba(11,29,24,.99)) !important;
  border-color:rgba(223,191,118,.24) !important;
}
html.theme-dark .gallery-page .journal-card{
  background:linear-gradient(180deg,rgba(17,43,35,.99),rgba(10,28,23,.99)) !important;
  border-color:rgba(223,191,118,.28) !important;
}
html.theme-dark .gallery-page .journal-card h3,
html.theme-dark .gallery-page .journal-card .journal-title{
  color:#f0d99e !important;
  opacity:1 !important;
}
html.theme-dark .gallery-page .journal-card p,
html.theme-dark .gallery-page .journal-card span{
  color:#eadfc9 !important;
}
html.theme-dark .gallery-page .journal-card-more{
  background:#255b49 !important;
  color:#fff5d8 !important;
  border-color:rgba(223,191,118,.32) !important;
}
html.theme-dark .gallery-story-lightbox,
html.theme-dark .gallery-story-panel{
  background:linear-gradient(180deg,rgba(18,44,37,.99),rgba(9,25,20,.99)) !important;
  color:#eadfc9 !important;
  border-color:rgba(223,191,118,.35) !important;
}
html.theme-dark .gallery-story-copy,
html.theme-dark .gallery-story-text,
html.theme-dark .gallery-story-copy p,
html.theme-dark .gallery-story-copy span{
  color:#eadfc9 !important;
  opacity:1 !important;
}
html.theme-dark .gallery-story-copy h2,
html.theme-dark .gallery-story-copy h3,
html.theme-dark .gallery-story-label{
  color:#f0d99e !important;
  opacity:1 !important;
}
html.theme-dark .gallery-story-close{
  background:#f0d99e !important;
  color:#10291f !important;
}

/* SERVICES：導言卡、右側小卡、手風琴展開區與綠字標題 */
html.theme-dark .services-page .services-intro-card,
html.theme-dark .services-page .services-quick-notes,
html.theme-dark .services-page .services-overview-grid,
html.theme-dark .services-page .services-overview-column,
html.theme-dark .services-page .services-page-section,
html.theme-dark .services-page .services-faq-section{
  background:linear-gradient(180deg,rgba(19,48,40,.99),rgba(11,29,24,.99)) !important;
  border-color:rgba(223,191,118,.24) !important;
  color:#eadfc9 !important;
}
html.theme-dark .services-page .services-intro-card h1,
html.theme-dark .services-page .services-intro-card h2,
html.theme-dark .services-page .services-intro-card p,
html.theme-dark .services-page .services-intro-copy,
html.theme-dark .services-page .services-quick-notes *,
html.theme-dark .services-page .service-note{
  color:#eadfc9 !important;
  opacity:1 !important;
}
html.theme-dark .services-page .services-intro-card h1,
html.theme-dark .services-page .services-intro-card h2,
html.theme-dark .services-page .services-kicker{
  color:#f0d99e !important;
}
html.theme-dark .services-page .service-accordion-item{
  background:linear-gradient(180deg,rgba(18,44,37,.99),rgba(10,28,23,.99)) !important;
  border-color:rgba(223,191,118,.25) !important;
}
html.theme-dark .services-page .service-accordion-toggle{
  background:linear-gradient(180deg,rgba(33,79,65,.98),rgba(18,47,38,.98)) !important;
  color:#f3e5c8 !important;
}
html.theme-dark .services-page .service-accordion-item.is-open .service-accordion-toggle{
  background:linear-gradient(180deg,rgba(90,72,36,.96),rgba(60,48,25,.98)) !important;
}
html.theme-dark .services-page .service-acc-heading,
html.theme-dark .services-page .service-accordion-toggle h3,
html.theme-dark .services-page .service-accordion-toggle strong{
  color:#f0d99e !important;
}
html.theme-dark .services-page .service-accordion-toggle p,
html.theme-dark .services-page .service-accordion-toggle span{
  color:#eadfc9 !important;
}
html.theme-dark .services-page .service-accordion-content,
html.theme-dark .services-page .service-accordion-panel{
  background:linear-gradient(180deg,rgba(16,39,32,.98),rgba(10,27,22,.98)) !important;
  color:#eadfc9 !important;
}
html.theme-dark .services-page .service-accordion-content p,
html.theme-dark .services-page .service-accordion-content li,
html.theme-dark .services-page .service-accordion-content span,
html.theme-dark .services-page .service-accordion-panel p,
html.theme-dark .services-page .service-accordion-panel li,
html.theme-dark .services-page .service-accordion-panel span{
  color:#eadfc9 !important;
  opacity:1 !important;
}
html.theme-dark .services-page .service-acc-number{
  background:#0c7a5d !important;
  color:#fff3d8 !important;
}
html.theme-dark .services-page .service-acc-icon{
  background:#e5c379 !important;
  color:#0f2a22 !important;
}

/* 防止日間米白色殘留成大面積亮塊 */
html.theme-dark [style*="background:#fff"],
html.theme-dark [style*="background: #fff"],
html.theme-dark [style*="background-color:#fff"],
html.theme-dark [style*="background-color: #fff"]{
  background:linear-gradient(180deg,rgba(19,48,40,.99),rgba(11,29,24,.99)) !important;
}

/* 按鈕 / 線條 / 標籤通用補強 */
html.theme-dark button,
html.theme-dark .small-btn,
html.theme-dark .map-open-btn,
html.theme-dark .full-map-close,
html.theme-dark .journal-card-more,
html.theme-dark .discord-join-button{
  color:#fff5d8 !important;
}
html.theme-dark .flourish,
html.theme-dark .orn-line,
html.theme-dark .ornament-line{
  border-color:rgba(223,191,118,.48) !important;
  color:#dfbf76 !important;
}




/* ============================================================
   Lamb Cafe final dark-mode details + Services FAQ guide images
   2026-06-13
   ============================================================ */

/* Services FAQ guide images */
.faq-guide-content{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.faq-guide-image{
  margin:4px 0 0;
  border:1px solid rgba(188,142,67,.32);
  border-radius:18px;
  overflow:hidden;
  background:#10291f;
  box-shadow:0 16px 34px rgba(0,0,0,.16);
}
.faq-guide-image img{
  display:block;
  width:100%;
  height:auto;
}

/* Let service accordion panels fully show image content after open */
.services-accordion .service-accordion-panel{
  overflow:hidden;
}
.services-accordion .service-accordion-item.is-open .service-accordion-panel{
  overflow:visible;
}

/* First-visit day mode is script-controlled; these are only dark-mode refinements. */

/* 2. Services page right-side quick notes: remove leftover bright capsules in night mode */
html.theme-dark .services-page .services-quick-notes{
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
}
html.theme-dark .services-page .services-quick-notes > div{
  background:linear-gradient(180deg,rgba(28,70,58,.98),rgba(16,43,35,.99)) !important;
  border:1px solid rgba(225,194,121,.34) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05) !important;
  color:#eadfc9 !important;
}
html.theme-dark .services-page .services-quick-notes > div strong{
  color:#f0d99e !important;
  opacity:1 !important;
}
html.theme-dark .services-page .services-quick-notes > div span{
  color:#eadfc9 !important;
  opacity:1 !important;
}
html.theme-dark .services-page .services-quick-notes > div::before,
html.theme-dark .services-page .services-quick-notes > div:before{
  background:#dfbf76 !important;
  box-shadow:0 0 0 4px rgba(223,191,118,.14) !important;
}

/* Services FAQ panels with guide images in night mode */
html.theme-dark .services-page .services-faq-accordion .service-accordion-item,
html.theme-dark .services-page .services-faq-accordion .service-accordion-toggle,
html.theme-dark .services-page .services-faq-accordion .service-accordion-content{
  background:linear-gradient(180deg,rgba(21,53,44,.98),rgba(12,32,26,.99)) !important;
  color:#eadfc9 !important;
  border-color:rgba(225,194,121,.30) !important;
}
html.theme-dark .services-page .services-faq-accordion .service-acc-heading strong{
  color:#f0d99e !important;
}
html.theme-dark .services-page .services-faq-accordion p{
  color:#eadfc9 !important;
}

/* 3. Gallery lightbox label in night mode: keep day-mode green text */
html.theme-dark .gallery-story-label,
html.theme-dark .gallery-story-copy .gallery-story-label,
html.theme-dark .gallery-story-copy span.gallery-story-label{
  background:rgba(240,217,158,.96) !important;
  color:#194638 !important;
  border:1px solid rgba(255,240,194,.72) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.22) !important;
  opacity:1 !important;
  font-weight:700 !important;
}

/* 4. Gallery lightbox dark-mode overlay: translucent and blurry, still showing page behind */
html.theme-dark .gallery-story-lightbox{
  background:transparent !important;
}
html.theme-dark .gallery-story-backdrop{
  background:rgba(8,28,23,.46) !important;
  backdrop-filter:blur(8px) saturate(.88) !important;
  -webkit-backdrop-filter:blur(8px) saturate(.88) !important;
}
html.theme-dark .gallery-story-lightbox.is-open .gallery-story-backdrop{
  opacity:1 !important;
}
html.theme-dark .gallery-story-panel{
  background:linear-gradient(180deg,rgba(19,48,40,.98),rgba(10,28,23,.98)) !important;
  border:1px solid rgba(225,194,121,.38) !important;
  box-shadow:0 26px 80px rgba(0,0,0,.34) !important;
}
html.theme-dark .gallery-story-copy{
  background:transparent !important;
}

/* Keep day mode label exactly readable too */
.gallery-story-label{
  color:#194638;
}




/* Lamb Cafe Services FAQ spacing refinement 2026-06-13 */
.services-faq-accordion .service-accordion-content.faq-guide-content{
  padding-top:28px !important;
}
.services-faq-accordion .service-accordion-content.faq-guide-content p{
  margin-top:0 !important;
  margin-bottom:10px !important;
  line-height:2.05 !important;
}
.services-faq-accordion .service-accordion-content.faq-guide-content p + p{
  margin-top:2px !important;
}
.services-faq-accordion .service-accordion-content.faq-guide-content .faq-guide-image{
  margin-top:20px !important;
}
html.theme-dark .services-faq-accordion .service-accordion-content.faq-guide-content{
  padding-top:30px !important;
}




/* ============================================================
   Lamb Cafe BGM record-player playlist UI
   英倫復古留聲機 + 羊皮紙歌單抽屜
   ============================================================ */
.lamb-record-player{
  width:min(470px, calc(100vw - 34px)) !important;
  min-height:92px !important;
  align-items:center !important;
  gap:12px !important;
  padding:12px 14px 12px 12px !important;
  border-radius:0 !important;
  border:1px solid rgba(116,83,35,.36) !important;
  background:linear-gradient(180deg,rgba(255,253,246,.94),rgba(244,235,218,.95)) !important;
  box-shadow:0 18px 42px rgba(80,55,22,.16), inset 0 1px 0 rgba(255,255,255,.68) !important;
}
.lamb-record-player .music-disc{
  width:74px !important;
  height:74px !important;
  flex:0 0 74px !important;
}
.lamb-record-player .music-body{
  min-width:0 !important;
  flex:1 1 auto !important;
}
.lamb-record-player .music-head{
  align-items:flex-start !important;
  gap:10px !important;
}
.lamb-record-player .music-title-row{
  align-items:flex-start !important;
  gap:10px !important;
  width:100% !important;
}
.music-title-stack{
  min-width:0;
  flex:1 1 auto;
  padding-top:1px;
}
.lamb-record-player .music-title{
  color:#234f43 !important;
  font-size:15px !important;
  font-weight:700 !important;
  letter-spacing:.03em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.music-track-meta{
  margin-top:2px;
  color:#9b7b3e;
  font-size:11px;
  letter-spacing:.10em;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.music-actions{
  display:flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
}
.music-mini-btn,
.music-playlist-toggle{
  width:28px;
  height:28px;
  border-radius:999px;
  border:1px solid rgba(45,83,67,.24);
  background:rgba(255,250,236,.78);
  color:#214f41;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 6px 14px rgba(80,55,22,.08);
  transition:transform .22s ease, background .22s ease, border-color .22s ease, color .22s ease;
}
.music-mini-btn{
  font-size:23px;
  line-height:1;
  font-family:Georgia, serif;
  padding-bottom:2px;
}
.music-playlist-toggle{
  flex-direction:column;
  gap:3px;
}
.music-playlist-toggle span{
  display:block;
  width:12px;
  height:2px;
  border-radius:999px;
  background:currentColor;
}
.music-mini-btn:hover,
.music-playlist-toggle:hover{
  transform:translateY(-1px);
  background:#214f41;
  color:#fff6dd;
  border-color:rgba(188,142,67,.34);
}
.music-playlist-popover{
  position:absolute;
  right:14px;
  bottom:calc(100% + 12px);
  width:min(330px, calc(100vw - 40px));
  padding:14px;
  border:1px solid rgba(178,132,56,.38);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,250,238,.98),rgba(242,229,202,.98));
  box-shadow:0 24px 54px rgba(55,38,16,.22), inset 0 1px 0 rgba(255,255,255,.7);
  opacity:0;
  transform:translateY(10px) scale(.98);
  pointer-events:none;
  transition:opacity .26s ease, transform .26s ease;
  z-index:5;
}
.music-playlist-popover.is-open{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}
.music-playlist-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  padding:0 2px 10px;
  border-bottom:1px solid rgba(180,135,62,.24);
  margin-bottom:10px;
}
.music-playlist-head strong{
  color:#234f43;
  letter-spacing:.13em;
  text-transform:uppercase;
  font-size:13px;
}
.music-playlist-head span{
  color:#9b7b3e;
  font-size:12px;
  letter-spacing:.08em;
}
.music-playlist-list{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.music-track-item{
  width:100%;
  display:flex;
  align-items:center;
  gap:10px;
  text-align:left;
  padding:10px 11px;
  border-radius:15px;
  border:1px solid rgba(40,81,66,.14);
  background:rgba(255,255,255,.42);
  cursor:pointer;
  color:#224d40;
  transition:transform .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.music-track-item:hover,
.music-track-item.is-active{
  transform:translateY(-1px);
  background:rgba(35,79,65,.95);
  border-color:rgba(188,142,67,.34);
  box-shadow:0 10px 20px rgba(58,42,20,.14);
  color:#fff4d7;
}
.music-track-no{
  width:32px;
  height:32px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 32px;
  background:rgba(191,147,72,.18);
  color:#b07d30;
  font-size:12px;
  font-weight:700;
  letter-spacing:.06em;
}
.music-track-item:hover .music-track-no,
.music-track-item.is-active .music-track-no{
  background:#e5c37c;
  color:#103326;
}
.music-track-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.music-track-copy strong{
  font-size:14px;
  color:inherit;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.music-track-copy em{
  font-style:normal;
  font-size:11px;
  color:rgba(35,79,65,.68);
  letter-spacing:.08em;
}
.music-track-item:hover .music-track-copy em,
.music-track-item.is-active .music-track-copy em{
  color:rgba(255,244,215,.72);
}

/* Dark mode record-player */
html.theme-dark .lamb-record-player{
  background:linear-gradient(180deg,rgba(16,43,35,.96),rgba(10,29,23,.98)) !important;
  border-color:rgba(223,191,118,.38) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
html.theme-dark .lamb-record-player .music-title{
  color:#f6ead1 !important;
}
html.theme-dark .music-track-meta{
  color:#d5b66e !important;
}
html.theme-dark .music-mini-btn,
html.theme-dark .music-playlist-toggle{
  background:rgba(34,82,67,.76) !important;
  border-color:rgba(223,191,118,.28) !important;
  color:#fff3d2 !important;
}
html.theme-dark .music-mini-btn:hover,
html.theme-dark .music-playlist-toggle:hover{
  background:#e4c578 !important;
  color:#0d2a21 !important;
}
html.theme-dark .music-playlist-popover{
  background:linear-gradient(180deg,rgba(19,48,40,.98),rgba(11,31,25,.98)) !important;
  border-color:rgba(223,191,118,.38) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
html.theme-dark .music-playlist-head{
  border-bottom-color:rgba(223,191,118,.24) !important;
}
html.theme-dark .music-playlist-head strong{
  color:#f0d99e !important;
}
html.theme-dark .music-playlist-head span{
  color:#d8c397 !important;
}
html.theme-dark .music-track-item{
  background:rgba(255,255,255,.045) !important;
  border-color:rgba(223,191,118,.16) !important;
  color:#eadfc9 !important;
}
html.theme-dark .music-track-item:hover,
html.theme-dark .music-track-item.is-active{
  background:linear-gradient(180deg,rgba(224,191,118,.92),rgba(183,134,56,.92)) !important;
  color:#0e2a21 !important;
}
html.theme-dark .music-track-no{
  background:rgba(223,191,118,.16) !important;
  color:#e8c87f !important;
}
html.theme-dark .music-track-item:hover .music-track-no,
html.theme-dark .music-track-item.is-active .music-track-no{
  background:#0e2a21 !important;
  color:#f5e4b7 !important;
}
html.theme-dark .music-track-copy em{
  color:#cdbb94 !important;
}
html.theme-dark .music-track-item:hover .music-track-copy em,
html.theme-dark .music-track-item.is-active .music-track-copy em{
  color:rgba(14,42,33,.74) !important;
}

/* Mobile: keep the record player elegant but compact */
@media (max-width: 620px){
  .lamb-record-player{
    width:calc(100vw - 24px) !important;
    padding:10px !important;
    gap:8px !important;
  }
  .lamb-record-player .music-disc{
    width:58px !important;
    height:58px !important;
    flex-basis:58px !important;
  }
  .lamb-record-player .music-title{
    font-size:13px !important;
  }
  .music-track-meta{
    font-size:10px;
  }
  .music-mini-btn,
  .music-playlist-toggle{
    width:25px;
    height:25px;
  }
  .music-actions{
    gap:4px;
  }
  .music-playlist-popover{
    right:6px;
    width:calc(100vw - 28px);
  }
}

/* Services FAQ section top spacing: reduce overly large blank space above FAQ */
.services-page .services-faq-section{
  padding-top:48px !important;
}
.services-page .services-faq-section .services-section-title{
  margin-bottom:34px !important;
}
@media (max-width: 768px){
  .services-page .services-faq-section{
    padding-top:34px !important;
  }
}




/* ============================================================
   Lamb Cafe BGM player refinement: record-only song switching
   2026-06-13
   ============================================================ */

/* 1. 唱片放大 15%，並往左外伸 */
.lamb-record-player{
  padding-left:18px !important;
}
.lamb-record-player .music-disc{
  width:86px !important;
  height:86px !important;
  flex-basis:86px !important;
  margin-left:-34px !important;
  margin-right:2px !important;
  transform:translateX(-2px);
  overflow:hidden;
}
.lamb-record-player.is-playing .music-disc{
  animation:spin 5.5s linear infinite;
}

/* 移除中間切歌按鈕後，控制區更簡潔 */
.lamb-record-player .music-actions{
  gap:8px !important;
}
.lamb-record-player .music-playlist-toggle{
  width:32px !important;
  height:32px !important;
}

/* 4. 不同曲目使用不同唱片色彩 / 圖案 */
.lamb-record-player .music-disc::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  opacity:.95;
  mix-blend-mode:screen;
  pointer-events:none;
}
.lamb-record-player .music-disc::after{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:50%;
  border:1px solid rgba(255,231,170,.34);
  box-shadow:inset 0 0 0 10px rgba(0,0,0,.08), inset 0 0 18px rgba(255,232,170,.16);
  pointer-events:none;
}
.lamb-record-player[data-track="1"] .music-disc{
  background:
    radial-gradient(circle at 50% 50%,#f2c66f 0 7%,#0e382c 8% 13%,transparent 14%),
    repeating-conic-gradient(from 12deg,rgba(227,185,91,.72) 0 7deg,rgba(64,38,16,.18) 7deg 11deg,rgba(14,24,18,.72) 11deg 25deg),
    radial-gradient(circle,#1f1209 0 26%,#0c0805 27% 100%) !important;
}
.lamb-record-player[data-track="2"] .music-disc{
  background:
    radial-gradient(circle at 50% 50%,#d7e0e4 0 7%,#173f54 8% 13%,transparent 14%),
    repeating-conic-gradient(from 0deg,rgba(97,151,172,.76) 0 9deg,rgba(15,40,55,.76) 9deg 23deg,rgba(225,218,190,.26) 23deg 28deg),
    radial-gradient(circle,#112a38 0 30%,#071419 31% 100%) !important;
}
.lamb-record-player[data-track="3"] .music-disc{
  background:
    radial-gradient(circle at 50% 50%,#f4d99e 0 7%,#6b3e1b 8% 13%,transparent 14%),
    repeating-radial-gradient(circle,rgba(255,226,172,.16) 0 3px,transparent 3px 7px),
    repeating-conic-gradient(from 28deg,rgba(133,74,28,.76) 0 8deg,rgba(26,16,9,.76) 8deg 18deg,rgba(214,158,76,.28) 18deg 23deg),
    radial-gradient(circle,#2a1308 0 30%,#110804 31% 100%) !important;
}
.lamb-record-player[data-track="4"] .music-disc{
  background:
    radial-gradient(circle at 50% 50%,#d6c79b 0 7%,#284d60 8% 13%,transparent 14%),
    linear-gradient(110deg,rgba(66,104,117,.58),transparent 40%),
    repeating-conic-gradient(from 6deg,rgba(25,60,72,.84) 0 10deg,rgba(9,29,37,.86) 10deg 25deg,rgba(199,174,103,.32) 25deg 30deg),
    radial-gradient(circle,#0d2630 0 29%,#061217 30% 100%) !important;
}

/* 8. 歌單展開與播放中 / 選取中的偽加載動畫 */
.music-playlist-popover{
  transform-origin:bottom right;
}
.music-playlist-popover.is-auto-intro{
  animation:lambPlaylistSlideUp .72s cubic-bezier(.2,.85,.25,1) both;
}
@keyframes lambPlaylistSlideUp{
  0%{opacity:0;transform:translateY(18px) scale(.96)}
  100%{opacity:1;transform:translateY(0) scale(1)}
}
.music-track-item{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.music-track-item::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,#1f563f,#255f48);
  transform-origin:left center;
  transform:scaleX(0);
  opacity:0;
  pointer-events:none;
}
.music-track-item.is-cueing::before,
.music-track-item.is-playing-row::before{
  opacity:1;
  animation:lambRecordLoad 1.45s cubic-bezier(.18,.8,.25,1) both;
}
.music-track-item.is-cueing,
.music-track-item.is-playing-row{
  border-color:rgba(188,142,67,.42) !important;
  box-shadow:0 10px 22px rgba(58,42,20,.12);
}
.music-track-item.is-cueing .music-track-copy strong,
.music-track-item.is-playing-row .music-track-copy strong,
.music-track-item.is-cueing .music-track-copy em,
.music-track-item.is-playing-row .music-track-copy em{
  animation:lambRecordTextFlip 1.45s ease both;
}
.music-track-item.is-cueing .music-track-no,
.music-track-item.is-playing-row .music-track-no{
  animation:lambRecordNoFlip 1.45s ease both;
}
@keyframes lambRecordLoad{
  0%{transform:scaleX(0)}
  100%{transform:scaleX(1)}
}
@keyframes lambRecordTextFlip{
  0%,35%{color:#214f41}
  100%{color:#fff5d8}
}
@keyframes lambRecordNoFlip{
  0%,35%{background:rgba(191,147,72,.18);color:#b07d30}
  100%{background:#e5c37c;color:#103326}
}
.music-track-item.is-cueing,
.music-track-item.is-playing-row{
  background:rgba(255,255,255,.72) !important;
  color:#fff5d8 !important;
}

/* Dark mode: loading animation still shows from pale base to green */
html.theme-dark .music-track-item.is-cueing,
html.theme-dark .music-track-item.is-playing-row{
  background:rgba(255,248,226,.90) !important;
}
html.theme-dark .music-track-item::before{
  background:linear-gradient(90deg,#255b49,#2d6b55) !important;
}
html.theme-dark .music-track-item.is-cueing .music-track-copy strong,
html.theme-dark .music-track-item.is-playing-row .music-track-copy strong,
html.theme-dark .music-track-item.is-cueing .music-track-copy em,
html.theme-dark .music-track-item.is-playing-row .music-track-copy em{
  animation:lambRecordTextFlipDark 1.45s ease both;
}
@keyframes lambRecordTextFlipDark{
  0%,35%{color:#0e2a21}
  100%{color:#fff5d8}
}

/* 歌單內的非播放項維持深綠質感，播放項才做讀取動畫 */
.music-track-item.is-active:not(.is-cueing):not(.is-playing-row){
  background:#245747 !important;
  color:#fff5d8 !important;
}
html.theme-dark .music-track-item.is-active:not(.is-cueing):not(.is-playing-row){
  background:#245747 !important;
  color:#fff5d8 !important;
}

/* 手機版唱片稍微收斂，避免擋住邊界 */
@media (max-width:620px){
  .lamb-record-player .music-disc{
    width:67px !important;
    height:67px !important;
    flex-basis:67px !important;
    margin-left:-20px !important;
  }
}








/* ============================================================
   Lamb Cafe BGM player — final compact moving-track refinement
   2026-06-13
   - 曲目條完整留在可視區內，並與播放器形成一體。
   - 進度條 / 音量整排往左收。
   - 唱盤播放時用 rotate 屬性持續旋轉，不受 transform:none 影響。
   - 歌單展開/收合以底部為穩定基準，上緣伸縮。
   ============================================================ */

@keyframes lambRecordSpin {
  from { rotate: 0deg; }
  to { rotate: 360deg; }
}
@keyframes spin {
  from { rotate: 0deg; }
  to { rotate: 360deg; }
}

.lamb-player-single-track,
.lamb-record-player-v2{
  --track-row-width: 215px;
  --track-row-height: 47px;

  box-sizing:border-box !important;
  position:fixed !important;
  right:70px !important;
  bottom:24px !important;
  z-index:60 !important;

  width:min(445px, calc(100vw - 108px)) !important;
  height:83px !important;
  min-height:83px !important;
  max-height:83px !important;

  display:block !important;
  padding:27px 46px 10px 104px !important;
  margin:0 !important;
  overflow:visible !important;

  border-radius:0 !important;
  border:1px solid rgba(126,92,38,.38) !important;
  background:linear-gradient(180deg,rgba(255,253,246,.96),rgba(246,238,222,.96)) !important;
  box-shadow:0 16px 34px rgba(71,49,20,.15), inset 0 1px 0 rgba(255,255,255,.72) !important;
  color:#4a5c52 !important;
}

/* 唱盤：定位不使用 transform；旋轉使用 rotate keyframes */
.lamb-player-single-track .music-disc,
.lamb-record-player-v2 .music-disc{
  box-sizing:border-box !important;
  position:absolute !important;
  left:-25px !important;
  top:8px !important;
  width:67px !important;
  height:67px !important;
  min-width:67px !important;
  min-height:67px !important;
  flex:0 0 67px !important;

  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  rotate:0deg;
  transform-origin:50% 50% !important;
  border-radius:50% !important;
  overflow:hidden !important;
  z-index:3 !important;

  background:#10100c center/cover no-repeat !important;
  box-shadow:
    0 10px 20px rgba(30,20,8,.23),
    0 0 0 2px rgba(36,30,18,.94),
    0 0 0 4px rgba(219,190,118,.34),
    inset 0 0 14px rgba(255,234,178,.14) !important;
}
.lamb-player-single-track.is-playing .music-disc,
.lamb-record-player-v2.is-playing .music-disc{
  animation:lambRecordSpin 7.2s linear infinite !important;
  animation-play-state:running !important;
}
.lamb-player-single-track:not(.is-playing) .music-disc,
.lamb-record-player-v2:not(.is-playing) .music-disc{
  animation-play-state:paused !important;
}
.lamb-player-single-track .music-disc span,
.lamb-record-player-v2 .music-disc span{ display:none !important; }
.lamb-player-single-track .music-disc::before,
.lamb-record-player-v2 .music-disc::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:linear-gradient(118deg,rgba(255,255,255,.34),rgba(255,255,255,0) 31%,rgba(255,245,194,.10) 53%,rgba(255,255,255,0) 72%);
  mix-blend-mode:screen;
  opacity:.62;
  pointer-events:none;
}
.lamb-player-single-track .music-disc::after,
.lamb-record-player-v2 .music-disc::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:radial-gradient(circle at 50% 50%,transparent 0 17%,rgba(255,242,194,.12) 17.4% 18.2%,transparent 18.8% 44%,rgba(255,242,194,.10) 44.4% 45.1%,transparent 45.7%);
  pointer-events:none;
}
.lamb-player-single-track[data-track="1"] .music-disc,.lamb-record-player-v2[data-track="1"] .music-disc{background-image:url('assets/records/record-01.svg') !important;}
.lamb-player-single-track[data-track="2"] .music-disc,.lamb-record-player-v2[data-track="2"] .music-disc{background-image:url('assets/records/record-02.svg') !important;}
.lamb-player-single-track[data-track="3"] .music-disc,.lamb-record-player-v2[data-track="3"] .music-disc{background-image:url('assets/records/record-03.svg') !important;}
.lamb-player-single-track[data-track="4"] .music-disc,.lamb-record-player-v2[data-track="4"] .music-disc{background-image:url('assets/records/record-04.svg') !important;}

/* 左上清單 / 左下播放：保持正圓 */
.lamb-player-single-track .music-side-controls,
.lamb-record-player-v2 .music-side-controls{
  position:absolute !important;
  left:51px !important;
  top:14px !important;
  width:27px !important;
  height:56px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:0 !important;
  z-index:4 !important;
}
.lamb-player-single-track .music-side-btn,
.lamb-player-single-track .music-toggle-icon,
.lamb-player-single-track .music-playlist-toggle,
.lamb-record-player-v2 .music-side-btn,
.lamb-record-player-v2 .music-toggle-icon,
.lamb-record-player-v2 .music-playlist-toggle{
  box-sizing:border-box !important;
  width:27px !important;
  height:27px !important;
  min-width:27px !important;
  max-width:27px !important;
  min-height:27px !important;
  max-height:27px !important;
  aspect-ratio:1 / 1 !important;
  flex:0 0 27px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:#174d3f !important;
  color:#fff8df !important;
  box-shadow:0 6px 12px rgba(24,57,45,.15), inset 0 1px 0 rgba(255,255,255,.08) !important;
  transition:transform .22s ease, background .22s ease, box-shadow .22s ease !important;
}
.lamb-player-single-track .music-side-btn:hover,
.lamb-record-player-v2 .music-side-btn:hover{
  transform:translateY(-1px) !important;
  background:#22624f !important;
}
.lamb-player-single-track .music-playlist-toggle,
.lamb-record-player-v2 .music-playlist-toggle{
  flex-direction:column !important;
  gap:3px !important;
}
.lamb-player-single-track .music-playlist-toggle span,
.lamb-record-player-v2 .music-playlist-toggle span{
  width:13px !important;
  height:2px !important;
  background:currentColor !important;
  border-radius:999px !important;
}
.lamb-player-single-track .music-icon-play,
.lamb-record-player-v2 .music-icon-play{
  margin-left:2px !important;
  border-left-width:10px !important;
  border-top-width:6px !important;
  border-bottom-width:6px !important;
}
.lamb-player-single-track .music-icon-pause i,
.lamb-record-player-v2 .music-icon-pause i{
  height:12px !important;
  width:4px !important;
}

/* 主體 */
.lamb-player-single-track .music-body,
.lamb-record-player-v2 .music-body{
  position:relative !important;
  width:100% !important;
  height:46px !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}

/* 曲目條：改由右側安全距離控制，完整留在 viewport 內，也更像疊在播放器上 */
.music-now-slot{
  position:absolute !important;
  left:auto !important;
  right:-8px !important;
  top:-39px !important;
  width:var(--track-row-width) !important;
  height:var(--track-row-height) !important;
  z-index:5 !important;
  pointer-events:auto !important;
}

/* 曲目條：收合 / 歌單內大小一致，不縮放、不變形 */
.music-track-item,
.music-now-card{
  box-sizing:border-box !important;
  width:var(--track-row-width) !important;
  height:var(--track-row-height) !important;
  min-height:var(--track-row-height) !important;

  display:flex !important;
  align-items:center !important;
  gap:9px !important;

  margin:0 !important;
  padding:6px 13px 6px 8px !important;

  border-radius:20px !important;
  border:1px solid rgba(31,82,65,.10) !important;
  background:linear-gradient(180deg,#2c6a55,#235848) !important;
  color:#fff7dc !important;
  box-shadow:0 8px 16px rgba(28,72,58,.14), inset 0 1px 0 rgba(255,255,255,.08) !important;
  overflow:hidden !important;
  position:relative !important;
  text-align:left !important;
  cursor:pointer !important;
  isolation:isolate;
}
.music-track-item::before{ z-index:-1 !important; }
.music-track-item.is-moving-track{ pointer-events:none !important; }
.music-track-item.is-active,
.music-track-item.is-playing-row,
.music-track-item.is-cueing{
  background:linear-gradient(180deg,#2c6a55,#235848) !important;
  color:#fff7dc !important;
}
.music-track-no{
  box-sizing:border-box !important;
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  flex:0 0 34px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  border-radius:50% !important;
  color:#133a30 !important;
  background:linear-gradient(180deg,#efd37c,#d8ad54) !important;
  font-weight:800 !important;
  font-size:12px !important;
  letter-spacing:.05em !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38), 0 3px 8px rgba(0,0,0,.12) !important;
  position:relative !important;
  z-index:1 !important;
}
.music-track-copy{
  min-width:0 !important;
  flex:1 1 auto !important;
  position:relative !important;
  z-index:1 !important;
  display:block !important;
}
.music-track-copy strong,
.lamb-player-single-track .music-title,
.lamb-record-player-v2 .music-title{
  display:block !important;
  margin:0 !important;
  font-size:13px !important;
  line-height:1.12 !important;
  color:#fff8e1 !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
  text-shadow:0 1px 0 rgba(0,0,0,.10) !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.music-track-copy em,
.lamb-player-single-track .music-track-meta,
.lamb-record-player-v2 .music-track-meta{
  display:block !important;
  margin-top:3px !important;
  font-size:8px !important;
  line-height:1 !important;
  color:rgba(255,244,214,.72) !important;
  letter-spacing:.06em !important;
  font-weight:700 !important;
  font-style:normal !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* 進度列：刪除時間文字，整排稍微往左收，音量在右側且不出界 */
.lamb-player-single-track .music-progress-wrap,
.lamb-record-player-v2 .music-progress-wrap{
  position:absolute !important;
  left:-18px !important;
  right:24px !important;
  bottom:0 !important;

  height:24px !important;
  display:grid !important;
  grid-template-columns:minmax(125px,1fr) 27px !important;
  align-items:center !important;
  gap:9px !important;
  margin:0 !important;
  padding:0 !important;
}
.lamb-player-single-track #musicCurrent,
.lamb-record-player-v2 #musicCurrent,
.lamb-player-single-track .music-duration-hidden,
.lamb-player-single-track #musicDuration,
.lamb-record-player-v2 .music-duration-hidden,
.lamb-record-player-v2 #musicDuration{
  display:none !important;
}
.lamb-player-single-track #musicProgress,
.lamb-record-player-v2 #musicProgress{
  grid-column:1 !important;
  width:100% !important;
  min-width:125px !important;
  margin:0 !important;
}
.lamb-player-single-track .music-volume-corner,
.lamb-record-player-v2 .music-volume-corner{
  position:static !important;
  grid-column:2 !important;
  box-sizing:border-box !important;

  width:27px !important;
  height:27px !important;
  min-width:27px !important;
  max-width:27px !important;
  min-height:27px !important;
  max-height:27px !important;
  aspect-ratio:1 / 1 !important;

  margin:0 !important;
  padding:0 !important;
  border-radius:9px !important;
  background:rgba(230,235,218,.86) !important;
  border:1px solid rgba(37,81,65,.12) !important;
  box-shadow:0 6px 12px rgba(42,61,48,.11) !important;
  color:#174d3f !important;
}

/* 歌單：固定於播放器上方，不疊播放器主體；高度由 JS 控制，上緣伸縮、下緣穩定 */
.lamb-player-single-track .music-playlist-popover,
.lamb-record-player-v2 .music-playlist-popover{
  position:fixed !important;
  right:auto !important;
  bottom:auto !important;
  width:242px !important;
  max-width:calc(100vw - 24px) !important;
  padding:10px !important;
  border-radius:18px !important;
  transform-origin:bottom center !important;
  z-index:70 !important;
  overflow:hidden !important;
  transition:top .85s cubic-bezier(.2,.82,.22,1), height .85s cubic-bezier(.2,.82,.22,1), opacity .28s ease, transform .28s ease !important;
}
.lamb-player-single-track .music-playlist-list,
.lamb-record-player-v2 .music-playlist-list{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  align-items:flex-start !important;
}
.lamb-player-single-track .music-playlist-head,
.lamb-record-player-v2 .music-playlist-head{
  padding:0 4px 8px !important;
}
.lamb-player-single-track .music-playlist-head span,
.lamb-record-player-v2 .music-playlist-head span{
  font-size:12px !important;
}

/* 保留已確認速度 */
.music-playlist-popover.is-auto-intro{
  animation:lambPlaylistSlideUp 1.2s cubic-bezier(.2,.85,.25,1) both !important;
}
.music-track-item.is-cueing::before,
.music-track-item.is-playing-row::before{
  animation:lambRecordLoad 3s cubic-bezier(.18,.8,.25,1) both !important;
}
.music-track-item.is-cueing .music-track-copy strong,
.music-track-item.is-playing-row .music-track-copy strong,
.music-track-item.is-cueing .music-track-copy em,
.music-track-item.is-playing-row .music-track-copy em{
  animation:lambRecordTextFlip 3s ease both !important;
}
.music-track-item.is-cueing .music-track-no,
.music-track-item.is-playing-row .music-track-no{
  animation:lambRecordNoFlip 3s ease both !important;
}
html.theme-dark .music-track-item.is-cueing .music-track-copy strong,
html.theme-dark .music-track-item.is-playing-row .music-track-copy strong,
html.theme-dark .music-track-item.is-cueing .music-track-copy em,
html.theme-dark .music-track-item.is-playing-row .music-track-copy em{
  animation:lambRecordTextFlipDark 3s ease both !important;
}

/* 夜間模式 */
html.theme-dark .lamb-player-single-track,
html.theme-dark .lamb-record-player-v2{
  background:linear-gradient(180deg,rgba(15,41,34,.96),rgba(10,28,23,.98)) !important;
  border-color:rgba(223,191,118,.38) !important;
}
html.theme-dark .music-track-item,
html.theme-dark .music-now-card{
  background:linear-gradient(180deg,#2d6b55,#1f5141) !important;
}
html.theme-dark .lamb-player-single-track .music-volume-corner,
html.theme-dark .lamb-record-player-v2 .music-volume-corner{
  background:rgba(232,222,194,.16) !important;
  color:#f4df9e !important;
  border-color:rgba(223,191,118,.25) !important;
}

/* 中小尺寸：完整留在可視區內 */
@media (max-width: 640px){
  .lamb-player-single-track,
  .lamb-record-player-v2{
    --track-row-width: 190px;
    --track-row-height: 44px;

    right:44px !important;
    bottom:18px !important;
    width:calc(100vw - 76px) !important;
    height:78px !important;
    min-height:78px !important;
    max-height:78px !important;
    padding:25px 36px 9px 82px !important;
  }
  .lamb-player-single-track .music-disc,
  .lamb-record-player-v2 .music-disc{
    left:-18px !important;
    top:10px !important;
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    min-height:58px !important;
  }
  .lamb-player-single-track .music-side-controls,
  .lamb-record-player-v2 .music-side-controls{
    left:40px !important;
    top:14px !important;
    width:25px !important;
    height:52px !important;
  }
  .lamb-player-single-track .music-side-btn,
  .lamb-player-single-track .music-toggle-icon,
  .lamb-player-single-track .music-playlist-toggle,
  .lamb-record-player-v2 .music-side-btn,
  .lamb-record-player-v2 .music-toggle-icon,
  .lamb-record-player-v2 .music-playlist-toggle{
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    max-width:24px !important;
    min-height:24px !important;
    max-height:24px !important;
    flex-basis:24px !important;
  }
  .music-now-slot{
    left:auto !important;
    right:-3px !important;
    top:-36px !important;
  }
  .music-track-item,
  .music-now-card{
    gap:8px !important;
    border-radius:18px !important;
    padding:5px 10px 5px 7px !important;
  }
  .music-track-no{
    width:31px !important;
    height:31px !important;
    min-width:31px !important;
    flex-basis:31px !important;
    font-size:11px !important;
  }
  .music-track-copy strong,
  .lamb-player-single-track .music-title,
  .lamb-record-player-v2 .music-title{
    font-size:12px !important;
  }
  .music-track-copy em,
  .lamb-player-single-track .music-track-meta,
  .lamb-record-player-v2 .music-track-meta{
    font-size:7px !important;
  }
  .lamb-player-single-track .music-progress-wrap,
  .lamb-record-player-v2 .music-progress-wrap{
    left:-12px !important;
    right:20px !important;
    grid-template-columns:minmax(92px,1fr) 24px !important;
    gap:7px !important;
  }
  .lamb-player-single-track #musicProgress,
  .lamb-record-player-v2 #musicProgress{
    min-width:92px !important;
  }
  .lamb-player-single-track .music-volume-corner,
  .lamb-record-player-v2 .music-volume-corner{
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    max-width:24px !important;
    min-height:24px !important;
    max-height:24px !important;
  }
  .lamb-player-single-track .music-playlist-popover,
  .lamb-record-player-v2 .music-playlist-popover{
    width:214px !important;
  }
}

@media (max-width: 420px){
  .lamb-player-single-track,
  .lamb-record-player-v2{
    --track-row-width: 170px;
    right:30px !important;
    bottom:12px !important;
    width:calc(100vw - 52px) !important;
    padding-left:70px !important;
    padding-right:30px !important;
  }
  .lamb-player-single-track .music-disc,
  .lamb-record-player-v2 .music-disc{
    left:-14px !important;
    top:13px !important;
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    min-height:50px !important;
  }
  .lamb-player-single-track .music-side-controls,
  .lamb-record-player-v2 .music-side-controls{
    left:30px !important;
  }
  .music-now-slot{
    right:-2px !important;
  }
  .lamb-player-single-track .music-playlist-popover,
  .lamb-record-player-v2 .music-playlist-popover{
    width:194px !important;
  }
}

/* ============================================================
   Lamb Cafe BGM Player — safe repair module V2
   2026-06-13
   修復目標：替換上一版播放器修復規則；不再繼續堆疊 patch。
   ============================================================ */

@keyframes lambRecordSpinSafe {
  from { rotate: 0deg; }
  to { rotate: 360deg; }
}
@keyframes spin {
  from { rotate: 0deg; }
  to { rotate: 360deg; }
}

#musicPlayer .music-disc{ rotate:0deg; }
#musicPlayer.is-playing .music-disc{
  animation:lambRecordSpinSafe 7.2s linear infinite !important;
  animation-play-state:running !important;
}
#musicPlayer:not(.is-playing) .music-disc{ animation-play-state:paused !important; }

/* 曲目條與左側按鈕層級：依使用者最新要求
   - 曲目條再往右，右邊界可超出播放器主體
   - 左側曲目表按鈕完整露出，不與綠色曲目條或黃色編號重疊
*/
#musicPlayer .music-now-slot{
  left:auto !important;
  right:-74px !important;
  top:-42px !important;
  z-index:6 !important;
}
#musicPlayer .music-now-card{ cursor:pointer !important; }

/* 左側清單/播放按鈕應顯示在曲目條上方，避免被綠色曲目條或黃色編號遮住 */
#musicPlayer .music-side-controls{
  z-index:16 !important;
}
#musicPlayer .music-playlist-toggle,
#musicPlayer .music-toggle-icon{
  position:relative !important;
  z-index:17 !important;
}

#musicPlayer .music-progress-wrap{
  left:-18px !important;
  right:24px !important;
  grid-template-columns:minmax(125px,1fr) 27px !important;
  gap:9px !important;
}
#musicPlayer #musicCurrent,
#musicPlayer #musicDuration,
#musicPlayer .music-duration-hidden{ display:none !important; }
#musicPlayer #musicProgress{
  grid-column:1 !important;
  min-width:125px !important;
}
#musicPlayer .music-volume-corner{
  position:static !important;
  grid-column:2 !important;
  z-index:8 !important;
}

#musicPlayer .music-playlist-popover,
.music-playlist-popover{
  position:fixed !important;
  right:auto !important;
  bottom:auto !important;
  width:242px !important;
  max-width:calc(100vw - 24px) !important;
  padding:10px 10px 18px !important;
  border-radius:18px !important;
  transform-origin:bottom center !important;
  z-index:70 !important;
  overflow:hidden !important;
  transition:
    top .76s cubic-bezier(.18,.86,.22,1),
    height .76s cubic-bezier(.18,.86,.22,1),
    opacity .24s ease,
    transform .24s ease !important;
}
.music-playlist-popover.is-moving-current{ overflow:visible !important; }
.music-playlist-popover:not(.is-open){ pointer-events:none !important; }
.music-playlist-popover.is-open{ pointer-events:auto !important; }
.music-playlist-popover.is-closing{ pointer-events:none !important; }
.music-playlist-popover.is-closing .music-playlist-head,
.music-playlist-popover.is-closing .music-playlist-list{
  opacity:0 !important;
  transition:opacity .16s ease !important;
}
.music-playlist-popover .music-playlist-list{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  align-items:flex-start !important;
}
.music-playlist-popover .music-playlist-head{ padding:0 4px 8px !important; }
.music-playlist-popover .music-playlist-head span{ font-size:12px !important; }

#musicPlayer,
.music-playlist-popover{
  --track-row-width:215px;
  --track-row-height:54px;
}
#musicPlayer .music-track-item,
#musicPlayer .music-now-card,
.music-playlist-popover .music-track-item,
.music-playlist-popover .music-now-card{
  width:var(--track-row-width) !important;
  height:var(--track-row-height) !important;
  min-height:var(--track-row-height) !important;
  box-sizing:border-box !important;
}
#musicPlayer .music-track-item.is-moving-track,
.music-playlist-popover .music-track-item.is-moving-track{
  width:var(--track-row-width) !important;
  height:var(--track-row-height) !important;
  min-height:var(--track-row-height) !important;
  will-change:transform;
  pointer-events:none !important;
}

/* 曲目條文字：隨高度增加同步放大 */
#musicPlayer .music-track-no,
.music-playlist-popover .music-track-no{
  width:37px !important;
  height:37px !important;
  min-width:37px !important;
  flex-basis:37px !important;
  font-size:13px !important;
}
#musicPlayer .music-track-copy strong,
.music-playlist-popover .music-track-copy strong{
  font-size:14.5px !important;
  line-height:1.12 !important;
}
#musicPlayer .music-track-copy em,
.music-playlist-popover .music-track-copy em{
  font-size:9.5px !important;
  line-height:1.05 !important;
  margin-top:4px !important;
}
#musicPlayer .music-track-item,
#musicPlayer .music-now-card,
.music-playlist-popover .music-track-item,
.music-playlist-popover .music-now-card{
  padding-top:7px !important;
  padding-bottom:7px !important;
}

/* 音量面板：回到播放器內部 absolute 定位，不再使用 fixed + JS 座標 */
#musicPlayer .music-volume-popover,
.music-volume-popover{
  position:absolute !important;
  right:-8px !important;
  bottom:30px !important;
  left:auto !important;
  top:auto !important;
  width:126px !important;
  height:auto !important;
  padding:7px 9px !important;
  border-radius:14px !important;
  background:rgba(255,252,245,.98) !important;
  border:1px solid rgba(179,138,73,.42) !important;
  box-shadow:0 14px 30px rgba(83,59,29,.20) !important;
  opacity:0 !important;
  visibility:hidden !important;
  transform:translateY(5px) !important;
  transition:opacity .22s ease, transform .22s ease, visibility .22s ease !important;
  z-index:120 !important;
  pointer-events:none !important;
}
#musicPlayer .music-volume-popover.is-open,
.music-volume-popover.is-open{
  opacity:1 !important;
  visibility:visible !important;
  transform:translateY(0) !important;
  pointer-events:auto !important;
}

@media (max-width: 560px){
  #musicPlayer.lamb-player-single-track,
  #musicPlayer.lamb-record-player-v2{
    right:24px !important;
    bottom:16px !important;
    width:445px !important;
    height:83px !important;
    min-height:83px !important;
    max-height:83px !important;
    padding:27px 46px 10px 104px !important;
    transform:scale(.86) !important;
    transform-origin:bottom right !important;
  }
  .music-playlist-popover{ width:242px !important; }
}
@media (max-width: 430px){
  #musicPlayer.lamb-player-single-track,
  #musicPlayer.lamb-record-player-v2{
    right:18px !important;
    bottom:12px !important;
    width:445px !important;
    height:83px !important;
    min-height:83px !important;
    max-height:83px !important;
    padding:27px 46px 10px 104px !important;
    transform:scale(.74) !important;
    transform-origin:bottom right !important;
  }
}
/* 日間模式：曲目條偽讀取改為深綠明暗變化，避免亮色遮住文字；夜間模式維持原本效果 */
html:not(.theme-dark) #musicPlayer .music-track-item::before,
html:not(.theme-dark) .music-playlist-popover .music-track-item::before{
  z-index:0 !important;
  background:linear-gradient(90deg,
    rgba(13,58,45,.18) 0%,
    rgba(9,45,36,.72) 42%,
    rgba(20,84,64,.50) 62%,
    rgba(35,104,80,.14) 100%) !important;
  opacity:0 !important;
  mix-blend-mode:multiply !important;
}
html:not(.theme-dark) #musicPlayer .music-track-item.is-cueing::before,
html:not(.theme-dark) #musicPlayer .music-track-item.is-playing-row::before,
html:not(.theme-dark) .music-playlist-popover .music-track-item.is-cueing::before,
html:not(.theme-dark) .music-playlist-popover .music-track-item.is-playing-row::before{
  opacity:1 !important;
  animation:lambRecordLoad 1.65s cubic-bezier(.18,.8,.25,1) both !important;
}
html:not(.theme-dark) #musicPlayer .music-track-copy,
html:not(.theme-dark) .music-playlist-popover .music-track-copy,
html:not(.theme-dark) #musicPlayer .music-track-no,
html:not(.theme-dark) .music-playlist-popover .music-track-no{
  position:relative !important;
  z-index:1 !important;
}

/* 夜間模式：播放器內層不可有半透明遮罩，只保留外框與音量面板背景 */
html.theme-dark #musicPlayer .music-body{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
html.theme-dark .music-volume-popover{
  background:rgba(16,43,35,.96) !important;
  color:#f4df9e !important;
  border-color:rgba(223,191,118,.28) !important;
}

/* ============================================================
   2026-06-13 final player polish update
   - lighter day-mode track bars
   - record art replaced with user-provided FF14 disc images
   - volume popover moved closer to volume button
   - dark-mode gallery lightbox category text set to green
   ============================================================ */

/* user-provided disc art per track */
.lamb-player-single-track[data-track="1"] .music-disc,
.lamb-record-player-v2[data-track="1"] .music-disc,
#musicPlayer[data-track="1"] .music-disc{background-image:url('assets/records/record-01.webp') !important;}
.lamb-player-single-track[data-track="2"] .music-disc,
.lamb-record-player-v2[data-track="2"] .music-disc,
#musicPlayer[data-track="2"] .music-disc{background-image:url('assets/records/record-02.webp') !important;}
.lamb-player-single-track[data-track="3"] .music-disc,
.lamb-record-player-v2[data-track="3"] .music-disc,
#musicPlayer[data-track="3"] .music-disc{background-image:url('assets/records/record-03.webp') !important;}
.lamb-player-single-track[data-track="4"] .music-disc,
.lamb-record-player-v2[data-track="4"] .music-disc,
#musicPlayer[data-track="4"] .music-disc{background-image:url('assets/records/record-04.webp') !important;}

/* move volume slider popover closer to the volume button */
#musicPlayer .music-volume-popover,
.music-volume-popover{
  right:-18px !important;
  bottom:22px !important;
}

/* day mode: lighten the base green so text remains readable during cue animation */
html:not(.theme-dark) #musicPlayer .music-track-item,
html:not(.theme-dark) #musicPlayer .music-now-card,
html:not(.theme-dark) .music-playlist-popover .music-track-item{
  background:linear-gradient(180deg,#45856f,#347360) !important;
  color:#fff7df !important;
  border-color:rgba(31,82,65,.12) !important;
}
html:not(.theme-dark) #musicPlayer .music-track-item.is-active,
html:not(.theme-dark) #musicPlayer .music-track-item.is-playing-row,
html:not(.theme-dark) #musicPlayer .music-track-item.is-cueing,
html:not(.theme-dark) #musicPlayer .music-now-card.is-active,
html:not(.theme-dark) #musicPlayer .music-now-card.is-playing-row,
html:not(.theme-dark) #musicPlayer .music-now-card.is-cueing,
html:not(.theme-dark) .music-playlist-popover .music-track-item.is-active,
html:not(.theme-dark) .music-playlist-popover .music-track-item.is-playing-row,
html:not(.theme-dark) .music-playlist-popover .music-track-item.is-cueing{
  background:linear-gradient(180deg,#45856f,#347360) !important;
}
html:not(.theme-dark) #musicPlayer .music-track-item::before,
html:not(.theme-dark) .music-playlist-popover .music-track-item::before{
  z-index:0 !important;
  background:linear-gradient(90deg,
    rgba(16,60,48,.10) 0%,
    rgba(14,56,45,.28) 32%,
    rgba(21,95,73,.48) 62%,
    rgba(39,121,95,.16) 100%) !important;
  opacity:0 !important;
  mix-blend-mode:multiply !important;
}
html:not(.theme-dark) #musicPlayer .music-track-copy,
html:not(.theme-dark) .music-playlist-popover .music-track-copy,
html:not(.theme-dark) #musicPlayer .music-track-no,
html:not(.theme-dark) .music-playlist-popover .music-track-no{
  position:relative !important;
  z-index:1 !important;
}

/* dark-mode gallery lightbox category label text should stay green like day mode */
html.theme-dark .gallery-story-label,
html.theme-dark .gallery-story-copy .gallery-story-label,
html.theme-dark .gallery-story-copy span.gallery-story-label,
html.theme-dark .gallery-story-lightbox .gallery-story-label,
html.theme-dark .gallery-story-lightbox span.gallery-story-label{
  color:#255b49 !important;
}

/* ============================================================
   2026-06-13 record image true replacement
   使用者提供的四張唱盤圖必須直接作為唱盤本體，不再被舊扇形/刻紋偽元素切割。
   ============================================================ */
#musicPlayer .music-disc,
.lamb-player-single-track .music-disc,
.lamb-record-player-v2 .music-disc{
  background-color:transparent !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-size:100% 100% !important;
}
#musicPlayer .music-disc::before,
#musicPlayer .music-disc::after,
.lamb-player-single-track .music-disc::before,
.lamb-player-single-track .music-disc::after,
.lamb-record-player-v2 .music-disc::before,
.lamb-record-player-v2 .music-disc::after{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  background:none !important;
}
#musicPlayer[data-track="1"] .music-disc,
.lamb-player-single-track[data-track="1"] .music-disc,
.lamb-record-player-v2[data-track="1"] .music-disc{background-image:url('assets/records/record-01.webp') !important;}
#musicPlayer[data-track="2"] .music-disc,
.lamb-player-single-track[data-track="2"] .music-disc,
.lamb-record-player-v2[data-track="2"] .music-disc{background-image:url('assets/records/record-02.webp') !important;}
#musicPlayer[data-track="3"] .music-disc,
.lamb-player-single-track[data-track="3"] .music-disc,
.lamb-record-player-v2[data-track="3"] .music-disc{background-image:url('assets/records/record-03.webp') !important;}
#musicPlayer[data-track="4"] .music-disc,
.lamb-player-single-track[data-track="4"] .music-disc,
.lamb-record-player-v2[data-track="4"] .music-disc{background-image:url('assets/records/record-04.webp') !important;}

/* ============================================================
   2026-06-14 BGM disc image root fix
   根源修正：.music-disc 外層只負責尺寸、裁切、外框與旋轉，不再直接顯示唱盤圖片。
   真正唱盤圖只由 .music-disc-current / .music-disc-ghost 兩個 div 圖層控制。
   ============================================================ */

/* 外層禁止再用 data-track background-image 硬切唱盤圖 */
#musicPlayer .music-disc,
.lamb-player-single-track .music-disc,
.lamb-record-player-v2 .music-disc,
#musicPlayer[data-track="1"] .music-disc,
#musicPlayer[data-track="2"] .music-disc,
#musicPlayer[data-track="3"] .music-disc,
#musicPlayer[data-track="4"] .music-disc,
.lamb-player-single-track[data-track="1"] .music-disc,
.lamb-player-single-track[data-track="2"] .music-disc,
.lamb-player-single-track[data-track="3"] .music-disc,
.lamb-player-single-track[data-track="4"] .music-disc,
.lamb-record-player-v2[data-track="1"] .music-disc,
.lamb-record-player-v2[data-track="2"] .music-disc,
.lamb-record-player-v2[data-track="3"] .music-disc,
.lamb-record-player-v2[data-track="4"] .music-disc{
  background-image:none !important;
  background-color:transparent !important;
  background:none !important;
}

/* 保持舊扇形、舊刻紋、舊高光關閉，避免切碎新唱盤 */
#musicPlayer .music-disc::before,
#musicPlayer .music-disc::after,
.lamb-player-single-track .music-disc::before,
.lamb-player-single-track .music-disc::after,
.lamb-record-player-v2 .music-disc::before,
.lamb-record-player-v2 .music-disc::after{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  background:none !important;
}

/* 真正顯示唱盤圖片的雙圖層 */
#musicPlayer .music-disc > .music-disc-layer,
.lamb-player-single-track .music-disc > .music-disc-layer,
.lamb-record-player-v2 .music-disc > .music-disc-layer{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  border-radius:50% !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-size:100% 100% !important;
  pointer-events:none !important;
  transform:none !important;
  opacity:1;
}

#musicPlayer .music-disc > .music-disc-current,
.lamb-player-single-track .music-disc > .music-disc-current,
.lamb-record-player-v2 .music-disc > .music-disc-current{
  z-index:1 !important;
}

#musicPlayer .music-disc > .music-disc-ghost,
.lamb-player-single-track .music-disc > .music-disc-ghost,
.lamb-record-player-v2 .music-disc > .music-disc-ghost{
  z-index:2 !important;
  opacity:0;
  will-change:opacity;
}

#musicPlayer .music-disc.is-disc-crossfading > .music-disc-ghost,
.lamb-player-single-track .music-disc.is-disc-crossfading > .music-disc-ghost,
.lamb-record-player-v2 .music-disc.is-disc-crossfading > .music-disc-ghost{
  display:block !important;
}

@media (prefers-reduced-motion: reduce){
  #musicPlayer .music-disc > .music-disc-ghost,
  .lamb-player-single-track .music-disc > .music-disc-ghost,
  .lamb-record-player-v2 .music-disc > .music-disc-ghost{
    transition:none !important;
  }
}

/* ============================================================
   2026-06-14 Staff image head-focus safeguard
   圖片優化後仍維持人物縮圖以頭部/上半身為主，不改變卡片尺寸與展開動畫。
   ============================================================ */
.staff-card img,
.staff-card .portrait img,
.portrait img{
  object-position:center top !important;
}
.photo-strip img,
.photo-strip .thumb img,
.staff-card .photo-strip img{
  object-position:center top !important;
}