/* ===== ธีมร้าน E "ฟีนิกซ์" (แบบ P1 ลาวา · 11 พ.ย.) — โหลดเฉพาะหน้าที่ theme == 'e' (base.html) =====
   พื้น = แดงดำ + ผิวหินภูเขาไฟจาง ๆ (ไม่มีลายแตก) · แสงลาวาลุกขอบล่าง · ปีกหงส์ภาพวาดจริงคู่ใหญ่ตีปีกหลังรูปร้าน (เลื่อนตามหน้า)
   + ถ่านไฟลอย + ขนนกทองร่วงช้า + ดาวทองวิบวับ · การ์ดกระจกเข้มขอบทองมุมลายเถา · ตัวหนังสือสว่าง ชื่อร้านไล่สีไฟ
   ทุกเอฟเฟกต์ = transform/opacity · ไม่รับการแตะ · reduced-motion = หยุด/ซ่อน · ไม่บังคับปกหงส์ให้ร้าน (ปกเป็นของร้านเอง) */
html.t-e {
  --vp:#ffb45a; --vp2:#ff7a2a; --vdeep:#c2410c; --vttl:#ffb45a; --vhot:#ff7a2a; --vrgb:255,150,60; --vdk:0,0,0;
  --vtint:rgba(255,170,90,.10); --vtint2:rgba(255,170,90,.16); --vbd:rgba(240,190,110,.45); --vtx:#f2d2b0; --vtx2:#f2d2b0; --vtx3:#b48d70;
  --vbg:#1a0605; --vbg2:#240806; --vdot:rgba(255,180,100,.16); --vline:rgba(255,180,100,.16); --vline2:rgba(255,180,100,.3); --vchip:rgba(255,170,90,.10);
  --vink:#fff4e6; --vsoft:#f2d2b0; --vfaint:#b48d70; --vacc:#ffc94a;
  --vcover:linear-gradient(135deg,#3a0905,#a3280a 55%,#f2a23a);
  --vsh:0 14px 34px -16px rgba(0,0,0,.95),0 0 26px -12px rgba(255,110,30,.5); --vpsh:0 8px 22px -8px rgba(255,90,20,.75);
  --vbtn:linear-gradient(135deg,#7a1406,#c2410c); --vhead:linear-gradient(135deg,#2a0a06,#1a0605); --vdraw:#1a0605;
  --vheart:#ff7a2a; --vheart0:rgba(255,170,90,.16); --vburst:#ffc94a; --vlogo:#2a0a06;
  --bg:#1a0605; --bg2:#240806; --card:rgba(22,7,4,.86); --ink:#fff4e6; --soft:#f2d2b0; --faint:#b48d70;
  --pri:#ffb45a; --pri2:#ff7a2a; --acc:#ffc94a; --line:rgba(255,180,100,.16); --dot:rgba(255,180,100,.16); --line2:rgba(255,180,100,.3);
  --prish:0 8px 22px -8px rgba(255,90,20,.75); --chip:rgba(255,170,90,.10);
  --goldbg:rgba(0,0,0,.5); --goldink:#ffe2a6;
  --cover:linear-gradient(135deg,#3a0905,#a3280a 55%,#f2a23a);
  --sh:0 14px 34px -16px rgba(0,0,0,.95),0 0 26px -12px rgba(255,110,30,.5);
}
/* สีพื้นอยู่ที่ html (canvas) · body ต้องโปร่ง ไม่งั้นพื้น body ทับชั้น .pxe-bg (z-index:-1) */
html.t-e{background:#0b0303;color-scheme:dark}
html.t-e body{background:transparent;background-image:none}

/* ---- ชั้นพื้นหลัง (z-index:-1 = หลังเนื้อหาทั้งหมด แต่อยู่บนสีพื้นของหน้า) ---- */
.pxe-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.pxe-bg i,.pxe-bg b{position:absolute;pointer-events:none}
.pxe-grad{inset:0;background:radial-gradient(130% 55% at 50% 0%,#4a0b06 0,#240605 40%,#120303 70%,#0b0303 100%)}
.pxe-rock{inset:0;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' seed='3'/><feColorMatrix values='0 0 0 0 0.22 0 0 0 0 0.07 0 0 0 0 0.04 0 0 0 0.55 0'/></filter><rect width='300' height='300' filter='url(%23n)'/></svg>") 0 0/300px 300px;opacity:0.9;mix-blend-mode:screen}
/* ปีกหงส์คู่ใหญ่ (ภาพวาดจริง) จาง ๆ ตีปีกช้า ๆ — ซ้าย = ภาพตรง · ขวา = กลับด้าน (โคนปีกอยู่กลางจอ) */
.pxe-wingbox{position:absolute;left:0;right:0;top:0;height:560px;overflow:hidden;z-index:-1;pointer-events:none}
.pxe-wingbox i,.pxe-wingbox b{position:absolute;pointer-events:none}
.pxe-wings{left:50%;top:-8px;width:760px;height:420px;margin-left:-380px;opacity:0.92;transform:scale(0.82);transform-origin:50% 62%;filter:drop-shadow(0 0 14px rgba(255,110,20,.55))}
.pxe-wings b{left:69px;top:0;width:311px;height:420px;background:url(../img/theme/phoenix-wing-l.webp) center/contain no-repeat;transform-origin:99.4% 62%;animation:pxwg 3.2s ease-in-out infinite}
.pxe-wings b.r{animation-name:pxwg2}
/* ไอแพด/คอม (11 พ.ย. เจ้าของ: "มองไม่เห็นปีกเลย") — รูปร้านอยู่ในการ์ดทึบ (.pd-side) ปีกเต็มหน้าเลยถูกบัง
   → ซ่อนปีกเต็มหน้า · ใช้ปีกชุดเดียวกันผูกกึ่งกลางรูปร้าน (.pxe-sidewing ใน .vfx-wrap ของ profile.html) ขนาดเท่ามือถือ
   อยู่หลังปก+รูปร้าน แต่หน้าพื้นการ์ด (z-index:-1 ใน isolation ของการ์ด) · การ์ดตัดปีกส่วนเกินขอบ (เหมือนขอบจอมือถือ) */
.pxe-sidewing{display:none;position:absolute;left:50%;top:50%;width:0;height:0;z-index:-1;pointer-events:none}
.pxe-sidewing i,.pxe-sidewing b{position:absolute;pointer-events:none}
.pxe-sidewing .pxe-wings{left:0;top:-260px}
html.t-e .pd-side.has-cbg .pxe-sidewing{display:block}
html.t-e .pd-side.has-cbg .vfx-wrap{z-index:auto}
html.t-e .pd-side.has-cbg .vfx{z-index:3}
@media (min-width:600px){
  html.t-e .pd-side{isolation:isolate;overflow:hidden}
  html.t-e .pd-side .pxe-sidewing{display:block}
  html.t-e .pd-side .vfx-wrap{z-index:auto}
  html.t-e .pd-side .vfx{z-index:3}
}
/* ปีกใหญ่พื้นหลัง (11 พ.ย. เจ้าของ: "ให้ขยายให้เต็มจอ ไม่ใช่ไปซ่อน") — จอกว้างขยายตามขั้นให้คู่ปีกกว้างเต็มจอแบบมือถือ (มือถือ ≈ 1.3 เท่าของจอ)
   อยู่หลังเนื้อหาทั้งหมด (z-index:-1) · ปักกับจอ (fixed) โคนปีกที่ 40% ความสูงจอ · จางลงนิดให้การ์ดอ่านง่าย */
@media (min-width:600px){ .pxe-wingbox{position:fixed;inset:0;height:auto} .pxe-wingbox>.pxe-wings{top:calc(40vh - 260px);opacity:0.8;transform:scale(1.5)} }   /* จอกว้าง = ปักปีกไว้กับพื้นหลัง (fixed) เลื่อนหน้าแล้วยังเห็นหลังรีวิว/หน้าตกแต่ง */
@media (min-width:820px){ .pxe-wingbox>.pxe-wings{transform:scale(1.75)} }
@media (min-width:1024px){ .pxe-wingbox>.pxe-wings{opacity:0.7;transform:scale(2.2)} }   /* คอม: ปีกอยู่หลังรีวิว → จางลงอีกนิดให้หัวข้ออ่านง่าย */
@media (min-width:1280px){ .pxe-wingbox>.pxe-wings{transform:scale(2.6)} }
@media (min-width:1600px){ .pxe-wingbox>.pxe-wings{transform:scale(3.2)} }
@media (min-width:600px) and (max-width:1023px){ html.t-e .pd-side{position:relative} html.t-e .pd-side .pxe-sidewing .pxe-wings{transform:scale(1.1)} }   /* ไอแพด การ์ดกว้าง = ปีกใหญ่ขึ้นนิด · คอม = sticky เดิม (responsive.css) */
@keyframes pxwg{0%,100%{transform:rotate(8deg)}50%{transform:rotate(-6deg)}}
@keyframes pxwg2{0%,100%{transform:scaleX(-1) rotate(8deg)}50%{transform:scaleX(-1) rotate(-6deg)}}
/* ถ่านไฟลอยขึ้น */
.pxe{bottom:-10px;width:var(--s);height:var(--s);border-radius:50%;background:#ffe9a8;box-shadow:0 0 6px 2px rgba(255,150,40,.9),0 0 14px 4px rgba(249,115,22,.5);opacity:0;
  animation:pxup var(--t) linear infinite;animation-delay:var(--d)}
@keyframes pxup{0%{transform:translate(0,0);opacity:0}8%{opacity:1}50%{transform:translate(var(--x),-50vh);opacity:0.9}100%{transform:translate(calc(var(--x) * -1),-105vh);opacity:0}}
/* แสงไฟอุ่นขอบล่าง */
.pxe-glow{left:-10%;right:-10%;bottom:-40px;height:160px;transform-origin:50% 100%;background:radial-gradient(60% 100% at 50% 100%,rgba(255,120,20,.55),rgba(255,120,20,0) 70%);animation:pxgl 2.4s ease-in-out infinite}
@keyframes pxgl{0%,100%{opacity:0.55;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.15)}}
/* แสงลาวาลุกขอบล่าง (จากแบบ P1 ลาวา) · บ่อลาวาเรืองเต้น + ก้อนไฟไหลไปมา + ไอร้อน */
.pxe-heat{left:0;right:0;bottom:0;height:46vh;background:linear-gradient(0deg,rgba(170,20,4,.7) 0,rgba(214,50,8,.4) 35%,rgba(234,88,12,0) 100%)}
.pxe-lava{left:-20%;right:-20%;bottom:-6vh;height:56vh;border-radius:50%;transform-origin:50% 100%;
  background:radial-gradient(ellipse at 50% 70%,rgba(255,240,170,1) 0,rgba(255,170,40,.95) 16%,rgba(230,60,8,.8) 36%,rgba(160,20,4,.45) 52%,rgba(90,8,4,0) 70%);animation:pxlv 3s ease-in-out infinite}
@keyframes pxlv{0%,100%{opacity:0.8;transform:scale(1,1)}50%{opacity:1;transform:scale(1.04,1.1)}}
.pxlb{bottom:60px;width:var(--w);height:70px;border-radius:50%;filter:blur(6px);
  background:radial-gradient(ellipse,rgba(255,236,160,.9),rgba(255,120,20,.6) 45%,rgba(255,60,0,0) 70%);animation:pxlb var(--t) ease-in-out infinite alternate;animation-delay:var(--d)}
@keyframes pxlb{0%{transform:translateX(-30px) scale(0.9,0.8);opacity:0.6}100%{transform:translateX(60px) scale(1.1,1.2);opacity:1}}
.pxe-haze{left:0;right:0;bottom:0;height:40vh;background:linear-gradient(0deg,rgba(255,90,10,.3),rgba(255,90,10,0));animation:pxhz 1.5s ease-in-out infinite}
@keyframes pxhz{0%,100%{opacity:0.35}50%{opacity:1}}
/* ดาวทอง 4 แฉก วิบวับ */
.pxs{width:var(--s);height:var(--s);background:radial-gradient(circle,#fffbe8 0,#ffe08a 35%,rgba(255,210,110,0) 70%);
  clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);opacity:0;animation:pxs var(--t) ease-in-out infinite;animation-delay:var(--d)}
@keyframes pxs{0%,100%{opacity:0;transform:scale(0.3) rotate(0)}45%{opacity:1;transform:scale(1) rotate(25deg)}60%{opacity:0.9;transform:scale(0.9) rotate(35deg)}}
/* ขนนกทอง (ภาพวาดจริงของชุด ปรับเป็นทอง) ร่วงช้า หมุนพลิ้ว */
.pxf{top:-60px;width:var(--w);height:calc(var(--w) * 1.2);background:url(../img/theme/phoenix-feather.webp) center/contain no-repeat;opacity:0;
  filter:drop-shadow(0 0 4px rgba(255,220,130,.75));animation:pxf var(--t) linear infinite;animation-delay:var(--d)}
@keyframes pxf{0%{transform:translate(0,0) rotate(var(--r)) scale(var(--z),var(--z));opacity:0}8%{opacity:0.95}
  25%{transform:translate(var(--x),26vh) rotate(calc(var(--r) + 90deg)) scale(calc(var(--z) * -0.5),var(--z))}
  50%{transform:translate(calc(var(--x) * -0.4),54vh) rotate(calc(var(--r) + 170deg)) scale(var(--z),var(--z))}
  75%{transform:translate(var(--x),82vh) rotate(calc(var(--r) + 250deg)) scale(calc(var(--z) * -0.6),var(--z));opacity:0.9}
  100%{transform:translate(0,110vh) rotate(calc(var(--r) + 340deg)) scale(var(--z),var(--z));opacity:0}}
@media (prefers-reduced-motion:reduce){
  .pxe-bg *{animation:none!important}
  .pxe-bg .pxf,.pxe-bg .pxe,.pxe-bg .pxlb{display:none}
  .pxe-bg .pxs{opacity:0.7}
  .pxe-wingbox *,.pxe-sidewing *{animation:none!important}
  .pxe-wings b.r{transform:scaleX(-1)}
  html.t-e .card::after,html.t-e .stats::after,html.t-e .b1::after{animation:none!important}
}


/* ---- ตัวหนังสือบนพื้นแดงดำ: สว่าง + เงาดำ · ชื่อร้าน = ไล่สีไฟ ---- */
html.t-e .name,html.t-e .rhead h2,html.t-e .hl,html.t-e .bio,html.t-e .starnote b,html.t-e .lc-crumb,html.t-e .lo-note,html.t-e .lo-tile{color:#fff4e6}
html.t-e .handle,html.t-e .hl .t,html.t-e .starnote,html.t-e .foot,html.t-e .foot a,html.t-e .pinsep span{color:#f2d2b0}
html.t-e .bio,html.t-e .hl .t,html.t-e .handle,html.t-e .starnote{text-shadow:0 1px 2px rgba(0,0,0,.85)}
html.t-e h1.name:not(.nmfx){background:linear-gradient(180deg,#ffd24a 0%,#ff8a1f 45%,#e8340a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  text-shadow:none;filter:drop-shadow(0 1px 0 rgba(0,0,0,.9)) drop-shadow(0 0 10px rgba(255,150,50,.55))}
html.t-e h1.name.nmfx{text-shadow:none;filter:brightness(1.3) drop-shadow(0 0 1px #fff6dc) drop-shadow(0 0 10px rgba(255,150,50,.6))}
html.t-e .rhead h2{background:linear-gradient(180deg,#fffbea 0%,#ffe7a0 30%,#f2b544 52%,#b8741c 64%,#f7cf6a 80%,#fff2c2 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 rgba(0,0,0,.9))}
html.t-e h1.name::before,html.t-e h1.name::after{content:"";display:inline-block;width:30px;height:30px;vertical-align:-6px;background:url(../img/theme/phoenix-wing-l.webp) center/contain no-repeat;-webkit-text-fill-color:initial}
html.t-e h1.name::before{margin-right:6px}
html.t-e h1.name::after{margin-left:6px;transform:scaleX(-1)}
html.t-e .rhead .eyebrow{background:rgba(0,0,0,.45);color:#ffdf9a;box-shadow:inset 0 0 0 1px rgba(240,190,110,.55)}
html.t-e .pinsep::before,html.t-e .pinsep::after{background:linear-gradient(90deg,transparent,rgba(240,190,110,.55),transparent)}
html.t-e .logo .logo-tx{background:linear-gradient(180deg,#fffbea 0%,#ffe7a0 30%,#f2b544 52%,#b8741c 64%,#f7cf6a 80%,#fff2c2 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 rgba(0,0,0,.9))}
html.t-e .logo .logo-sh path{fill:transparent;stroke:#ffd98a}
html.t-e #sharebtn{background:rgba(0,0,0,.5);box-shadow:inset 0 0 0 1px rgba(240,190,110,.55);color:#ffdf9a}
/* ชิป/ป้าย: ดำโปร่ง ขอบทอง */
html.t-e .bdg.star,html.t-e .stchips span,html.t-e .vip-badge{background:rgba(0,0,0,.5);color:#ffe2a6;box-shadow:inset 0 0 0 1px rgba(240,190,110,.55),0 0 12px -2px rgba(255,150,50,.55)}
html.t-e .rv-guesthint{background:rgba(0,0,0,.45);box-shadow:inset 0 0 0 1px rgba(126,226,168,.45);color:#a9f0c6}
/* ปุ่มรอง (ให้ดาว ฯลฯ): ดำโปร่ง ตัวทอง */
html.t-e .starbtn,html.t-e .b2,html.t-e .acts3 .act-sec,html.t-e .acts3 .starbtn{background:rgba(14,6,4,.7);color:#ffdf9a;box-shadow:inset 0 0 0 1px rgba(240,190,110,.55),0 8px 20px -12px rgba(0,0,0,.9)}
/* แถบเมนูล่าง: ดำโปร่ง ขอบทอง */
html.t-e .pn::before{background:rgba(12,5,3,.95);box-shadow:inset 0 0 0 1px rgba(240,190,110,.55),0 -6px 26px -10px rgba(255,90,20,.75)}
html.t-e .pn-i,html.t-e .pn-tx,html.t-e .pn-ic{color:#f6dcb8}
html.t-e .pn-c .pn-tx{color:#ffd98a}

/* ---- การ์ดกระจกเข้ม + ขอบไฟเรือง (แสงเต้นด้วย opacity ของชั้น ::after) ---- */
html.t-e .card,html.t-e .stats{position:relative;box-shadow:0 0 14px -4px rgba(249,115,22,.4),var(--sh)}
/* ขอบทองไล่เงา + มุมลายเถาทอง 4 มุม (จากแบบ P1) · พื้นการ์ดเดิม (var(--card)) */
html.t-e .card,html.t-e .stats,html.t-e .rsum2 .sc,html.t-e .rv:not(.sk-corner){border:2px solid transparent;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23fff2c0'/><stop offset='1' stop-color='%23b8791f'/></linearGradient></defs><g transform='rotate(0 17 17)' fill='none' stroke='url(%23g)' stroke-width='1.8' stroke-linecap='round'><path d='M2 30 V8 Q2 2 8 2 H30 M6 24 V10 Q6 6 10 6 H24 M2 16 Q10 14 12 8 M16 2 Q14 10 8 12 M12 12 m-2.2 0 a2.2 2.2 0 1 0 4.4 0 a2.2 2.2 0 1 0 -4.4 0'/></g><g transform='rotate(0 17 17)'><path d='M2 2 l5 0 l-5 5z' fill='%23e0a93a'/></g></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23fff2c0'/><stop offset='1' stop-color='%23b8791f'/></linearGradient></defs><g transform='rotate(90 17 17)' fill='none' stroke='url(%23g)' stroke-width='1.8' stroke-linecap='round'><path d='M2 30 V8 Q2 2 8 2 H30 M6 24 V10 Q6 6 10 6 H24 M2 16 Q10 14 12 8 M16 2 Q14 10 8 12 M12 12 m-2.2 0 a2.2 2.2 0 1 0 4.4 0 a2.2 2.2 0 1 0 -4.4 0'/></g><g transform='rotate(90 17 17)'><path d='M2 2 l5 0 l-5 5z' fill='%23e0a93a'/></g></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23fff2c0'/><stop offset='1' stop-color='%23b8791f'/></linearGradient></defs><g transform='rotate(270 17 17)' fill='none' stroke='url(%23g)' stroke-width='1.8' stroke-linecap='round'><path d='M2 30 V8 Q2 2 8 2 H30 M6 24 V10 Q6 6 10 6 H24 M2 16 Q10 14 12 8 M16 2 Q14 10 8 12 M12 12 m-2.2 0 a2.2 2.2 0 1 0 4.4 0 a2.2 2.2 0 1 0 -4.4 0'/></g><g transform='rotate(270 17 17)'><path d='M2 2 l5 0 l-5 5z' fill='%23e0a93a'/></g></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23fff2c0'/><stop offset='1' stop-color='%23b8791f'/></linearGradient></defs><g transform='rotate(180 17 17)' fill='none' stroke='url(%23g)' stroke-width='1.8' stroke-linecap='round'><path d='M2 30 V8 Q2 2 8 2 H30 M6 24 V10 Q6 6 10 6 H24 M2 16 Q10 14 12 8 M16 2 Q14 10 8 12 M12 12 m-2.2 0 a2.2 2.2 0 1 0 4.4 0 a2.2 2.2 0 1 0 -4.4 0'/></g><g transform='rotate(180 17 17)'><path d='M2 2 l5 0 l-5 5z' fill='%23e0a93a'/></g></svg>"),linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(135deg,#fff2c0,#d4a24a 25%,#8a5a14 50%,#f6d27a 75%,#b8862e) border-box;
  background-repeat:no-repeat;background-size:26px 26px,26px 26px,26px 26px,26px 26px,auto,auto;
  background-position:left 3px top 3px,right 3px top 3px,left 3px bottom 3px,right 3px bottom 3px,0 0,0 0}
html.t-e .card::after,html.t-e .stats::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;
  box-shadow:0 0 0 1.5px rgba(251,191,36,.85),0 0 22px 0 rgba(249,115,22,.6);animation:pxcd 3s ease-in-out infinite}
@keyframes pxcd{0%,100%{opacity:0}50%{opacity:1}}
html.t-e .rsum2 .sc,html.t-e .rv:not(.sk-corner),html.t-e .rv.sk-corner .rv-in{box-shadow:0 0 14px -4px rgba(249,115,22,.4),var(--sh)}
html.t-e .reply{background:rgba(255,200,120,.08);color:#fff4e6}
html.t-e .reply *{color:#fff4e6}

/* ---- ปุ่มหลัก: ไฟส้มเข้ม ตัวขาว (ผ่าน AA) + แสงวาบผ่าน ---- */
html.t-e .b1{background:linear-gradient(135deg,#9a3412,#b8380d 55%,#c2410c);color:#fff;box-shadow:0 8px 18px -8px #ea580caa;position:relative;overflow:hidden}
html.t-e .b1 svg.i{stroke:#fff}
html.t-e .b1::after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);
  transform:translateX(-160%);animation:pxsh 2.8s ease-in-out infinite}
@keyframes pxsh{0%,60%{transform:translateX(-160%)}100%{transform:translateX(330%)}}
html.t-e .hl .ring{background:conic-gradient(from 210deg,#fff3c4,#e0a83e,#fff0bf,#b97a24,#fff3c4);box-shadow:0 0 14px -2px rgba(255,150,50,.55)}
html.t-e .hl .ring em{border-color:var(--pri)}
html.t-e .bdg.g{background:rgba(0,0,0,.5);color:#ffe2a6}
html.t-e .ra,html.t-e .dav.rdeco .pic{background:linear-gradient(135deg,#ffe8c4,#ea580c)}
html.t-e .lc-chips a.on{background:linear-gradient(135deg,#9a3412,#c2410c);color:#fff}

/* ---- ร้านมีพื้นหลังการ์ด VIP3 (.has-cbg = การ์ดสว่าง) → ตัวหนังสือในการ์ดต้องเข้ม ---- */
html.t-e .pd-side.has-cbg .name,html.t-e .pd-side.has-cbg .hl,html.t-e .pd-side.has-cbg .hl .t,html.t-e .pd-side.has-cbg .bio,
html.t-e .pd-side.has-cbg .handle,html.t-e .pd-side.has-cbg .starnote,html.t-e .pd-side.has-cbg .starnote b{color:var(--ink);text-shadow:none}
html.t-e .pd-side.has-cbg .handle{color:var(--soft)}
html.t-e .pd-side.has-cbg{--ink:#431407;--soft:#7a3a1a;--faint:#9a6a50}
html.t-e .pd-side.has-cbg h1.name:not(.nmfx){background:none;color:var(--ink);-webkit-text-fill-color:var(--ink);filter:drop-shadow(0 0 6px rgba(255,255,255,.8))}
/* แถบปรับพื้นหลังการ์ด (เจ้าของร้าน): กระจกเข้ม ขอบทอง ตัวหนังสือสว่าง (ไม่ตาม --ink ของ .has-cbg) */
html.t-e .cbg-bar{background:rgba(22,7,4,.96);box-shadow:inset 0 0 0 1px rgba(240,190,110,.55),0 12px 28px -12px rgba(0,0,0,.9)}
html.t-e .cbg-bar .cbg-hint{color:#f2d2b0}
html.t-e .cbg-bar .btn.act-sec{background:rgba(255,255,255,.08);color:#ffdf9a;box-shadow:inset 0 0 0 1px rgba(240,190,110,.55)}
html.t-e .cbg-bar .btn.act-sec .ict{background:rgba(255,200,120,.14)}
html.t-e .cbg-bar .cbg-del{color:#ff8a80!important}
/* รีวิวที่ใส่กรอบรีวิว (.rv-in = การ์ดในสีขาว) → ตัวหนังสือเข้ม (ไม่ตามสีสว่างของธีม) · 11 พ.ย. แก้มองไม่เห็นข้อความรีวิว */
html.t-e .rv .rv-in{--ink:#2a1208;--soft:#6b4a3a;--faint:#8a7060;color:var(--ink)}
html.t-e .rv .rv-in p,html.t-e .rv .rv-in .rt{color:var(--ink)}
html.t-e .rv .rv-in .reply{background:#fff6e8;color:var(--ink)}
html.t-e .rv .rv-in .reply *{color:var(--ink)}
/* ===== จบธีม E ฟีนิกซ์ ===== */