/* ================================================================
   700中枢 · Anime Cyber Theme v1
   注入方式：nginx sub_filter 在 </head> 前插入 <link>
   策略：!important 强制覆盖，不破坏原有交互
   ================================================================ */

:root {
  --acg-pink:#ff2e88;
  --acg-pink-soft:#ff7eb8;
  --acg-violet:#8b5cf6;
  --acg-cyan:#22d3ee;
  --acg-mint:#34f5c5;
  --acg-bg:#05050c;
  --acg-panel:rgba(5,5,14,.93);
  --acg-line:rgba(139,92,246,.34);
  --acg-txt:#f2f4ff;
  --acg-dim:#aeb4da;
  --acg-mono:"JetBrains Mono","Cascadia Code",ui-monospace,SFMono-Regular,monospace;
}

/* ================= 1. 全局底色（仅深色模式） ================= */
html.dark,
html.dark body {
  background:#05050c !important;
  color:var(--acg-txt) !important;
}

/* 干掉原来的浅色渐变背景层（仅深色） */
html.dark body .min-h-screen,
html.dark .min-h-screen {
  background:transparent !important;
}
html.dark .min-h-screen > .absolute.inset-0.bg-gradient-to-br,
html.dark .min-h-screen > .absolute.inset-0[class*="bg-gradient"] {
  opacity:0 !important;
}
/* 原网格纹 */
html.dark .min-h-screen > .absolute.inset-0[class*="bg-[size"] {
  opacity:.045 !important;
  background-image:
    linear-gradient(rgba(139,92,246,.5) 1px,transparent 1px),
    linear-gradient(90deg,rgba(139,92,246,.5) 1px,transparent 1px) !important;
  background-size:56px 56px !important;
  mask-image:radial-gradient(ellipse 80% 62% at 50% 44%,#000 10%,transparent 78%);
  -webkit-mask-image:radial-gradient(ellipse 80% 62% at 50% 44%,#000 10%,transparent 78%);
}

/* ================= 2. 主卡片 ================= */
html.dark .card-glass {
  background:var(--acg-panel) !important;
  backdrop-filter:blur(26px) saturate(175%) !important;
  -webkit-backdrop-filter:blur(26px) saturate(175%) !important;
  border:1px solid var(--acg-line) !important;
  border-radius:24px !important;
  box-shadow:
    0 40px 120px rgba(0,0,0,.85),
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 0 90px rgba(139,92,246,.26),
    0 0 40px rgba(255,46,136,.12) !important;
  position:relative !important;
  overflow:hidden !important;
}
/* 顶部四色数据条 */
html.dark .card-glass::before {
  content:"" !important;
  position:absolute !important;
  top:0 !important;left:0 !important;right:0 !important;
  height:3px !important;
  background:linear-gradient(90deg,var(--acg-pink),var(--acg-violet) 44%,var(--acg-cyan) 78%,var(--acg-mint)) !important;
  box-shadow:0 0 18px rgba(139,92,246,.95) !important;
  z-index:3 !important;
}
/* 底部辉光 */
html.dark .card-glass::after {
  content:"" !important;
  position:absolute !important;
  bottom:-40% !important;left:50% !important;
  transform:translateX(-50%) !important;
  width:70% !important;height:60% !important;
  background:radial-gradient(ellipse,rgba(34,211,238,.14),transparent 68%) !important;
  pointer-events:none !important;
  z-index:0 !important;
}
.card-glass > *{position:relative;z-index:1}

/* ================= 3. 标题 ================= */
html.dark .text-gradient {
  background:linear-gradient(96deg,var(--acg-pink),var(--acg-violet) 46%,var(--acg-cyan)) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  filter:drop-shadow(0 0 22px rgba(255,46,136,.62)) !important;
}

.card-glass h2,
html.dark .card-glass .text-2xl {
  color:#fff !important;
  font-weight:800 !important;
  letter-spacing:.5px !important;
}
html.dark .card-glass h2::after {
  content:"_";
  color:var(--acg-pink);
  animation:acgBlink 1.15s step-end infinite;
  margin-left:2px;
}
@keyframes acgBlink{0%,100%{opacity:1}50%{opacity:0}}

/* 副标题 */
.card-glass .text-sm,
.card-glass p{
  color:var(--acg-dim) !important;
}

/* ================= 4. 表单标签 ================= */
.input-label{
  color:var(--acg-dim) !important;
  font-family:var(--acg-mono) !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:1.5px !important;
  text-transform:uppercase !important;
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
}
.input-label::before{
  content:"" !important;
  width:3px !important;height:12px !important;
  border-radius:2px !important;
  background:linear-gradient(180deg,var(--acg-pink),var(--acg-violet)) !important;
  box-shadow:0 0 10px rgba(255,46,136,.95) !important;
  flex-shrink:0 !important;
}

/* ================= 5. 输入框 ================= */
html.dark input.input,
html.dark .input[type="email"],
html.dark .input[type="password"],
html.dark .input[type="text"]{
  background:rgba(5,5,14,.9) !important;
  border:1px solid rgba(139,92,246,.3) !important;
  border-radius:12px !important;
  color:var(--acg-txt) !important;
  transition:all .25s !important;
}
html.dark input.input::placeholder{color:#41456b !important}
html.dark input.input:focus{
  background:rgba(9,9,22,.98) !important;
  border-color:var(--acg-pink) !important;
  box-shadow:0 0 0 3px rgba(255,46,136,.14),0 0 30px rgba(255,46,136,.3) !important;
  outline:none !important;
}
/* 输入框内图标 */
.card-glass .absolute.inset-y-0 svg,
.card-glass .absolute.inset-y-0{
  color:rgba(34,211,238,.75) !important;
}

/* ================= 6. 主按钮 ================= */
html.dark .btn-primary,
html.dark button.btn-primary,
html.dark button[type="submit"]{
  background:linear-gradient(100deg,#ff2e88,#8b5cf6 46%,#22d3ee) !important;
  color:#ffffff !important;
  font-weight:900 !important;
  letter-spacing:2px !important;
  border:none !important;
  border-radius:12px !important;
  text-shadow:0 2px 5px rgba(0,0,0,.75),0 0 16px rgba(0,0,0,.45) !important;
  box-shadow:
    inset 0 0 28px rgba(0,0,0,.42),
    inset 0 -8px 22px rgba(0,0,0,.28),
    0 14px 40px rgba(139,92,246,.55),
    0 0 0 1px rgba(255,255,255,.26) inset !important;
  transition:all .26s cubic-bezier(.2,.8,.2,1) !important;
  position:relative !important;
  overflow:hidden !important;
}
/* 按钮内所有子元素也强制白字 */
html.dark .btn-primary *,
html.dark button[type="submit"] *{
  color:#ffffff !important;
  fill:#ffffff !important;
  stroke:#ffffff !important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.8)) !important;
}
html.dark .btn-primary::before{
  content:"" !important;
  position:absolute !important;
  top:0 !important;left:-130% !important;
  width:56% !important;height:100% !important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent) !important;
  transform:skewX(-22deg) !important;
  pointer-events:none !important;
}
html.dark .btn-primary:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 20px 54px rgba(139,92,246,.72) !important;
}
html.dark .btn-primary:hover::before{animation:acgShine .9s ease !important}
html.dark .btn-primary:active{transform:translateY(0) !important}
@keyframes acgShine{0%{left:-130%}100%{left:140%}}
html.dark .btn-primary svg{color:#05050c !important}

/* ================= 7. 链接 ================= */
html.dark a[class*="text-primary"],
.card-glass a{
  color:var(--acg-cyan) !important;
  transition:all .22s !important;
}
html.dark a[class*="text-primary"]:hover,
.card-glass a:hover{
  color:var(--acg-pink) !important;
  text-shadow:0 0 16px rgba(255,46,136,.9) !important;
}

/* ================= 8. 页脚 ================= */
body footer,
.min-h-screen > div:last-child{
  color:#494c6e !important;
  font-family:var(--acg-mono) !important;
  font-size:10.5px !important;
  letter-spacing:1.2px !important;
}

/* ================= 9. 顶部 logo 区 ================= */
/* 容器保持透明，让新 SVG logo 自带发光，不再用 CSS 染色 */
.min-h-screen .inline-flex.h-16.w-16,
.min-h-screen [class*="h-16"][class*="w-16"]{
  background:transparent !important;
  box-shadow:none !important;
  animation:none !important;
  overflow:visible !important;
}
.min-h-screen .inline-flex.h-16.w-16 img,
.min-h-screen [class*="h-16"][class*="w-16"] img{
  filter:none !important;
  opacity:1 !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  transform:scale(1.24) !important;
  transform-origin:center center !important;
}

/* 副标题小字 */
.min-h-screen > div > p,
.min-h-screen .text-sm.text-gray-500{
  color:var(--acg-dim) !important;
  font-family:var(--acg-mono) !important;
  letter-spacing:1.2px !important;
}

/* ================= 10. 注入的背景层 ================= */
#acg-bg{
  position:fixed !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  overflow:hidden !important;
}
#acg-bg .acg-aurora{
  position:absolute !important;
  border-radius:50% !important;
  filter:blur(118px) !important;
  mix-blend-mode:screen !important;
}
#acg-bg .a1{width:720px;height:720px;background:radial-gradient(circle,rgba(255,46,136,.6),transparent 66%);top:-24%;left:-12%;animation:acgFloat1 22s ease-in-out infinite}
#acg-bg .a2{width:800px;height:800px;background:radial-gradient(circle,rgba(139,92,246,.62),transparent 66%);bottom:-28%;right:-14%;animation:acgFloat2 26s ease-in-out infinite}
#acg-bg .a3{width:500px;height:500px;background:radial-gradient(circle,rgba(34,211,238,.48),transparent 66%);top:46%;left:46%;animation:acgFloat3 19s ease-in-out infinite}
@keyframes acgFloat1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(64px,48px) scale(1.13)}}
@keyframes acgFloat2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-72px,-42px) scale(1.1)}}
@keyframes acgFloat3{0%,100%{transform:translate(0,0) scale(.92)}50%{transform:translate(-46px,56px) scale(1.15)}}

#acg-bg .acg-scan{
  position:absolute !important;inset:0 !important;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 3px) !important;
  mix-blend-mode:overlay !important;
}
#acg-bg .acg-vignette{
  position:absolute !important;inset:0 !important;
  background:radial-gradient(ellipse 92% 86% at 50% 50%,transparent 36%,rgba(2,2,8,.9) 100%) !important;
}
#acg-bg .acg-beam{
  position:absolute !important;top:-10% !important;left:-30% !important;
  width:30% !important;height:130% !important;
  background:linear-gradient(90deg,transparent,rgba(34,211,238,.09),rgba(255,46,136,.06),transparent) !important;
  transform:rotate(12deg) !important;
  animation:acgBeam 9s linear infinite !important;
}
@keyframes acgBeam{0%{left:-30%}100%{left:104%}}

#acg-matrix{
  position:fixed !important;inset:0 !important;
  z-index:0 !important;pointer-events:none !important;
  opacity:.14 !important;
}
#acg-sakura{
  position:fixed !important;inset:0 !important;
  z-index:1 !important;pointer-events:none !important;overflow:hidden !important;
}
#acg-sakura .acg-petal{
  position:absolute !important;top:-26px !important;
  background:linear-gradient(135deg,#fff0f7,#ff7eb8 62%,#ff2e88) !important;
  border-radius:12px 0 12px 0 !important;
  box-shadow:0 0 10px rgba(255,46,136,.85),0 0 22px rgba(255,46,136,.4) !important;
  animation:acgFall linear infinite !important;
}
@keyframes acgFall{
  0%{transform:translateY(-26px) rotate(0) scale(.85);opacity:0}
  9%{opacity:.9}
  88%{opacity:.62}
  100%{transform:translateY(106vh) translateX(108px) rotate(620deg) scale(1);opacity:0}
}

/* ================= 11. HUD 框架 ================= */
#acg-hud{
  position:fixed !important;inset:16px !important;
  z-index:2 !important;pointer-events:none !important;
  font-family:var(--acg-mono) !important;
}
#acg-hud i{
  position:absolute !important;
  width:32px !important;height:32px !important;
  border:0 solid rgba(34,211,238,.7) !important;
  filter:drop-shadow(0 0 6px rgba(34,211,238,.85)) !important;
}
#acg-hud .h1c{top:0;left:0;border-top-width:2px !important;border-left-width:2px !important}
#acg-hud .h2c{top:0;right:0;border-top-width:2px !important;border-right-width:2px !important;border-color:rgba(255,46,136,.7) !important;filter:drop-shadow(0 0 6px rgba(255,46,136,.85)) !important}
#acg-hud .h3c{bottom:0;left:0;border-bottom-width:2px !important;border-left-width:2px !important;border-color:rgba(255,46,136,.7) !important;filter:drop-shadow(0 0 6px rgba(255,46,136,.85)) !important}
#acg-hud .h4c{bottom:0;right:0;border-bottom-width:2px !important;border-right-width:2px !important}
#acg-hud span{
  position:absolute !important;
  font:10px/1 var(--acg-mono) !important;
  color:rgba(124,130,168,.85) !important;
  letter-spacing:1.4px !important;
}
#acg-hud .t1{top:-3px;left:48px}
#acg-hud .t2{top:-3px;right:48px;color:rgba(255,46,136,.85) !important}
#acg-hud .t3{bottom:-3px;left:48px;color:rgba(52,245,197,.8) !important}
#acg-hud .t4{bottom:-3px;right:48px}

/* ================= 12. 修掉之前的紫色小方块 ================= */
#hub-register-cta{
  display:none !important;
}

/* ================= 13. 卡片流光边框 ================= */
.card-glass{
  border:1px solid transparent !important;
  background-image:
    linear-gradient(var(--acg-panel),var(--acg-panel)),
    linear-gradient(120deg,var(--acg-pink),var(--acg-violet) 40%,var(--acg-cyan) 75%,var(--acg-pink)) !important;
  background-origin:border-box !important;
  background-clip:padding-box,border-box !important;
  background-size:100% 100%,280% 280% !important;
  animation:acgBorderFlow 8s linear infinite !important;
}
@keyframes acgBorderFlow{0%{background-position:0 0,0% 50%}100%{background-position:0 0,280% 50%}}

/* ================= 14. 滚动条 ================= */
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:#0a0a16}
::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,var(--acg-pink),var(--acg-violet));
  border-radius:5px;
}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--acg-cyan),var(--acg-mint))}

/* ================= 16. 对比度强化补丁 ================= */
/* 卡片下方的「还没有账户？注册」区域 */
.min-h-screen > div.mt-6,
.min-h-screen > div[class*="mt-6"],
.min-h-screen > p.mt-6,
.card-glass ~ * ,
.min-h-screen > div:has(> a[href*="register"]){
  color:#c3c9ea !important;
}
.min-h-screen > div.mt-6 a,
.min-h-screen > div[class*="mt-6"] a,
.min-h-screen a[href*="register"]{
  color:#3ee7ff !important;
  font-weight:700 !important;
  text-shadow:0 0 14px rgba(34,211,238,.85) !important;
}
.min-h-screen > div.mt-6 a:hover,
.min-h-screen a[href*="register"]:hover{
  color:#ff4d9d !important;
  text-shadow:0 0 18px rgba(255,46,136,.95) !important;
}

/* 顶部品牌名 700中枢 */
.min-h-screen .text-gradient{
  filter:drop-shadow(0 0 28px rgba(255,46,136,.95)) brightness(1.4) saturate(1.25) !important;
}

/* 「还没有账户？」这类灰色说明文字，全站强制提亮 */
body .min-h-screen span.text-gray-500,
body .min-h-screen .text-gray-500,
body .min-h-screen [class*="text-gray-5"],
body .min-h-screen [class*="text-gray-4"],
body .min-h-screen p[class*="text-gray"],
body .min-h-screen div[class*="text-gray"]{
  color:#d5daff !important;
  opacity:1 !important;
}

/* 登录卡片下方的「还没有账户？注册」整块（含所有子节点） */
body .min-h-screen .mt-6,
body .min-h-screen .mt-6 *{
  color:#dde2ff !important;
  opacity:1 !important;
}
body .min-h-screen .mt-6 a,
body .min-h-screen .mt-6 a *{
  color:#43ecff !important;
  font-weight:800 !important;
  text-shadow:0 0 16px rgba(34,211,238,1),0 0 30px rgba(34,211,238,.6) !important;
}

/* 注册链接（通用） */
body .min-h-screen a[href*="register"]{
  color:#43ecff !important;
  font-weight:800 !important;
  text-shadow:0 0 16px rgba(34,211,238,1),0 0 30px rgba(34,211,238,.55) !important;
}
/* 副标题「订阅转 API 中枢」 */
.min-h-screen > div > p,
.min-h-screen .text-sm.text-gray-500,
.min-h-screen .text-sm[class*="text-gray"]{
  color:#a9b0d6 !important;
}
/* 版权页脚 */
body footer,
.min-h-screen .text-xs{
  color:#5b608a !important;
}
/* 卡片内说明文字 */
.card-glass p,
.card-glass .text-sm{
  color:#a9b0d6 !important;
}
/* 输入框占位符更清晰 */
html.dark input.input::placeholder{
  color:#5a5f8a !important;
  opacity:1 !important;
}

/* ================= 17. 后台（Dashboard）深色化补充 ================= */
/* JS 会给 html/body 加 .dark，这里补文字对比度 */

html.dark body{color:#e6e9ff !important}

/* 标题全部提亮 */
html.dark h1,html.dark h2,html.dark h3,html.dark h4,html.dark h5{
  color:#f2f4ff !important;
}
/* 正文/数据数字 */
html.dark .card,
html.dark aside.sidebar,
html.dark header.glass,
html.dark main{
  color:#dfe3ff !important;
}
/* 各种等级的灰字提亮 */
html.dark [class*="text-dark-3"],
html.dark [class*="text-dark-4"],
html.dark [class*="text-gray-4"],
html.dark [class*="text-gray-5"]{
  color:#aab2da !important;
}
html.dark [class*="text-dark-5"],
html.dark [class*="text-dark-6"],
html.dark [class*="text-gray-6"],
html.dark [class*="text-gray-7"]{
  color:#c3c9e8 !important;
}
html.dark [class*="text-gray-8"],
html.dark [class*="text-gray-9"]{
  color:#eaedff !important;
}
/* 侧边栏菜单项 */
html.dark aside.sidebar a,
html.dark aside.sidebar button{
  color:#c8cff0 !important;
}
html.dark aside.sidebar a:hover,
html.dark aside.sidebar button:hover{
  color:#ffffff !important;
  background:rgba(139,92,246,.16) !important;
}
/* 侧边栏当前选中项 */
html.dark aside.sidebar a[class*="bg-"],
html.dark aside.sidebar a[class*="active"]{
  background:linear-gradient(90deg,rgba(255,46,136,.22),rgba(139,92,246,.16)) !important;
  color:#ffffff !important;
  border-left:2px solid var(--acg-pink) !important;
}
/* 顶部栏 */
html.dark header.glass{
  background:rgba(10,10,22,.82) !important;
  backdrop-filter:blur(20px) saturate(160%) !important;
  border-bottom-color:rgba(139,92,246,.28) !important;
}
/* 卡片霓虹化 */
html.dark .card{
  background:rgba(13,13,28,.72) !important;
  border:1px solid rgba(139,92,246,.22) !important;
  backdrop-filter:blur(16px) !important;
  box-shadow:0 10px 34px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.03) !important;
}
html.dark .card:hover{
  border-color:rgba(255,46,136,.4) !important;
  box-shadow:0 14px 42px rgba(255,46,136,.16) !important;
}
/* 表格 */
html.dark table thead th{
  color:#aab2da !important;
  border-bottom-color:rgba(139,92,246,.22) !important;
}
html.dark table tbody td{
  color:#dfe3ff !important;
  border-bottom-color:rgba(139,92,246,.12) !important;
}
html.dark table tbody tr:hover{
  background:rgba(139,92,246,.09) !important;
}
/* 输入框/下拉 */
html.dark input:not([type="checkbox"]):not([type="radio"]),
html.dark select,
html.dark textarea{
  background:rgba(5,5,14,.85) !important;
  border-color:rgba(139,92,246,.28) !important;
  color:#e6e9ff !important;
}
html.dark input:focus,
html.dark select:focus,
html.dark textarea:focus{
  border-color:var(--acg-pink) !important;
  box-shadow:0 0 0 3px rgba(255,46,136,.13) !important;
}
/* 浅色小块（badge / 按钮）深色化 */
html.dark [class*="bg-gray-100"],
html.dark [class*="bg-gray-50"]{
  background:rgba(255,255,255,.06) !important;
}
html.dark [class*="bg-purple-50"],
html.dark [class*="bg-primary-50"],
html.dark [class*="bg-indigo-50"]{
  background:rgba(139,92,246,.14) !important;
}
/* 弹窗/模态 */
html.dark [class*="modal"],
html.dark [role="dialog"]{
  background:rgba(12,12,26,.96) !important;
  border:1px solid rgba(139,92,246,.3) !important;
}
/* 图表容器保持透明 */
html.dark .card canvas{background:transparent !important}

/* ================= 18. 浅色模式保护 ================= */
/* html 没有 .dark 时（后台切到浅色），隐藏所有注入的背景装饰 */
html:not(.dark) #acg-bg,
html:not(.dark) #acg-matrix,
html:not(.dark) #acg-sakura,
html:not(.dark) #acg-hud{
  display:none !important;
}
/* 浅色模式下卡片恢复原生白底 */
html:not(.dark) .card-glass{
  background:#ffffff !important;
  border:1px solid #e5e7eb !important;
  box-shadow:0 10px 40px rgba(0,0,0,.08) !important;
}

/* ================= 15. 响应式 ================= */
@media(max-width:920px){
  #acg-hud{display:none !important}
  .card-glass{border-radius:18px !important}
}