/* ============================================================
   自巢 · UI 设计层 v2  「C-indigo-slate」
   参考: Curate(影书档案极简) / maggieappleton.com(数字花园纸感)
         暖色 journal 色板(amber-chestnut-cream)
   C-indigo-slate 浅色 + 墨色文字 + 朱砂点缀，楷体品牌保留
   ============================================================ */

/* ---- 1. 翻转页面自有变量（books/exhibition/kids/poems 等用 var() 的页面自动换肤） ---- */
:root{
  --bg:#F8FAFC; --bg2:#FFFFFF; --card:#FFFFFF; --card2:#F5F8FC;
  --border:#E2E8F0; --text:#0F172A; --muted:#64748B;
  --accent:#4F46E5; --accent2:#64748B; --pink:#4F46E5; --gold:#F59E0B; --green:#0D9488;
  --radius:14px; --shadow:0 2px 12px rgba(71,85,105,.08);
  color-scheme:light;
  --z-paper:#F8FAFC; --z-card:#FFFFFF; --z-line:#E2E8F0; --z-line2:#CBD5E1;
  --z-ink:#0F172A; --z-ink2:#3F4A5C; --z-muted:#64748B;
  --z-seal:#4F46E5; --z-seal-weak:rgba(79,70,229,.07); --z-seal-line:rgba(79,70,229,.25);
  --z-speed:.2s;
}

/* ---- 2. 底色与正文：宣纸底、墨字、极淡暖晕 ---- */
body{
  background:#F8FAFC !important;
  background-image:
    radial-gradient(ellipse at 15% -8%, rgba(79,70,229,.045), transparent 52%),
    radial-gradient(ellipse at 88% 108%, rgba(100,116,139,.06), transparent 50%) !important;
  color:var(--z-ink) !important;
}
::selection{background:rgba(79,70,229,.18)}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:8px;border:2px solid transparent;background-clip:content-box}
::-webkit-scrollbar-track{background:transparent}

/* ---- 3. 图标基类 ---- */
.zic{width:.95em;height:.95em;vertical-align:-.13em;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.85}

/* ---- 4. 品牌：楷体墨字，纸感印章气质 ---- */
.logo,.site-name,#header h1,.h-name{
  background:none !important;-webkit-background-clip:initial !important;-webkit-text-fill-color:initial !important;
  color:#0F172A !important;
  font-family:"Kaiti SC","STKaiti","KaiTi","Noto Serif SC",serif !important;
  font-weight:700 !important;letter-spacing:5px !important;
}
.slogan,.slogan-mini,.nest-slogan,.ns-sub{
  color:#64748B !important;
  font-family:"Kaiti SC","STKaiti","KaiTi","Noto Serif SC",serif !important;
}
.slogan b,.ns-main{color:#3F4A5C !important}

/* ---- 5. 导航：墨字 tab，激活 = 朱砂字 + 细底线 ---- */
nav a,.nav-tabs a,.tabs .tab,.tab{
  background:transparent !important;border:none !important;
  box-shadow:none !important;border-radius:0 !important;
  color:#7A7466 !important;font-weight:600 !important;
  position:relative;
  transition:color var(--z-speed);
}
nav a:not(.active):hover,.nav-tabs a:not(.active):hover,.tab:not(.active):hover{color:#0F172A !important}
nav a.active,.nav-tabs a.active,.tab.active{
  color:#4F46E5 !important;background:transparent !important;
}
nav a.active::after,.nav-tabs a.active::after,.tab.active::after{
  content:"";position:absolute;left:18%;right:18%;bottom:4px;height:2px;
  background:#4F46E5;border-radius:2px;
}
/* 兼容：个别页 tab 是圆角块布局，底线可能出界，改为浅底 */
.tabs .tab.active{background:rgba(79,70,229,.05) !important;border-radius:10px !important}

/* ---- 6. 卡片：白纸卡 + 暖细边 + 极软阴影 ---- */
.dcard,.card,.pcard,.q-text,.fate,.tcard,.row,[class*="-card"]{
  background:#FFFFFF !important;
  border:1px solid #E2E8F0 !important;
  border-radius:var(--z-radius) !important;
  box-shadow:0 1px 3px rgba(71,85,105,.05) !important;
  transition:border-color var(--z-speed),box-shadow var(--z-speed),transform var(--z-speed);
}
.dcard:hover,.card:hover{border-color:#CBD5E1 !important;box-shadow:0 6px 18px rgba(71,85,105,.10) !important}
.card:hover{transform:translateY(-2px) !important}
/* 今日一展横幅：朱砂极淡底 */
.ex-banner{background:rgba(79,70,229,.045) !important;border:1px solid rgba(79,70,229,.14) !important;border-radius:12px !important}
.ex-banner:hover{background:rgba(79,70,229,.08) !important}
.ex-banner .ex-name{color:#0F172A !important}
.ex-banner .ex-go{color:#4F46E5 !important}
.ex-banner .ex-sub{color:#64748B !important}

/* ---- 7. 海报占位与评分 ---- */
.ex-item .poster,.f-poster,.poster{background:#EEF2F7 !important}
.ex-item .nm,.nm{color:#0F172A !important}
.ex-item .tg,.tg{color:#64748B !important}
.score,.ex-item .score{
  background:rgba(255,253,248,.92) !important;color:#B45309 !important;
  border:1px solid rgba(169,130,47,.35) !important;
  font-size:9.5px !important;font-weight:700 !important;
  backdrop-filter:none !important;
}

/* ---- 8. 小按钮：纸底墨字 / 听本期 墨绿 ---- */
.lstn,.h-btn{border-radius:999px !important;font-weight:700 !important;background:#FFFFFF !important;border:1px solid #D6DEE8 !important;color:#3F4A5C !important;transition:all var(--z-speed)}
.lstn{color:#0D9488 !important;background:rgba(13,148,136,.06) !important;border-color:rgba(13,148,136,.30) !important}
.lstn:hover{background:rgba(13,148,136,.12) !important}
.lstn.on{color:#4F46E5 !important;background:rgba(79,70,229,.07) !important;border-color:rgba(79,70,229,.30) !important}

/* ---- 9. 顶栏 / 搜索：纸面化 ---- */
#header,.sticky-bar,[class*="header"]{
  background:rgba(248,250,252,.88) !important;
  backdrop-filter:blur(16px) !important;
  border-bottom:1px solid #E2E8F0 !important;
}
nav{background:rgba(248,250,252,.82) !important;border-bottom:1px solid #E2E8F0 !important}
.search-wrap{background:rgba(248,250,252,.85) !important}
.search-wrap input,input[type="text"],input[type="search"]{
  background:#FFFFFF !important;border:1px solid #D6DEE8 !important;color:#0F172A !important;
}
.search-wrap input::placeholder,input::placeholder{color:#A79F8D !important}
.search-wrap input:focus,input:focus{border-color:rgba(79,70,229,.45) !important;box-shadow:0 0 0 3px rgba(79,70,229,.07) !important}

/* ---- 10. 弹幕 / 聊天面板：纸面化 ---- */
.chat-panel{background:rgba(255,255,255,.94) !important;border-top:1px solid #E2E8F0 !important}
#chatbar,.chat-bar,[class*="chatbar"]{
  background:rgba(255,255,255,.94) !important;border-top:1px solid #E2E8F0 !important;backdrop-filter:blur(14px) !important;
}
#chatbar input,.chat-bar input{background:#FFFFFF !important;color:#0F172A !important}
.chat-panel .danmaku-title{color:#3F4A5C !important}

/* ---- 11. AI 悬浮球与面板：去紫改墨/朱砂 ---- */
#aifab,.ai-fab,[class*="ai-float"],.ai-float{
  background:#0F172A !important;opacity:.85;
  box-shadow:0 4px 14px rgba(60,50,30,.25) !important;
}
#aifab:hover,.ai-fab:hover,[class*="ai-float"]:hover{opacity:1}
.ai-ct,.ai-cinfo,[class*="ai-"]{color:inherit}
.ai-chip{background:rgba(79,70,229,.06) !important;color:#4F46E5 !important;border:1px solid rgba(79,70,229,.2) !important}

/* ---- 12. 链接与文字通配修正（深色残留 → 墨系） ---- */
a{color:#4F46E5}
a:hover{color:#4F46E5}
[style*="#E8EAFF"],[style*="#fff"]{color:inherit}
.empty,.sub,.foot,[class*="slogan"]{color:#64748B !important}

/* ---- 13. 无障碍与动效 ---- */
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid rgba(79,70,229,.45);outline-offset:2px}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{transition:none !important;animation:none !important;scroll-behavior:auto !important}
}

/* ---- 14. v2.2 修补：状态条 / AI 球 ---- */
.status,#input-bar .status{background:transparent !important;color:#64748B !important;border-top:1px dashed #E2E8F0 !important}
#status-text{color:#64748B !important}
.hall-toggle{color:#0D9488 !important;background:rgba(13,148,136,.07) !important;border:1px solid rgba(13,148,136,.30) !important}
#ai-fab{box-shadow:0 6px 16px rgba(60,50,30,.28) !important}
#ai-fab svg{filter:grayscale(1) brightness(.45) !important}

/* ---- 15. v2.3：输入底栏容器纸面化 ---- */
#input-bar{background:rgba(255,255,255,.96) !important;border-top:1px solid #E2E8F0 !important}
#input-bar .row{background:transparent !important}
#send{background:#4F46E5 !important;color:#FFFFFF !important;border:none !important;border-radius:999px !important}

/* ---- 16. v2.4：内联渐变按钮压平为靛蓝 ---- */
button[style*="linear-gradient"]{background:#4F46E5 !important;border:none !important;color:#FFFDF8 !important}

/* ---- 17. 账号/登录面板（A 雾蓝） ---- */
#acc-panel{background:linear-gradient(180deg,#FFFFFF,#FBFCFE) !important;border:1px solid #E5EAF2 !important;box-shadow:0 24px 70px rgba(70,85,110,.25) !important}
#acc-panel .acc-head{border-bottom:1px solid #E5EAF2 !important}
#acc-panel .acc-name,#acc-panel .acc-code{color:#1E2530 !important}
#acc-panel .acc-sub,#acc-panel .acc-hint,#acc-panel .acc-tip,#acc-panel .acc-tip b{color:#6B7686 !important}
#acc-panel .acc-close{background:rgba(30,37,48,.06) !important;color:#6B7686 !important}
#acc-panel .acc-close:hover{background:rgba(30,37,48,.12) !important;color:#1E2530 !important}
.acc-field input{background:#FFFFFF !important;border:1px solid #DCE3ED !important;color:#1E2530 !important}
.acc-primary{background:#2563EB !important;box-shadow:0 6px 18px rgba(37,99,235,.3) !important}
.acc-checkin{background:#2563EB !important}
.acc-checkin.done{background:#F7FAFC !important;border:1px solid #E5EAF2 !important;color:#6B7686 !important}
.acc-tag{color:#2563EB !important;background:rgba(37,99,235,.08) !important}

/* ---- 18. WCAG 对比度修正 ---- */
nav a:not(.active),.nav-tabs a:not(.active),.tab:not(.active){color:#5B6472 !important}
#header span,.slogan,.slogan-mini,.sub,.empty,.foot,div.tip,div.intro{color:#5B6472 !important}
#status-text,.label,.sort-btn,.pg-btn,.cancel,.acc-sub,.acc-switch{color:#5B6472 !important}
.rw-label,.pin-row{color:#4A5568 !important}
.pc-listen,.pc-title{color:#8A6A1F !important}
[style*="#FFD93D"]:not([style*="rgba(0,0,0"]):not([style*="rgba(0, 0, 0"]),[style*="#ffd93d"]:not([style*="rgba(0,0,0"]):not([style*="rgba(0, 0, 0"]),[style*="#FFE9A8"]:not([style*="rgba(0,0,0"]):not([style*="rgba(0, 0, 0"]),[style*="#ffe9a8"]:not([style*="rgba(0,0,0"]):not([style*="rgba(0, 0, 0"]){color:#8A6A1F !important}
.week,div.tag{color:#B45309 !important}
.ti-tab.active{background:#2563EB !important;color:#FFFFFF !important;border-radius:999px !important}
.hall-toggle,#pListen,#exListen{color:#0F766E !important}

/* ---- 19. WCAG 对比度收尾 ---- */
.fav-btn.want{color:#B45309 !important;border-color:rgba(180,83,9,.45) !important}
.fav-btn.seen{color:#2F7D4F !important;border-color:rgba(47,125,79,.45) !important}
a.trailer-btn{color:#2563EB !important}
.swipe-hint{color:#64748B !important;text-shadow:0 1px 4px rgba(255,255,255,.9) !important}
.wall-hint,.zoom-level{color:#475569 !important}
.q-item{color:#475569 !important}

/* ---- 20. 各页专属样式撞色收尾 ---- */
.nest-slogan .ns-main{color:#1E2530 !important}
.nest-slogan,.ns-wrap{background:transparent !important}
.sort-btn.active{color:#FFFFFF !important;background:#2563EB !important}
.ti-tab.active{background:#2563EB !important;color:#FFFFFF !important}
#zoomIn,#zoomOut,#zoomReset{color:#E5EAF2 !important;border-color:rgba(229,234,242,.35) !important}
span.num,.week,.pc-title,.ch-title,.r-title,.q-title{color:#B45309 !important}
span.chat-btn,a.weread-btn{color:#2563EB !important;background:#FFFFFF !important;border:1px solid #E5EAF2 !important}
.fav-btn.want{color:#B45309 !important;border-color:rgba(180,83,9,.45) !important}
.fav-btn.seen{color:#2F7D4F !important;border-color:rgba(47,125,79,.45) !important}

/* ---- 21. ns-main 渐变字残留背景清除 + 评分徽章加深 ---- */
.nest-slogan .ns-main{background:none !important;-webkit-background-clip:initial !important;-webkit-text-fill-color:initial !important;color:#1E2530 !important}
.score{color:#7A5C1A !important}

/* ---- 22. 评分徽章回归原设计：深胶囊 + 亮金字（深底上对比 8:1+） ---- */
.score,.ex-item .score,.ex-item .poster .score{background:rgba(0,0,0,.72) !important;color:#FFD93D !important;border:none !important}