/* 第 13 輪：配件間（acc_ui.js）。版面沿用 look_shop 的 lk-*，這裡只補配件專用的小樣式 */
.ac-subs { margin-bottom:4px; } .ac-pages { margin-bottom:4px; }
.ac-parts { display:flex; gap:5px; flex-wrap:wrap; margin:0 0 8px; }
.ac-parts button { padding:4px 11px; font-size:13px; font-weight:800; border-radius:12px; display:flex; flex-direction:column; align-items:center; line-height:1.2; min-width:62px; }
.ac-parts button em { font-style:normal; font-size:10px; font-weight:600; opacity:.65; max-width:78px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ac-parts button.on { background:var(--acc); color:var(--acc-tx); border-color:var(--acc); }
.ac-zs { display:flex; gap:3px; margin-bottom:2px; } .ac-z { width:18px; height:18px; border-radius:50%; border:2px solid var(--rc); display:block; }
.ac-item.tried { outline:3px dashed var(--rc); } .ac-item.tried.sel { outline-style:solid; }
.ac-tags { display:flex; gap:3px; flex-wrap:wrap; justify-content:center; } .ac-tag { font-style:normal; font-size:10px; font-weight:700; background:#eee9f6; border-radius:8px; padding:0 6px; }
.ac-try { line-height:1.5; } .ac-warn { color:#c2410c; font-weight:700; }
.ac-hint { font-size:12px; line-height:1.5; opacity:.85; background:#fff; border-radius:10px; padding:4px 8px; border:1px solid var(--line); }
.ac-item { position:relative; } .ac-heart { position:absolute; right:4px; top:2px; padding:0 5px; font-size:18px; line-height:1.2; background:transparent; border:0; color:#c9a; cursor:pointer; } .ac-heart.on { color:#ff4f7a; }
.ac-outfits { grid-template-columns:repeat(auto-fill, minmax(190px, 1fr)); } .ac-outfit.empty { opacity:.85; } .ac-ol { opacity:.8 !important; max-width:100%; }
.ac-wname { width:100%; box-sizing:border-box; margin:4px 0 2px; padding:4px 8px; border-radius:10px; border:2px solid var(--line); font-size:13px; }
.ac-wsum { background:#fff3cf; border-radius:12px; padding:6px 12px; margin:0 0 8px; font-size:14px; } .ac-wsum .coin { width:14px; height:14px; vertical-align:-0.15em; }
.ac-wish.owned { opacity:.65; }
.ac-dye { background:#fff; border:1px solid var(--line); border-radius:12px; padding:6px 8px; display:flex; flex-direction:column; gap:5px; } .ac-dh small { display:block; font-size:11px; opacity:.7; }
.ac-dz { display:flex; gap:4px; flex-wrap:wrap; } .ac-dz button { padding:2px 9px; font-size:12px; font-weight:700; border-radius:999px; display:flex; align-items:center; gap:4px; } .ac-dz button i { width:14px; height:14px; border-radius:50%; border:1.5px solid #4a3a5c; display:block; } .ac-dz button.on { background:var(--acc); color:var(--acc-tx); border-color:var(--acc); }
.ac-sws, .ac-pal div { display:flex; flex-wrap:wrap; gap:4px; } .ac-sw { width:22px; height:22px; border-radius:50%; border:2px solid #fff; box-shadow:0 0 0 1.5px #b7aecb; padding:0; cursor:pointer; position:relative; } .ac-sw.on { box-shadow:0 0 0 3px #ff7f9f; } .ac-sw.lock::after { content:'\1F512'; position:absolute; inset:0; font-size:11px; line-height:18px; text-align:center; opacity:.8; }
.ac-pal { display:flex; flex-direction:column; gap:3px; border-top:1px dashed var(--line); padding-top:4px; } .ac-pal > span { font-size:11px; font-weight:700; } .ac-pal.lock > span { opacity:.75; }
.ac-cols { display:grid; grid-template-columns:repeat(auto-fill, minmax(112px, 1fr)); gap:8px; } .ac-cparts { margin:4px 0 8px; }
.ac-col { background:#fff; border:2px solid var(--rc); border-radius:14px; padding:6px 4px; display:flex; flex-direction:column; align-items:center; gap:2px; text-align:center; } .ac-col b { font-size:13px; } .ac-col small { font-size:11px; opacity:.7; } .ac-col .ac-cd { opacity:.85; }
.ac-col.sil { background:#2b2640; color:#bdb6d6; border-style:dashed; } .ac-col.sil .gw-btn { margin-top:2px; }
.ac-cz { display:flex; gap:3px; } .ac-cz i { width:20px; height:20px; border-radius:50%; border:2px solid rgba(255,255,255,.7); box-shadow:0 0 0 1.5px var(--rc); display:block; }
.ac-sets { display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:10px; } .ac-set { background:#fff; border:2px solid var(--line); border-radius:14px; padding:8px 12px; display:flex; flex-direction:column; gap:5px; } .ac-set.done { border-color:#f2a900; box-shadow:0 0 10px rgba(242,169,0,.4); }
.ac-sh { display:grid; grid-template-columns:1fr auto; gap:2px 8px; align-items:center; } .ac-sh .bg-bar { grid-column:1 / -1; }
.frm-angel { background:linear-gradient(var(--frm-bg),var(--frm-bg)) padding-box, linear-gradient(135deg,#fffbe0,#ffe36a 40%,#ffffff 60%,#f3c9ff) border-box !important; box-shadow:0 0 14px rgba(255,235,140,.85); }
.frm-angel::before { content:'\25CB'; position:absolute; top:-16px; left:50%; transform:translateX(-50%); font-size:22px; color:#ffd23a; text-shadow:0 0 6px #fff6c0; }
.frm-garden { background:linear-gradient(var(--frm-bg),var(--frm-bg)) padding-box, repeating-linear-gradient(45deg,#8fe08f 0 6px,#ffb7d0 6px 10px,#fff 10px 14px) border-box !important; box-shadow:0 0 12px rgba(120,210,120,.7); }
.lk-card.frm-angel, .lk-card.frm-garden { border:4px solid transparent; }

/* ---- 表情動作輪盤（emo.js） */
#emoWheel { position:fixed; left:50%; top:46%; width:0; height:0; z-index:30; }
#emoWheel .ew-mid { position:absolute; left:-52px; top:-52px; width:104px; height:104px; border-radius:50%; background:rgba(255,255,255,.95); box-shadow:0 4px 18px rgba(0,0,0,.3); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; } #emoWheel .ew-mid b { font-size:16px; } #emoWheel .ew-mid small { font-size:11px; opacity:.6; } #emoWheel .ew-mid button { font-size:11px; padding:1px 10px; border-radius:999px; }
#emoWheel .ew-b { position:absolute; left:-33px; top:-33px; width:66px; height:66px; border-radius:50%; border:3px solid #ffb02e; background:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:0; box-shadow:0 3px 10px rgba(0,0,0,.28); cursor:pointer; line-height:1.1; }
#emoWheel .ew-b i { font-style:normal; font-size:22px; font-weight:900; color:#ff8a3d; } #emoWheel .ew-b span { font-size:11px; font-weight:800; } #emoWheel .ew-b em { position:absolute; bottom:-9px; font-style:normal; font-size:10px; background:#4a3a5c; color:#ffd23a; border-radius:999px; padding:0 6px; }
#emoWheel .ew-b.lock { border-color:#b7aecb; background:#efeaf6; filter:grayscale(.7); } #emoWheel .ew-b:hover { transform-origin:center; filter:brightness(1.06); }
@media (max-width: 720px) { #emoWheel { top:40%; } #emoWheel .ew-b { width:58px; height:58px; left:-29px; top:-29px; } }
.ac-emo.lock { opacity:.85; } .ac-emo small { min-height:2.6em; }

/* ---- 換裝拍照（photo.js）與合照（group_photo.js） */
.ac-photo { margin-left:auto; background:#ff8a3d !important; color:#fff !important; border-color:#ff8a3d !important; font-weight:800; }
.ph-note { font-size:12px; opacity:.75; line-height:1.5; } .ph-grp { font-style:normal; font-size:12px; font-weight:800; color:#ff8a3d; }
#gpAsks { position:fixed; left:50%; top:100px; transform:translateX(-50%); z-index:40; display:flex; flex-direction:column; gap:6px; }
.gp-ask { background:#fff8e6; border:3px solid #ff8a3d; border-radius:14px; padding:8px 12px; display:flex; gap:8px; align-items:center; box-shadow:0 4px 14px rgba(0,0,0,.3); font-weight:700; } .gp-ask button { padding:4px 12px; border-radius:999px; font-weight:800; } .gp-ask button[data-ok="1"] { background:#ff8a3d; color:#fff; }
#gpChip { position:fixed; left:50%; bottom:92px; transform:translateX(-50%); z-index:35; background:#fff8e6; border:3px solid #ff8a3d; border-radius:16px; padding:8px 14px; display:flex; gap:8px; align-items:center; box-shadow:0 4px 14px rgba(0,0,0,.3); max-width:calc(100vw - 20px); flex-wrap:wrap; justify-content:center; } #gpChip small { display:block; font-size:11px; opacity:.7; } #gpChip button { padding:5px 14px; border-radius:999px; font-weight:800; } #gpChip button[data-go] { background:#ff8a3d; color:#fff; }