/* 2.62.0「深海极光」外观（只用于新版界面）。只有 html.th-aurora 时生效；外观选「现在的样子」时本文件不改变任何东西。
   原则：光只在四周、放数据的中间区域保持安静；卡片和表格用较实的深色玻璃，数字不被光干扰；毛玻璃只模糊背后的光，不模糊文字。
   不支持毛玻璃或系统开了「减少透明度」时自动变成实底；「减少动态效果」时光和海浪不动。 */
html{--au-b1:#17395e;--au-b2:#0f2a49;--au-b3:#0a1f39;--au-side:10,30,54;--au-card:20,45,76;--au-top:9,27,50;--au-op:.5;--au-glass:.66;--au-cardA:.80;--au-bl:16px}
html[data-th-base="night"]{--au-b1:#071a30;--au-b2:#040d1b;--au-b3:#02060e;--au-side:5,14,28;--au-card:9,22,40;--au-top:4,12,24}
html[data-th-base="teal"]{--au-b1:#13434f;--au-b2:#0d313f;--au-b3:#082431;--au-side:8,36,46;--au-card:17,56,68;--au-top:7,32,42}
html[data-th-base="slate"]{--au-b1:#25374f;--au-b2:#1b2a3f;--au-b3:#131f31;--au-side:21,33,50;--au-card:34,49,71;--au-top:19,30,46}
html[data-th-glow="light"]{--au-op:.32;--au-glass:.80;--au-cardA:.90;--au-bl:12px}
html[data-th-glow="rich"]{--au-op:.72;--au-glass:.54;--au-cardA:.72;--au-bl:20px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html{--au-glass:.94!important;--au-cardA:.96!important}}
@media (prefers-reduced-transparency:reduce){html{--au-glass:.96!important;--au-cardA:.98!important}}

/* 外观选择按钮组（弹窗里用，不受主题开关影响） */
.th-seg{display:flex;flex-wrap:wrap;gap:6px}
.th-seg button{flex:1 1 auto;min-width:72px;height:34px;padding:0 12px;border-radius:9px;border:1px solid #24426a;background:rgba(16,37,64,.6);color:#c3cfdf;font:inherit;font-size:13px;cursor:pointer}
.th-seg button.on{border-color:#e9c46a;background:linear-gradient(135deg,#f6dc97,#e9c46a);color:#1a1306;font-weight:700}

.th-au-bg,.th-au-waves{display:none}
html.th-aurora{background:var(--au-b3)!important}
html.th-aurora body{background:transparent!important;background-image:none!important}
html.th-aurora .th-au-bg{display:block;position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(120% 90% at 55% 35%,var(--au-b1) 0%,var(--au-b2) 60%,var(--au-b3) 100%)}
.th-au-bg i{position:absolute;border-radius:50%;filter:blur(80px);opacity:var(--au-op);animation:th-au-drift 40s ease-in-out infinite alternate;will-change:transform}
.th-au-bg i:nth-child(1){width:460px;height:460px;background:#0e8f96;left:-160px;bottom:-120px}
.th-au-bg i:nth-child(2){width:380px;height:300px;background:#c4943c;right:-140px;top:-170px;animation-duration:46s;opacity:calc(var(--au-op) * .8)}
.th-au-bg i:nth-child(3){width:560px;height:380px;background:#1a3c9c;right:6%;bottom:-260px;animation-duration:52s}
.th-au-bg i:nth-child(4){width:300px;height:260px;background:#1f6fa8;left:-90px;top:-110px;animation-duration:36s;opacity:calc(var(--au-op) * .7)}
@keyframes th-au-drift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(50px,-30px) scale(1.08)}100%{transform:translate(-40px,24px) scale(.96)}}
html.th-aurora .th-au-bg::after{content:"";position:absolute;inset:0;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
html.th-aurora .th-au-waves{display:block;position:fixed;left:0;bottom:0;height:110px;z-index:-1;pointer-events:none;opacity:calc(var(--au-op) + .1)}

/* 导航：深海玻璃 */
html.th-aurora .side{background:rgba(var(--au-side),var(--au-glass))!important;-webkit-backdrop-filter:blur(var(--au-bl)) saturate(140%);backdrop-filter:blur(var(--au-bl)) saturate(140%);border-right:1px solid rgba(255,255,255,.07)!important;box-shadow:inset -1px 0 18px rgba(47,179,168,.06)}
html.th-aurora .side .brand{border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:6px}
html.th-aurora .side a{border:1px solid transparent;color:#c6d3e3}
html.th-aurora .side a:hover{background:rgba(255,255,255,.06)!important;color:#fff}
html.th-aurora .side a.active{color:#fff!important;font-weight:600;background:linear-gradient(90deg,rgba(20,48,74,.95),rgba(12,32,54,.95)) padding-box,linear-gradient(90deg,#f6dc97,rgba(47,179,168,.9)) border-box!important;box-shadow:0 0 16px rgba(47,179,168,.28),0 0 6px rgba(233,196,106,.2)!important}
html.th-aurora .side a .n{animation:th-au-breathe 2.6s ease-in-out infinite}
@keyframes th-au-breathe{0%,100%{box-shadow:0 0 0 0 rgba(233,196,106,0)}50%{box-shadow:0 0 0 4px rgba(233,196,106,.18),0 0 12px rgba(233,196,106,.5)}}

/* 卡片、面板：较实的深色玻璃 */
html.th-aurora .main .panel,html.th-aurora .main .card{background:rgba(var(--au-card),var(--au-cardA))!important;border-color:rgba(255,255,255,.09)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 28px rgba(0,0,0,.25)}
html.th-aurora .main .panel .card,html.th-aurora .main .card .card{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}

@media (prefers-reduced-motion:reduce){.th-au-bg i,html.th-aurora .side a .n{animation:none!important}}

/* ---- 新版客户端 ---- */
html.th-aurora .app::before,html.th-aurora .app::after{display:none}
html.th-aurora .side .grp{color:#e6c06a}
html.th-aurora .side a.active::before{display:none}
html.th-aurora .side a .nav-ic{color:#8fb8c9;transition:color .2s}
html.th-aurora .side a:hover .nav-ic{color:#f6dc97}
html.th-aurora .side a.active .nav-ic{color:#f6dc97;filter:drop-shadow(0 0 4px rgba(246,220,151,.6))}
html.th-aurora .side .sub{border-left-color:rgba(255,255,255,.12)}
html.th-aurora .side .x-sh-ucard{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
@media (max-width:768px){
  html.th-aurora .th-au-waves{display:none}
  html.th-aurora .mhead{background:rgba(var(--au-top),.82)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:rgba(255,255,255,.07)!important}
  html.th-aurora .tabbar{background:rgba(var(--au-top),.88)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top-color:rgba(255,255,255,.07)!important}
  html.th-aurora .main .panel,html.th-aurora .main .card{-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media (max-width:900px) and (min-width:769px){html.th-aurora .th-au-waves{display:none}}
