/* LINE娛樂城哪裡玩：版型 E（官方帳號主頁＋圖文選單）＋ D（聊天泡泡問答），台式娛樂城皮（2026-10-22 Hans 選 B 招財貓）。class 一律 oa- 前綴 */
:root{
  --bg:#170a20;--bg2:#22102e;--plum:#2a1336;--plum2:#341843;--wine:#5c0e28;
  --gold:#ffd166;--gold2:#e0a526;--gold3:#9c6a0c;--goldline:rgba(255,206,102,.45);
  --red:#e2283c;--orange:#ff7a1f;--ink:#fbf3ff;--mut:#cdb8d6;--mut2:#a48eb0;
  --fage:#d88b0d;--wwin:#8a3fd8;--b71:#2f62e0;
  --r:18px;--glow:0 0 0 1px rgba(255,206,102,.35),0 10px 30px rgba(0,0,0,.45);
  --goldgrad:linear-gradient(180deg,#fff2b8 0%,#ffd166 30%,#e0a526 62%,#a86f08 100%);
  --btngrad:linear-gradient(180deg,#d63a1a 0%,#c4221f 50%,#a80f2a 100%);
  --goldflat:linear-gradient(180deg,#ffe08a 0%,#f2b535 100%);
  --redrib:linear-gradient(180deg,#d01f33,#a10c24);
  --f:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:70px}
body{margin:0;color:var(--ink);font:16px/1.8 var(--f);padding-bottom:88px;background:var(--bg);
  background-image:radial-gradient(120% 60% at 50% -10%,#4a1240 0%,rgba(74,18,64,0) 60%),radial-gradient(80% 50% at 100% 40%,rgba(92,14,40,.55),rgba(92,14,40,0) 70%),radial-gradient(70% 40% at 0% 80%,rgba(60,20,90,.5),rgba(60,20,90,0) 70%);background-attachment:fixed}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold)}
.oa-skip{position:absolute;left:-999px}.oa-skip:focus{left:8px;top:8px;background:#fff;color:#000;padding:6px 10px;z-index:99}
.oa-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.oa-gt{background:var(--goldgrad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

/* strip + bar */
.oa-strip{background:#0d0612;color:var(--mut);font-size:12px;text-align:center;padding:5px 12px;line-height:1.5;border-bottom:1px solid rgba(255,206,102,.18)}
.oa-strip b{color:var(--gold);font-weight:700}.oa-strip a{color:#fff}.oa-strip span{opacity:.45;margin:0 4px}
.oa-bar{position:sticky;top:0;z-index:30;background:linear-gradient(180deg,rgba(40,14,48,.97),rgba(26,10,34,.95));backdrop-filter:blur(10px);border-bottom:1px solid var(--goldline);box-shadow:0 6px 20px rgba(0,0,0,.35)}
.oa-bar-in{max-width:980px;margin:0 auto;padding:6px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.oa-logo{display:flex;align-items:center;text-decoration:none;min-width:0}
.oa-logo img{height:46px;width:auto}
.oa-more{position:relative}
.oa-more summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px;font-size:14px;font-weight:900;color:#2a1500;background:var(--goldflat);border-radius:999px;padding:7px 15px;box-shadow:0 0 0 1px #fff3c4 inset,0 3px 10px rgba(255,180,40,.35);white-space:nowrap}
.oa-more summary::-webkit-details-marker{display:none}
.oa-burger,.oa-burger::before,.oa-burger::after{display:block;width:14px;height:2px;background:#3b2200;border-radius:2px;position:relative}
.oa-burger::before,.oa-burger::after{content:"";position:absolute;left:0}.oa-burger::before{top:-5px}.oa-burger::after{top:5px}
.oa-more-p{position:absolute;right:0;top:calc(100% + 10px);width:min(92vw,560px);background:linear-gradient(180deg,#2e1339,#1d0b26);border:1px solid var(--goldline);border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.6);padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}
.oa-more-p p{margin:6px 0 2px;font-size:12px;font-weight:900;color:var(--gold);letter-spacing:.06em}
.oa-more-p a{display:block;padding:6px 8px;border-radius:10px;text-decoration:none;color:var(--ink);font-size:15px}
.oa-more-p a:hover,.oa-more-p a[aria-current]{background:rgba(255,206,102,.14);color:var(--gold);font-weight:700}

/* ===== home: official-account profile ===== */
.oa-home{max-width:640px;margin:0 auto}
.oa-cover{position:relative;aspect-ratio:3/2;max-height:420px;overflow:hidden;border-bottom:2px solid var(--gold2)}
.oa-cover img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.oa-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,10,32,.85) 0%,rgba(23,10,32,.35) 45%,rgba(23,10,32,0) 70%),linear-gradient(0deg,rgba(23,10,32,.9) 0%,rgba(23,10,32,0) 35%)}
.oa-cover-t{position:absolute;left:16px;top:18px;z-index:2;max-width:56%}
.oa-cover-t p{margin:0;font-size:13px;color:#ffe9b0;font-weight:700;letter-spacing:.04em}
.oa-cover-t strong{display:block;font-size:30px;line-height:1.2;font-weight:900;margin:6px 0 0;text-shadow:0 2px 0 rgba(0,0,0,.25)}
.oa-cover-t strong span{display:block}
.oa-prof{margin:-44px 12px 0;border-radius:22px;padding:0 16px 18px;text-align:center;position:relative;z-index:3;background:linear-gradient(180deg,#3a1646,#220e2c);box-shadow:var(--glow)}
.oa-prof::before{content:"";position:absolute;inset:0;border-radius:22px;padding:2px;background:var(--goldgrad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.oa-avatar{width:92px;height:92px;border-radius:50%;margin:0 auto;position:relative;top:-40px;margin-bottom:-32px;background:radial-gradient(circle at 50% 40%,#ffe9a8,#e0a526);padding:4px;box-shadow:0 6px 18px rgba(0,0,0,.45),0 0 18px rgba(255,200,80,.45)}
.oa-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#5c0e28}
.oa-prof h1{margin:0;font-size:25px;line-height:1.35;font-weight:900;letter-spacing:.02em}
.oa-bio{margin:4px 0 12px;font-size:14px;color:var(--mut);line-height:1.6}
.oa-stats{display:flex;justify-content:center;margin:0 0 14px;padding:0;list-style:none}
.oa-stats li{flex:1;font-size:12px;color:var(--mut);line-height:1.4;border-left:1px solid rgba(255,206,102,.25)}
.oa-stats li:first-child{border-left:0}
.oa-stats b{display:block;font-size:20px;font-weight:900;color:var(--gold)}
.oa-add,.oa-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--btngrad);color:#fff;text-decoration:none;font-weight:900;font-size:17px;border-radius:14px;padding:13px 14px;position:relative;overflow:hidden;text-shadow:0 1px 0 rgba(120,0,0,.5);box-shadow:0 0 0 2px #ffd166 inset,0 0 0 3px rgba(120,40,0,.6) inset,0 8px 20px rgba(226,40,60,.4)}
.oa-add::after,.oa-btn::after{content:"";position:absolute;left:8%;right:8%;top:3px;height:42%;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,0));pointer-events:none}
.oa-add i{font-style:normal;font-size:20px;line-height:1}
.oa-add-note{margin:8px 0 0;font-size:12px;color:var(--mut2)}
.oa-sec-h{margin:24px 16px 10px;font-size:17px;font-weight:900;display:flex;justify-content:space-between;align-items:baseline;color:var(--gold)}
.oa-sec-h small{font-size:12px;font-weight:400;color:var(--mut2)}
/* rich menu */
.oa-rm{margin:0 12px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.oa-rm a{text-decoration:none;color:var(--ink);position:relative}
.oa-rm-big,.oa-rm-t{border-radius:16px;background:linear-gradient(180deg,#43195a,#260f33);box-shadow:0 0 0 1.5px var(--gold2) inset,0 0 0 3px rgba(0,0,0,.35) inset,0 6px 16px rgba(0,0,0,.4)}
.oa-rm-big{grid-column:span 3;display:flex;align-items:center;gap:12px;padding:12px 14px;background:linear-gradient(100deg,#7a1230,#4a0e3c 55%,#2c1040);overflow:hidden}
.oa-rm-big img{width:62px;height:62px;flex:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}
.oa-rm-big span{flex:1;min-width:0}.oa-rm-big b{display:block;font-size:18px;line-height:1.35;font-weight:900}
.oa-rm-big small{display:block;font-size:12px;color:#ffd9c2;line-height:1.5}
.oa-rm-big em{font-style:normal;font-size:28px;color:var(--gold)}
.oa-rm-big{padding-right:40px}
.oa-rm-big .oa-rib{font-size:12px;color:#fff;line-height:1.5}
.oa-rib{position:absolute;top:7px;right:-28px;transform:rotate(38deg);background:var(--redrib);color:#fff;font-size:12px;font-weight:900;padding:2px 34px;box-shadow:0 2px 6px rgba(0,0,0,.4);letter-spacing:.1em}
.oa-rm-t{height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:14px;font-weight:900}
.oa-rm-t img{width:60px;height:60px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.45));transition:transform .2s}
.oa-rm-t:hover img{transform:translateY(-3px) scale(1.05)}
/* posts on home */
.oa-feedwrap{max-width:640px;margin:0 auto;padding:0 12px}
.oa-post{background:linear-gradient(180deg,#2c1238,#1f0c29);border-radius:20px;padding:16px;margin:0 0 14px;box-shadow:var(--glow)}
.oa-post-h{display:flex;align-items:center;gap:10px;margin:0 0 8px}
.oa-post-h img{width:38px;height:38px;object-fit:cover;border-radius:50%;background:#5c0e28;box-shadow:0 0 0 2px var(--gold2)}
.oa-post-h b{font-size:14px;display:block;line-height:1.3}.oa-post-h small{font-size:12px;color:var(--mut2)}
.oa-post h2{font-size:20px;line-height:1.45;margin:4px 0 8px;font-weight:900;color:var(--gold)}
.oa-post p{margin:0 0 10px;font-size:15px;color:#f1e4f6}
.oa-post p:last-child{margin-bottom:0}
.oa-post-more{display:inline-block;font-weight:900;text-decoration:none;font-size:14px;color:var(--gold)}
.oa-trio{display:grid;gap:10px;margin:12px 0 0}
.oa-pcard{display:flex;gap:12px;align-items:center;text-decoration:none;color:#fff;border-radius:16px;padding:14px 14px 14px 12px;position:relative;overflow:hidden;background-size:cover;background-position:right center;min-height:84px;box-shadow:0 6px 16px rgba(0,0,0,.4)}
.oa-pcard::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,6,26,.82) 0%,rgba(20,6,26,.6) 60%,rgba(20,6,26,.15) 100%)}
.oa-pcard>*{position:relative}
.oa-pcard i{font-style:normal;flex:none;width:46px;height:46px;border-radius:50%;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:19px;background:rgba(20,6,26,.75);text-shadow:0 1px 2px #000;box-shadow:0 0 0 2px var(--gold) inset}
.oa-pcard b{display:block;font-size:17px;line-height:1.35;font-weight:900;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.oa-pcard span{font-size:13px;line-height:1.5;display:block;color:#fff3e0;text-shadow:0 1px 3px rgba(0,0,0,.7)}
.oa-pcard em{position:absolute;top:0;right:0;font-style:normal;font-size:13px;font-weight:900;color:#fff;background:var(--redrib);padding:3px 10px 3px 14px;border-bottom-left-radius:14px;box-shadow:0 2px 6px rgba(0,0,0,.4)}
.oa-pc-fage{background-image:url(/assets/img/art/card-fage-560.webp)}.oa-pc-wwin{background-image:url(/assets/img/art/card-wwin-560.webp)}.oa-pc-b71{background-image:url(/assets/img/art/card-b71-560.webp)}
.oa-tag{display:inline-block;font-size:11px;font-weight:900;background:var(--goldgrad);color:#4a2b00;border-radius:6px;padding:0 6px;margin-left:6px;vertical-align:2px;text-shadow:none}
.oa-c-fage{background:var(--fage)}.oa-c-wwin{background:var(--wwin)}.oa-c-b71{background:var(--b71)}

/* ===== inner page: chat-room head ===== */
.oa-room{background:#250d2c url(/assets/img/art/band-760.webp) right center/cover no-repeat;border-bottom:2px solid var(--gold2);position:relative;overflow:hidden}
.oa-room::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,6,26,.88) 0%,rgba(20,6,26,.7) 55%,rgba(20,6,26,.2) 100%)}
.oa-room-in>*{text-shadow:0 1px 3px rgba(0,0,0,.8)}
.oa-room-in{max-width:780px;margin:0 auto;padding:14px 16px 30px;position:relative;min-height:170px}
.oa-room-cat{position:absolute;right:4px;bottom:0;width:118px;height:auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5));pointer-events:none}
.oa-room-in>*:not(.oa-room-cat){position:relative;z-index:1;max-width:calc(100% - 104px)}
.oa-back{display:inline-flex;align-items:center;gap:6px;color:#f3d9a0;text-decoration:none;font-size:14px;margin-bottom:8px}
.oa-back span{font-size:22px;line-height:1}
.oa-kick{margin:0 0 4px;font-size:13px;color:var(--gold);font-weight:900;letter-spacing:.04em}
.oa-room h1{margin:0;font-size:26px;line-height:1.38;font-weight:900;text-shadow:0 2px 6px rgba(0,0,0,.5)}
.oa-by{margin:8px 0 0;font-size:13px;color:#eadcef}
.oa-page{max-width:780px;margin:-14px auto 0;padding:0 10px;position:relative;z-index:2}
.oa-paper{background:linear-gradient(180deg,#2b1237,#1f0c29 240px);border-radius:22px;padding:22px 16px 26px;box-shadow:var(--glow);position:relative}
.oa-paper>:first-child{margin-top:0}
.oa-paper h2{font-size:21px;line-height:1.45;margin:36px 0 12px;font-weight:900;display:flex;gap:10px;align-items:center;color:var(--gold)}
.oa-h2n{flex:none;width:32px;height:32px;border-radius:50%;font-size:13px;color:#4a2b00;background:radial-gradient(circle at 35% 30%,#fff4c2,#ffd166 45%,#c98a0c);box-shadow:0 0 0 2px #a86f08 inset,0 2px 6px rgba(0,0,0,.4);font-weight:900;display:flex;align-items:center;justify-content:center}
.oa-paper h3{font-size:17px;margin:22px 0 8px;font-weight:900;color:#ffe3a3}
.oa-paper p{margin:0 0 14px}
.oa-paper ul,.oa-paper ol{padding-left:22px;margin:0 0 14px}
.oa-paper li{margin:4px 0}
.oa-paper b{color:#fff}
.oa-lead{background:linear-gradient(110deg,rgba(122,18,48,.75),rgba(60,20,80,.6));border-radius:16px;padding:14px 16px;margin:0 0 16px;border:1px solid var(--goldline);border-left:4px solid var(--gold)}
.oa-lead p{margin:0;font-size:16px}
.oa-lead p+p{margin-top:8px}
.oa-lead b{color:var(--gold)}
.oa-quick{margin:0 0 8px}
.oa-quick p{font-size:12px;color:var(--mut2);margin:0 0 6px}
.oa-quick div{display:flex;flex-wrap:wrap;gap:6px}
.oa-quick a{font-size:13px;text-decoration:none;border:1.5px solid var(--gold2);color:var(--gold);border-radius:999px;padding:3px 11px;background:rgba(255,206,102,.06);line-height:1.6}
.oa-quick a:hover{background:rgba(255,206,102,.16)}
.oa-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:0 0 16px;padding:0!important;list-style:none}
.oa-facts li{background:linear-gradient(180deg,#3a1748,#2a1035);border-radius:12px;padding:9px 12px;margin:0;line-height:1.45;box-shadow:0 0 0 1px rgba(255,206,102,.3) inset}
.oa-facts span{display:block;font-size:12px;color:var(--mut2)}
.oa-facts b{font-size:15px;color:var(--gold)}
.oa-steps{list-style:none;padding:0!important;counter-reset:s;margin:0 0 16px}
.oa-steps>li{counter-increment:s;position:relative;padding:2px 0 14px 46px;margin:0}
.oa-steps>li::before{content:counter(s);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;color:#4a2b00;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:14px;background:radial-gradient(circle at 35% 30%,#fff4c2,#ffd166 45%,#c98a0c);box-shadow:0 0 0 2px #a86f08 inset}
.oa-steps>li::after{content:"";position:absolute;left:15px;top:36px;bottom:2px;width:2px;background:linear-gradient(var(--gold2),rgba(224,165,38,.15))}
.oa-steps>li:last-child::after{display:none}
.oa-steps b{display:block;color:#ffe3a3}
.oa-tip,.oa-warn{border-radius:14px;padding:12px 14px;margin:0 0 16px;font-size:15px}
.oa-tip{background:rgba(47,98,224,.16);border:1px solid rgba(120,160,255,.4)}
.oa-warn{background:rgba(226,40,60,.14);border:1px solid rgba(255,110,110,.45)}
.oa-tip p,.oa-warn p{margin:0}.oa-tip p+p,.oa-warn p+p{margin-top:6px}
.oa-tip b:first-child{color:#9fc0ff}.oa-warn b:first-child{color:#ff9a9a}
/* tables */
.oa-tbl{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 6px;border-radius:14px;box-shadow:0 0 0 1px var(--goldline)}
.oa-t{border-collapse:collapse;width:100%;font-size:14px;line-height:1.55;background:#241030;color:var(--ink)}
.oa-t th,.oa-t td{padding:9px 10px;border-bottom:1px solid rgba(255,206,102,.14);vertical-align:middle;text-align:center}
.oa-t thead th{background:var(--goldflat);color:#2a1500;font-weight:900;font-size:13px;white-space:nowrap}
.oa-t tbody th{text-align:left;font-weight:700;background:#2e1439;white-space:nowrap;color:#ffe3a3}
.oa-t tbody tr:nth-child(even) td{background:rgba(255,255,255,.025)}
.oa-t td.l{text-align:left}
.oa-t td.n{white-space:nowrap;font-variant-numeric:tabular-nums}
.oa-t thead th.get{background:linear-gradient(180deg,#c9381a,#a3210f);color:#fff}
.oa-t td.get{font-weight:900;color:#ffb057;white-space:nowrap}
.oa-t td a{color:var(--gold)}
.oa-t tr:last-child>*{border-bottom:0}
.oa-t.is-wide{min-width:620px}
.oa-t.is-small,.oa-tbl.is-small{max-width:420px}
.oa-fine{font-size:12px;color:var(--mut2);margin:0 0 18px!important;line-height:1.6}
/* share card */
.oa-share{max-width:360px;margin:8px auto 22px;border-radius:18px;overflow:hidden;background:#22102c;box-shadow:0 0 0 2px var(--gold2),0 10px 26px rgba(0,0,0,.5)}
.oa-share-top{display:flex;align-items:center;gap:10px;padding:16px;color:#fff;flex-wrap:wrap;background-size:cover;background-position:right center;position:relative;min-height:86px}
.oa-share-top::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,0) 80%)}
.oa-share-top>*{position:relative}
.oa-share-top.oa-c-fage{background-image:url(/assets/img/art/card-fage-560.webp)}.oa-share-top.oa-c-wwin{background-image:url(/assets/img/art/card-wwin-560.webp)}.oa-share-top.oa-c-b71{background-image:url(/assets/img/art/card-b71-560.webp)}
.oa-share-av{width:40px;height:40px;border-radius:50%;background:rgba(20,6,26,.75);text-shadow:0 1px 2px #000;box-shadow:0 0 0 2px var(--gold) inset;display:flex;align-items:center;justify-content:center;font-weight:900}
.oa-share-top b{font-size:18px;flex:1;font-weight:900;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.oa-share-top small{width:100%;font-size:12px;margin-top:-4px;padding-left:50px;text-shadow:0 1px 3px rgba(0,0,0,.7)}
.oa-share-in{padding:12px 16px 4px}
.oa-share-in p{margin:0 0 8px;font-size:14px;color:#e3d3ea;line-height:1.6}
.oa-share-in .oa-share-h{font-size:16px;color:var(--gold);font-weight:900;margin-bottom:4px}
.oa-share-go{display:block;margin:6px 14px 14px;text-align:center;border-radius:12px;padding:12px;font-weight:900;color:#fff;text-decoration:none;font-size:16px;background:var(--btngrad);box-shadow:0 0 0 2px #ffd166 inset,0 6px 14px rgba(226,40,60,.35);text-shadow:0 1px 0 rgba(120,0,0,.5)}
/* phone screenshot */
.oa-phone{margin:8px auto 22px;max-width:280px;text-align:center}
.oa-phone-f{border-radius:30px;overflow:hidden;background:#111;padding:6px;background:var(--goldgrad);box-shadow:0 12px 28px rgba(0,0,0,.5)}
.oa-phone-f img{width:100%;border-radius:24px}
.oa-phone figcaption,.oa-off figcaption{font-size:13px;color:var(--mut2);margin-top:8px;line-height:1.55}
.oa-shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:4px 16px;margin:0 0 8px}
.oa-shots .oa-phone{max-width:250px}
.oa-off{margin:4px 0 20px}
.oa-off img{width:100%;border-radius:14px;box-shadow:0 0 0 2px var(--gold2),0 8px 22px rgba(0,0,0,.45)}
/* chat Q&A (版型 D) */
.oa-chat{background:linear-gradient(180deg,#2a1f4e,#1c1438);border-radius:20px;padding:14px 10px 6px;margin:6px 0 20px;box-shadow:0 0 0 1px rgba(160,140,255,.25) inset}
.oa-chat-day{text-align:center;margin:0 0 12px!important}
.oa-chat-day span{background:rgba(0,0,0,.35);color:#e9e0ff;font-size:12px;padding:2px 12px;border-radius:999px}
.oa-msg{display:flex;gap:8px;align-items:flex-end;margin:0 0 12px}
.oa-me{justify-content:flex-end}
.oa-bub{border-radius:18px;padding:9px 13px;font-size:15px;line-height:1.65;max-width:min(80%,520px);margin:0}
.oa-qb{background:linear-gradient(180deg,#ffe9a6,#ffcd5c);color:#3b2200;font-weight:700;border-bottom-right-radius:6px}
.oa-ab{background:#fff8ff;color:#2a1336;border-bottom-left-radius:6px}
.oa-ab p{margin:0}.oa-ab p+p{margin-top:6px}
.oa-ab b{color:#7a1230}.oa-ab a{color:#a3104a;font-weight:700}
.oa-ab ul{margin:4px 0 0;padding-left:18px}
.oa-av{flex:none;align-self:flex-start;width:40px;height:40px;border-radius:50%;padding:2px;background:var(--goldgrad);box-shadow:0 2px 6px rgba(0,0,0,.4)}
.oa-av img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#5c0e28}
.oa-time{font-size:10px;color:#b9addb;line-height:1.3;text-align:right;flex:none}
/* disclosure, related, footer, dock */
.oa-disc{margin:26px 0 0;border-radius:14px;background:rgba(0,0,0,.25);padding:12px 14px;font-size:13px;color:var(--mut);line-height:1.7;box-shadow:0 0 0 1px rgba(255,206,102,.18) inset}
.oa-disc-h{margin:0 0 2px!important;font-weight:900;color:var(--gold);font-size:13px}
.oa-disc p{margin:0}
.oa-feed{margin:24px 0 0}
.oa-feed-h{font-size:15px;font-weight:900;margin:0 0 8px!important;color:var(--gold)}
.oa-feed ul{list-style:none;padding:0!important;margin:0;display:grid;gap:8px}
.oa-feed li{margin:0}
.oa-feed a{display:block;text-decoration:none;color:var(--ink);background:linear-gradient(180deg,#341843,#26102f);border-radius:14px;padding:10px 34px 10px 14px;position:relative;box-shadow:0 0 0 1px rgba(255,206,102,.28) inset}
.oa-feed a::after{content:"›";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:24px;color:var(--gold)}
.oa-feed b{display:block;font-size:15px;line-height:1.5}
.oa-feed span{font-size:13px;color:var(--mut2);line-height:1.5;display:block}
.oa-foot{background:#0d0612;color:#b9a6c2;margin-top:34px;font-size:13px;border-top:2px solid var(--gold3)}
.oa-foot-in{max-width:980px;margin:0 auto;padding:26px 16px 20px}
.oa-foot-id{display:flex;gap:12px;align-items:center;margin-bottom:16px}
.oa-foot-id img{height:40px;width:auto}
.oa-foot-id p{margin:0;line-height:1.5}
.oa-foot-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 16px;margin-bottom:16px}
.oa-foot-nav p{margin:8px 0 2px;color:var(--gold);font-weight:900;font-size:12px}
.oa-foot-nav a{display:block;color:#e8dcef;text-decoration:none;padding:3px 0}
.oa-foot-disc{line-height:1.7;border-top:1px solid rgba(255,255,255,.08);padding-top:14px;margin:0 0 8px}
.oa-foot-copy{margin:0;font-size:12px;opacity:.7}
.oa-lid{font-weight:700}
.oa-dock{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(23,10,32,0),rgba(23,10,32,.95) 40%)}
.oa-dock a{max-width:520px;margin:0 auto;display:flex;align-items:center;gap:10px;border-radius:16px;padding:8px 12px;text-decoration:none;color:#fff;background:var(--btngrad);box-shadow:0 0 0 2px #ffd166 inset,0 8px 24px rgba(0,0,0,.5);position:relative;overflow:hidden}
.oa-dock a::after{content:"";position:absolute;left:6%;right:6%;top:2px;height:40%;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0));pointer-events:none}
.oa-dock-av{width:40px;height:40px;border-radius:50%;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;flex:none;box-shadow:0 0 0 2px #ffd166}
.oa-dock span:nth-child(2){flex:1;line-height:1.3}
.oa-dock b{display:block;font-size:16px;font-weight:900;text-shadow:0 1px 0 rgba(90,0,0,.5)}.oa-dock small{font-size:12px;color:#fff}
.oa-dock em{font-style:normal;font-size:26px;color:#fff3c4}
.oa-404{text-align:center;padding:10px 0 20px}
.oa-404 img{margin:0 auto 10px;width:220px}
@media (min-width:760px){
  body{font-size:17px}
  .oa-paper{padding:34px 40px 38px}
  .oa-room-in{padding:22px 24px 36px;min-height:200px}
  .oa-room{background-image:url(/assets/img/art/band.webp)}
  .oa-room-cat{width:150px;right:20px}
  .oa-room-in>*:not(.oa-room-cat){max-width:calc(100% - 175px)}
  .oa-room h1{font-size:33px}
  .oa-foot-nav{grid-template-columns:repeat(4,1fr)}
  .oa-facts{grid-template-columns:repeat(4,1fr)}
  .oa-cover{border-radius:0 0 26px 26px}
  .oa-cover-t strong{font-size:40px}
}
@media (max-width:370px){.oa-logo img{height:40px}.oa-rm-t{height:100px;font-size:13px}.oa-rm-t img{width:52px;height:52px}.oa-cover-t strong{font-size:26px}}
/* chat bubbles: own colours win over .oa-post p / .oa-paper b (2026-10-22 contrast fix) */
.oa-chat .oa-qb{color:#2b1700}
.oa-chat .oa-ab,.oa-chat .oa-ab p,.oa-chat .oa-ab li{color:#241030}
.oa-chat .oa-ab b{color:#6e0f2c}
.oa-chat .oa-ab a{color:#8a0c3e}
.oa-chat .oa-qb a{color:#5a1a00}
/* ===== tablet / desktop (2026-10-22: real desktop layout, phones keep the single column) ===== */
.oa-topnav,.oa-side{display:none}
@media (min-width:768px){
  .oa-home,.oa-feedwrap{max-width:720px}
  .oa-rm-t{height:126px}
  .oa-rm-t img{width:70px;height:70px}
  .oa-post.is-wide .oa-trio{grid-template-columns:repeat(3,1fr)}
  .oa-post.is-wide .oa-pcard{flex-direction:column;align-items:flex-start;min-height:150px;padding-top:16px}
}
@media (min-width:1024px){
  body{padding-bottom:0}
  .oa-dock{display:none}
  .oa-bar-in{max-width:1200px;padding:8px 24px;gap:18px}
  .oa-logo img{height:54px}
  .oa-topnav{display:flex;gap:4px;margin-left:auto}
  .oa-topnav a{color:var(--ink);text-decoration:none;font-weight:700;font-size:15px;padding:7px 12px;border-radius:10px}
  .oa-topnav a:hover,.oa-topnav a[aria-current]{background:rgba(255,206,102,.14);color:var(--gold)}
  /* home: hero left, profile card right, rich menu as a 5-column board, posts in two columns */
  .oa-home{max-width:1200px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:22px;padding:24px 24px 0}
  .oa-cover{grid-column:1;aspect-ratio:auto;height:100%;min-height:440px;max-height:none;border:0;border-radius:24px;box-shadow:0 0 0 2px var(--gold2),0 16px 40px rgba(0,0,0,.5)}
  .oa-cover-t{left:34px;top:40px;max-width:52%}
  .oa-cover-t p{font-size:16px}
  .oa-cover-t strong{font-size:52px}
  .oa-prof{grid-column:2;margin:0;padding:30px 30px 26px;display:flex;flex-direction:column;justify-content:center}
  .oa-avatar{top:0;margin:0 auto 14px;width:116px;height:116px}
  .oa-prof h1{font-size:32px}
  .oa-bio{font-size:16px}
  .oa-sec-h{grid-column:1/-1;margin:14px 2px 0;font-size:20px}
  .oa-rm{grid-column:1/-1;margin:0;grid-template-columns:repeat(5,1fr);grid-auto-rows:150px;gap:12px}
  .oa-rm-big{grid-column:span 2;grid-row:span 2;flex-direction:column;justify-content:center;text-align:center;padding:24px}
  .oa-rm-big img{width:150px;height:150px}
  .oa-rm-big b{font-size:26px}.oa-rm-big small{font-size:15px}
  .oa-rm-big em{display:none}
  .oa-rm-big .oa-rib{display:block;top:18px;right:-34px;font-size:15px;padding:3px 44px}
  .oa-rm-t{height:auto;font-size:17px;gap:8px}
  .oa-rm-t img{width:84px;height:84px}
  .oa-feedwrap{max-width:1200px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:8px 24px 0;align-items:stretch}
  .oa-post{margin:0;padding:22px 24px}
  .oa-post.is-wide{grid-column:1/-1;order:-1}
  .oa-post.is-wide .oa-pcard{min-height:170px;padding:20px}
  .oa-post.is-wide .oa-pcard b{font-size:20px}
  /* inner pages: reading column + sticky side column */
  .oa-room-in{max-width:1200px;padding:26px 24px 40px;min-height:220px}
  .oa-room-cat{width:170px;right:24px}
  .oa-room-in>*:not(.oa-room-cat){max-width:calc(100% - 220px)}
  .oa-room h1{font-size:36px}
  .oa-page{max-width:1200px;padding:0 24px}
  .oa-page.has-side{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:26px;align-items:start}
  .oa-page.has-side .oa-paper>.oa-quick{display:none}
  .oa-paper{max-width:860px}
  .oa-side{display:block;position:sticky;top:96px;margin-top:14px}
  .oa-side .oa-share{margin:0 0 16px;max-width:none}
  .oa-side-toc,.oa-side-list{background:linear-gradient(180deg,#2c1238,#1f0c29);border-radius:18px;padding:14px 16px;margin:0 0 16px;box-shadow:var(--glow)}
  .oa-side-toc p,.oa-side-list p{margin:0 0 8px;font-weight:900;color:var(--gold);font-size:15px}
  .oa-side-toc a{display:block;color:var(--ink);text-decoration:none;font-size:14px;padding:6px 8px;border-radius:8px;line-height:1.5}
  .oa-side-toc a:hover{background:rgba(255,206,102,.12);color:var(--gold)}
  .oa-side-list a{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);padding:8px;border-radius:12px}
  .oa-side-list a:hover,.oa-side-list a[aria-current]{background:rgba(255,206,102,.12)}
  .oa-side-list i{font-style:normal;flex:none;width:36px;height:36px;border-radius:50%;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--gold) inset}
  .oa-side-list b{display:block;font-size:14px;line-height:1.4}.oa-side-list small{display:block;font-size:12px;color:var(--mut);line-height:1.4}
  .oa-foot-in{max-width:1200px;padding:32px 24px 24px}
}
/* official platform logos (identification only; whole logo, never cropped) */
.oa-plate,.oa-pcard i.oa-plate,.oa-side-list i.oa-plate{display:flex;align-items:center;justify-content:center;flex:none;width:88px;height:58px;border-radius:12px;padding:4px 6px;background:rgba(20,6,26,.62);box-shadow:0 0 0 1.5px var(--gold) inset}
.oa-plate img{height:100%;width:auto;max-width:100%;object-fit:contain}
.oa-side-list i.oa-plate{width:70px;height:46px}
.oa-share-av{width:auto;height:auto;border-radius:12px;padding:4px 8px;background:rgba(20,6,26,.62);box-shadow:0 0 0 1.5px var(--gold) inset}
.oa-share-av img{height:42px;width:auto;max-width:96px;object-fit:contain}
.oa-share-top small{padding-left:0;margin-top:2px}
.oa-dock-av{width:auto;height:44px;border-radius:12px;padding:3px 7px;background:rgba(20,6,26,.62);box-shadow:0 0 0 1.5px #ffd166}
.oa-dock-av img{height:38px;width:auto;max-width:84px;object-fit:contain}
.oa-room-logo{display:flex;width:max-content;margin:0 0 8px;padding:4px 10px;border-radius:12px;background:rgba(20,6,26,.62);box-shadow:0 0 0 1.5px var(--goldline)}
.oa-room-logo img{height:50px;width:auto;max-width:150px;object-fit:contain}
.oa-th-logo{display:flex;justify-content:center;margin:0 auto 5px;width:max-content;padding:3px 6px;border-radius:8px;background:#1e0b28}
.oa-th-logo img{height:34px;width:auto;max-width:80px;object-fit:contain}
@media (min-width:768px){.oa-post.is-wide .oa-pcard i.oa-plate{width:110px;height:70px}}
/* trimmed 3D icons are not all square: keep their proportions */
.oa-rm-t img,.oa-rm-big img,.oa-room-cat,.oa-404 img{object-fit:contain}
/* footer: third-party line (moved from the top strip, Hans 2026-10-22) */
.oa-foot-third{margin:2px 0 0!important;line-height:1.6}
.oa-foot-third b{color:var(--gold);font-weight:900}
.oa-foot-third span[aria-hidden]{opacity:.45;margin:0 6px}
.oa-foot-third .oa-18{display:inline-block;font-weight:900;color:#fff;background:var(--redrib);border-radius:6px;padding:0 6px;font-size:12px}
.oa-foot-third a{color:#fff}
/* desktop nav never shows a half-cut item: items that do not fit drop to a hidden second line (all of them are in 選單 too) */
@media (min-width:1024px){
  .oa-bar-in>.oa-logo,.oa-bar-in>.oa-more{flex:none}
  .oa-topnav{min-width:0;flex:1 1 auto;flex-wrap:wrap;justify-content:flex-end;height:40px;overflow:hidden;align-content:flex-start}
  .oa-topnav a{white-space:nowrap;line-height:26px}
}
@media (min-width:1024px){.oa-feedwrap>.oa-disc{grid-column:1/-1;margin-top:0}}
@media (max-width:600px){.oa-foot-id{flex-direction:column;align-items:flex-start;gap:8px}}
.oa-foot-third b,.oa-foot-third a,.oa-foot-third .oa-18{white-space:nowrap}