/* ═══ kakao 皮膚包 ═══
   規則一律寫在 body.nvskin-* 之下 —— 沒選主題時整份文件對頁面零影響,
   默認的綠粉日夜配色一個字節都不會被碰到。 */

/* ── 氣泡:border-image 九宮格 ──
   slice = kakao cap × 2(@2x圖) + fill;border-width = 原始 cap;padding 歸零。
   padding 不能再疊 kakao 的 edgeinsets —— border-width 已經是氣泡的裝飾邊,
   疊上去會變成上 33 下 30,文字整體偏下 3px。 */
.nvskin-anteros .nv-bub.mine.first{border-image:url(/themes/anteros/send-first.png) 42 63 35 56 fill / 21px 32px 21px 28px / 0 stretch;color:#FFFFFF !important}
.nvskin-anteros .nv-bub.mine.rest{border-image:url(/themes/anteros/send-rest.png) 42 63 35 38 fill / 21px 32px 21px 19px / 0 stretch;color:#FFFFFF !important}
.nvskin-anteros .nv-bub.theirs.first{border-image:url(/themes/anteros/receive-first.png) 42 53 35 66 fill / 21px 27px 21px 33px / 0 stretch;color:#47484A !important}
.nvskin-anteros .nv-bub.theirs.rest{border-image:url(/themes/anteros/receive-rest.png) 42 37 35 64 fill / 21px 19px 21px 32px / 0 stretch;color:#47484A !important}
.nvskin-eros .nv-bub.mine.first{border-image:url(/themes/eros/send-first.png) 42 63 35 56 fill / 21px 32px 21px 28px / 0 stretch;color:#3A4D57 !important}
.nvskin-eros .nv-bub.mine.rest{border-image:url(/themes/eros/send-rest.png) 42 63 35 38 fill / 21px 32px 21px 19px / 0 stretch;color:#3A4D57 !important}
.nvskin-eros .nv-bub.theirs.first{border-image:url(/themes/eros/receive-first.png) 42 53 35 66 fill / 21px 27px 21px 33px / 0 stretch;color:#3A4D57 !important}
.nvskin-eros .nv-bub.theirs.rest{border-image:url(/themes/eros/receive-rest.png) 42 37 35 64 fill / 21px 19px 21px 32px / 0 stretch;color:#3A4D57 !important}body.nvskin-anteros .nv-bub,body.nvskin-eros .nv-bub{
  border-style:solid; background:none !important; border-radius:0 !important;
  box-shadow:none !important; padding:0 !important; display:inline-block;
}

/* ── 整套色板(取自各自 .ktheme 的 Header / InputBar / MainView 定義) ── */
body.nvskin-anteros{--sk-hd:#4E4F51;--sk-hdTx:#FFFFFF;--sk-sub:#A0A0A0;--sk-bg:#6D6E71;
  --sk-inBg:#FFFFFF;--sk-inTx:#4E4F51;--sk-acc:#47484A;--sk-btn:#EDEDEE;--sk-btnTx:#4E4F51}
body.nvskin-eros{--sk-hd:#B1D2E1;--sk-hdTx:#3E535E;--sk-sub:#6E8590;--sk-bg:#D8E8EF;
  --sk-inBg:#FFFFFF;--sk-inTx:#3E535E;--sk-acc:#3E535E;--sk-btn:#E4F0F5;--sk-btnTx:#3E535E}/* ── 頂欄 ── */
body.nvskin-anteros #nv-chat-hd,/* ── 頂欄 ── */
body.nvskin-eros #nv-chat-hd{background:var(--sk-hd) !important;border-bottom:1px solid rgba(0,0,0,.10) !important}body.nvskin-anteros #nv-chat-hd *,body.nvskin-eros #nv-chat-hd *{color:var(--sk-hdTx) !important}body.nvskin-anteros #nv-chat-hd svg,body.nvskin-eros #nv-chat-hd svg{stroke:var(--sk-hdTx) !important}body.nvskin-anteros #nv-chat-hd svg [fill]:not([fill="none"]),body.nvskin-eros #nv-chat-hd svg [fill]:not([fill="none"]){fill:var(--sk-hdTx) !important}/* 頂欄裡的次級文字(簽名檔/會話名)壓暗一檔,免得全部同色糊成一塊 */
body.nvskin-anteros #nv-chat-hd .nvhd-sub,免得全部同色糊成一塊 */
body.nvskin-eros #nv-chat-hd .nvhd-sub{color:var(--sk-sub) !important;opacity:.9}/* ── 聊天底 ── */
body.nvskin-anteros #nv-chat-scroll,/* ── 聊天底 ── */
body.nvskin-eros #nv-chat-scroll{background:var(--sk-bg) !important;background-image:none !important}/* ── 輸入欄(她說的「鍵盤」那一條) ── */
body.nvskin-anteros #nv-inputbar,/* ── 輸入欄(她說的「鍵盤」那一條) ── */
body.nvskin-eros #nv-inputbar{
  background:var(--sk-inBg) !important;border:1px solid rgba(0,0,0,.10) !important;
  box-shadow:0 -1px 8px rgba(0,0,0,.06) !important;backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;border-radius:18px !important;
}body.nvskin-anteros #nv-inputbar textarea,body.nvskin-eros #nv-inputbar textarea{color:var(--sk-inTx) !important}body.nvskin-anteros #nv-inputbar textarea::placeholder,body.nvskin-eros #nv-inputbar textarea::placeholder{color:var(--sk-inTx) !important;opacity:.42}/* 輸入欄上那排圓按鈕:統一成主題的淺底 + 主題描邊,圖標描邊同色 */
body.nvskin-anteros #nv-inputbar button,圖標描邊同色 */
body.nvskin-eros #nv-inputbar button{background:var(--sk-btn) !important;border:1px solid rgba(0,0,0,.08) !important}body.nvskin-anteros #nv-inputbar button svg,body.nvskin-eros #nv-inputbar button svg{stroke:var(--sk-btnTx) !important}body.nvskin-anteros #nv-inputbar button span,body.nvskin-eros #nv-inputbar button span{color:var(--sk-btnTx) !important}/* 發送鍵:主題強調色,和其餘按鈕拉開 */
body.nvskin-anteros #nv-inputbar button:last-of-type,和其餘按鈕拉開 */
body.nvskin-eros #nv-inputbar button:last-of-type{background:var(--sk-acc) !important}body.nvskin-anteros #nv-inputbar button:last-of-type svg,body.nvskin-eros #nv-inputbar button:last-of-type svg{stroke:var(--sk-inBg) !important}/* ── 時間戳 / 已讀 這類小字 ── */
body.nvskin-anteros #nv-chat-scroll .nvts,/* ── 時間戳 / 已讀 這類小字 ── */
body.nvskin-eros #nv-chat-scroll .nvts{color:var(--sk-acc) !important;opacity:.55}


/* ═══ 毛玻璃皮膚(glass):跟隨日夜,不做反相 ═══ */
body.nvskin-glass .nv-bub{
  background:rgba(255,255,255,.40) !important;
  -webkit-backdrop-filter:blur(20px) saturate(1.55); backdrop-filter:blur(20px) saturate(1.55);
  border:1px solid rgba(255,255,255,.55) !important;
  box-shadow:0 6px 22px rgba(120,90,110,.10) !important;
}
body.nvskin-glass .nv-bub.mine{ background:rgba(217,154,168,.32) !important; border-color:rgba(255,255,255,.5) !important; }
html[data-nvdd="1"] body.nvskin-glass .nv-bub{ background:rgba(46,38,52,.44) !important; border-color:rgba(255,255,255,.13) !important; box-shadow:0 6px 22px rgba(0,0,0,.28) !important; }
html[data-nvdd="1"] body.nvskin-glass .nv-bub.mine{ background:rgba(216,180,194,.20) !important; }
/* 自动夜间只覆盖“我的气泡”：米白毛玻璃 + 深色字，手动模式仍由外观页控制。 */
.nv-auto-night .nv-bub.mine{
  background:rgba(245,237,225,.82) !important;
  color:#3a2a34 !important;
  border-color:rgba(255,255,255,.58) !important;
  box-shadow:0 6px 22px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.46) !important;
  -webkit-backdrop-filter:blur(20px) saturate(1.35) !important;
  backdrop-filter:blur(20px) saturate(1.35) !important;
}
/* 真正的夜间判据是 data-theme=dark；玻璃皮肤下始终让我的气泡清晰可读。 */
html[data-theme="dark"] body.nvskin-glass .nv-bub.mine{
  background:rgba(246,239,228,.88) !important;
  color:#35272f !important;
  border-color:rgba(255,255,255,.68) !important;
  box-shadow:0 7px 24px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.58) !important;
  -webkit-backdrop-filter:blur(20px) saturate(1.3) !important;
  backdrop-filter:blur(20px) saturate(1.3) !important;
}
/* 輸入欄整條 + 裡面每顆按鍵都是玻璃 */
body.nvskin-glass #nv-inputbar{
  background:rgba(255,255,255,.34) !important;
  -webkit-backdrop-filter:blur(26px) saturate(1.6); backdrop-filter:blur(26px) saturate(1.6);
  border:1px solid rgba(255,255,255,.5) !important;
  box-shadow:0 10px 34px rgba(120,90,110,.14) !important;
}
html[data-nvdd="1"] body.nvskin-glass #nv-inputbar{
  background:rgba(36,30,42,.44) !important; border-color:rgba(255,255,255,.12) !important; box-shadow:0 10px 34px rgba(0,0,0,.35) !important;
}
body.nvskin-glass #nv-inputbar button{
  background:rgba(255,255,255,.30) !important;
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.48) !important;
  box-shadow:none !important;
}
html[data-nvdd="1"] body.nvskin-glass #nv-inputbar button{ background:rgba(255,255,255,.10) !important; border-color:rgba(255,255,255,.14) !important; }
body.nvskin-glass #nv-inputbar textarea, body.nvskin-glass #nv-inputbar input{ background:transparent !important; }

/* ═══ glass 細節(2026-08-24):發送鍵黑玻璃、氣泡壓矮 ═══ */
/* 氣泡壓矮一檔:單行高度貼近頭像直徑 */
body.nvskin-glass .nv-bub{ padding:7px 13px !important; }
/* 發送鍵:黑色毛玻璃(默認);nv-send-ghost 時透明 */
body.nvskin-glass #nv-inputbar button:last-child{
  background:rgba(28,24,32,.62) !important; color:#fff !important;
  -webkit-backdrop-filter:blur(16px) saturate(1.4); backdrop-filter:blur(16px) saturate(1.4);
  border:1px solid rgba(255,255,255,.22) !important;
}
body.nvskin-glass #nv-inputbar button:last-child svg{ stroke:#fff !important; }
body.nvskin-glass #nv-inputbar button.nv-send-ghost:last-child{ background:rgba(255,255,255,.10) !important; border-color:rgba(255,255,255,.25) !important; }
body.nvskin-glass #nv-inputbar button.nv-send-ghost:last-child svg{ stroke:rgba(255,255,255,.55) !important; }

/* ═══ glass r2(2026-08-24 下午):四圓框、搜索面板、語音氣泡 ═══ */
/* 四顆圓框同直徑34:左列 ‹+地圖,右列 (i)+放大鏡,清單同款;左右各與頂行按鍵同一豎線 */
body.nvskin-glass #nv-subhd > button, body.nvskin-glass #nv-subhd .nv-sessrow > button{
  background:rgba(255,255,255,.32) !important; -webkit-backdrop-filter:blur(14px) saturate(1.4); backdrop-filter:blur(14px) saturate(1.4);
  border:1px solid rgba(255,255,255,.5) !important; border-radius:999px !important;
  width:34px; height:34px; min-width:34px; display:flex !important; align-items:center; justify-content:center; padding:0 !important; margin:0 !important; box-sizing:border-box;
}
html[data-nvdd="1"] body.nvskin-glass #nv-subhd > button, html[data-nvdd="1"] body.nvskin-glass #nv-subhd .nv-sessrow > button{ background:rgba(255,255,255,.10) !important; border-color:rgba(255,255,255,.15) !important; }
body.nvskin-glass #nv-subhd > button > span{ top:-2px !important; right:-2px !important; }
/* 窗口名圓框:壓扁貼字 + 匯文明朝 */
body.nvskin-glass .nv-sessrow .nv-sessname-w{ padding:2px 14px !important; }
body.nvskin-glass .nv-sessrow .nv-sessname-w span{ font-family:'HuiwenMincho','Songti TC',serif !important; font-size:12px !important; letter-spacing:1px !important; line-height:1.35 !important; }
/* 搜索輸入條 + 結果面板:透明毛玻璃 */
body.nvskin-glass .nv-srch{ background:rgba(255,255,255,.40) !important; border:1px solid rgba(255,255,255,.5) !important; -webkit-backdrop-filter:blur(16px) saturate(1.5); backdrop-filter:blur(16px) saturate(1.5); }
html[data-nvdd="1"] body.nvskin-glass .nv-srch{ background:rgba(255,255,255,.10) !important; border-color:rgba(255,255,255,.14) !important; }
body.nvskin-glass [data-gs-panel]{ background:rgba(252,249,246,.60) !important; border:1px solid rgba(255,255,255,.5) !important; -webkit-backdrop-filter:blur(24px) saturate(1.5); backdrop-filter:blur(24px) saturate(1.5); }
html[data-nvdd="1"] body.nvskin-glass [data-gs-panel]{ background:rgba(30,24,38,.62) !important; border-color:rgba(255,255,255,.12) !important; }
/* 語音氣泡玻璃(與文字氣泡同一套) */
body.nvskin-glass .nv-vbub{ background:rgba(255,255,255,.40) !important; -webkit-backdrop-filter:blur(20px) saturate(1.55); backdrop-filter:blur(20px) saturate(1.55); border:1px solid rgba(255,255,255,.55) !important; box-shadow:0 6px 22px rgba(120,90,110,.10) !important; }
body.nvskin-glass .nv-vbub.mine{ background:rgba(217,154,168,.32) !important; border-color:rgba(255,255,255,.5) !important; }
html[data-nvdd="1"] body.nvskin-glass .nv-vbub{ background:rgba(46,38,52,.44) !important; border-color:rgba(255,255,255,.13) !important; }
html[data-nvdd="1"] body.nvskin-glass .nv-vbub.mine{ background:rgba(216,180,194,.20) !important; }

/* ═══ floating glass header r5:父層完全不存在視覺背景，只留下獨立玻璃件 ═══ */
body:not(.nvskin-anteros):not(.nvskin-eros) #nv-safe-strip,
body:not(.nvskin-anteros):not(.nvskin-eros) #nv-chat-hd,
body:not(.nvskin-anteros):not(.nvskin-eros) #nv-subhd{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
}
body:not(.nvskin-anteros):not(.nvskin-eros) #nv-chat-hd button,
body:not(.nvskin-anteros):not(.nvskin-eros) #nv-subhd button,
body:not(.nvskin-anteros):not(.nvskin-eros) #nv-subhd .nv-sessname-w,
body:not(.nvskin-anteros):not(.nvskin-eros) #nv-chat-hd .nv-hd-identity{
  pointer-events:auto;
}

/* 第一排返回與資訊鍵各自成為獨立玻璃圓片。 */
body:not(.nvskin-anteros):not(.nvskin-eros) #nv-chat-hd > div > button,
body:not(.nvskin-anteros):not(.nvskin-eros) #nv-subhd > button,
body:not(.nvskin-anteros):not(.nvskin-eros) #nv-subhd .nv-sessrow > button{
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  border-radius:999px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.34),rgba(255,255,255,.12)) !important;
  border:1px solid rgba(255,255,255,.58) !important;
  box-shadow:0 7px 22px rgba(92,72,88,.10),inset 0 1px 0 rgba(255,255,255,.40) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.55) !important;
  backdrop-filter:blur(18px) saturate(1.55) !important;
}
html[data-nvdd="1"] body:not(.nvskin-anteros):not(.nvskin-eros) #nv-chat-hd > div > button,
html[data-nvdd="1"] body:not(.nvskin-anteros):not(.nvskin-eros) #nv-subhd > button,
html[data-nvdd="1"] body:not(.nvskin-anteros):not(.nvskin-eros) #nv-subhd .nv-sessrow > button{
  background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.055)) !important;
  border-color:rgba(255,255,255,.20) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.12) !important;
}

/* 名字與個簽只懸空排字，不加框、不加罩色。 */
body:not(.nvskin-anteros):not(.nvskin-eros) .nv-hd-identity{
  padding:0 !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
body:not(.nvskin-anteros):not(.nvskin-eros) .nv-hd-identity > span{
  font-family:'HuiwenMincho','Songti TC',serif !important;
}

/* 只有窗口名保留隨文字收縮的懸浮毛玻璃膠囊；名字與個簽仍不加框。 */
body:not(.nvskin-anteros):not(.nvskin-eros) .nv-sessrow .nv-sessname-w{
  display:inline-flex !important;
  width:max-content !important;
  min-width:0 !important;
  padding:4px 15px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.30),rgba(255,255,255,.10)) !important;
  border:1px solid rgba(255,255,255,.48) !important;
  border-radius:999px !important;
  box-shadow:0 7px 20px rgba(40,28,34,.10),inset 0 1px 0 rgba(255,255,255,.38) !important;
  -webkit-backdrop-filter:blur(20px) saturate(1.55) !important;
  backdrop-filter:blur(20px) saturate(1.55) !important;
}
body:not(.nvskin-anteros):not(.nvskin-eros) .nv-sessrow .nv-sessname-w span{
  font-family:'HuiwenMincho','Songti TC',serif !important;
  font-size:12px !important;
  letter-spacing:1px !important;
}
body:not(.nvskin-anteros):not(.nvskin-eros) .nv-srch{
  background:linear-gradient(145deg,rgba(255,255,255,.32),rgba(255,255,255,.11)) !important;
  border:1px solid rgba(255,255,255,.52) !important;
  -webkit-backdrop-filter:blur(20px) saturate(1.55) !important;
  backdrop-filter:blur(20px) saturate(1.55) !important;
}
html[data-nvdd="1"] body:not(.nvskin-anteros):not(.nvskin-eros) .nv-srch{
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045)) !important;
  border-color:rgba(255,255,255,.18) !important;
}
#nv-inputbar button.nv-send-pink{background:#d98da6 !important}
