/* CLL API 后台界面皮肤：覆盖 sub2api 自带的组件样式，让后台看起来是自研产品。
   由 cll-inject.js 以 <link data-cll-theme> 引入。源文件 F:\cllapi\模型广场\cll-ui.css（服务器 /var/www/plaza/cll-ui.css）
   想恢复原样：把 cll-inject.js 里加载本文件的那一行删掉即可。 */
:root{
  --u-bg:#f6f4f0;--u-side:#fbfaf7;--u-panel:#ffffff;--u-panel2:#f3f0ea;--u-line:#e7e2da;--u-line2:#d8d1c6;
  --u-text:#1c1a17;--u-muted:#6b645b;--u-dim:#9c958b;--u-a:#c2603a;--u-a2:#b4552f;--u-adim:rgba(194,96,58,.09);--u-on-a:#fff;
  --u-shadow:0 18px 50px rgba(40,30,20,.14);
}
:root.dark{
  --u-bg:#0e0d0c;--u-side:#121110;--u-panel:#171615;--u-panel2:#1f1d1b;--u-line:#2a2724;--u-line2:#38342f;
  --u-text:#ece7e0;--u-muted:#a39c92;--u-dim:#6f6961;--u-a:#d97757;--u-a2:#e8a57c;--u-adim:rgba(217,119,87,.13);--u-on-a:#1f0f08;
  --u-shadow:0 24px 60px rgba(0,0,0,.55);
}

/* 页面先隐藏，换好配色后再显示，避免闪一下原来的蓝灰色（脚本没加载时 1.2 秒后也会自动显示） */
html:not(.cll-ready) body{opacity:0;animation:cll-reveal .2s 1.2s forwards}
html.cll-ready body{opacity:1;transition:opacity .15s}
@keyframes cll-reveal{to{opacity:1}}

/* 底色与字体 */
:root body{background:var(--u-bg)!important;color:var(--u-text);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","HarmonyOS Sans SC","MiSans","Microsoft YaHei","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
:root #app>div,:root #app .min-h-screen{background-color:var(--u-bg)}
:root .bg-mesh-gradient{display:none!important}
:root .navigation-progress-bar{background:var(--u-a)!important}
:root ::selection{background:var(--u-adim)}
:root ::-webkit-scrollbar{width:8px;height:8px}
:root ::-webkit-scrollbar-thumb{background:var(--u-line2);border-radius:8px;border:2px solid transparent;background-clip:content-box}
:root ::-webkit-scrollbar-track{background:transparent}

/* 侧栏 */
:root .sidebar{background:var(--u-side)!important;border-right:1px solid var(--u-line)!important}
:root .sidebar-header{border-bottom:0!important;height:68px}
:root .sidebar-nav{padding:6px 12px 12px!important}
:root .sidebar-section{margin-bottom:20px!important}
:root .sidebar-section-title{text-transform:none!important;letter-spacing:0!important;font-size:12px!important;font-weight:500!important;color:var(--u-dim)!important;padding:0 12px!important;margin-bottom:6px!important}
:root .sidebar-link{position:relative;min-height:40px;padding-top:0!important;padding-bottom:0!important;padding-left:12px!important;border-radius:10px!important;color:var(--u-muted)!important;font-weight:500;gap:12px!important}
:root .sidebar-link svg{width:18px!important;height:18px!important}
:root .sidebar-link:hover{background:var(--u-panel2)!important;color:var(--u-text)!important}
:root .sidebar-link-active,:root .sidebar-link-active:hover{background:var(--u-adim)!important;color:var(--u-a2)!important;font-weight:600}
:root .sidebar-link-active::after{content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:0 3px 3px 0;background:var(--u-a)}
:root .sidebar>div:last-child{border-top:1px solid var(--u-line)!important}
:root .sidebar-brand .relative{display:none!important}
:root .sidebar a[href="/subscriptions"]{display:none!important}
:root .sidebar-brand .relative button{background:var(--u-panel2)!important;color:var(--u-dim)!important;border-radius:6px!important}

/* 顶栏 */
:root header.glass{background:color-mix(in srgb,var(--u-bg) 84%,transparent)!important;border-bottom:1px solid var(--u-line)!important;box-shadow:none!important}
:root header.glass h1{font-size:18px!important;font-weight:700!important;letter-spacing:.2px}
:root header.glass h1+p{color:var(--u-dim)!important}

/* 卡片 */
:root .card,:root .stat-card,:root .card-glass{background:var(--u-panel)!important;border:1px solid var(--u-line)!important;border-radius:14px!important;box-shadow:none!important;backdrop-filter:none!important}
:root .card-header{border-color:var(--u-line)!important}
:root .card .rounded-lg.p-2[class*="-100"],:root .stat-icon{background:var(--u-adim)!important;border-radius:10px!important}
:root .card .rounded-lg.p-2[class*="-100"] svg,:root .stat-icon svg{color:var(--u-a2)!important}
:root .card p.text-xl.font-bold,:root .stat-value{color:var(--u-text)!important;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
:root main .text-gray-500,:root main .text-gray-400{color:var(--u-dim)}
:root main .card.p-4{padding:18px 20px!important}
:root main .card p.text-xl.font-bold[class*="text-"]:not(.text-gray-900){color:var(--u-text)!important}
:root main .card .text-xs[class*="text-emerald"],:root main .card .text-xs[class*="text-green"],:root main .card span[class*="text-purple"],:root main .card p[class*="text-purple"]{color:var(--u-a2)!important}
:root main .card p.text-xs.font-medium{font-size:12.5px!important;color:var(--u-muted)!important}
:root main>div>.card,:root main .space-y-6>.card{padding:20px!important}

/* 按钮 */
:root .btn{border-radius:10px!important;font-weight:600!important;box-shadow:none!important}
:root .btn-primary{background:var(--u-a)!important;background-image:none!important;color:var(--u-on-a)!important;border:0!important}
:root .btn-primary:hover{filter:brightness(1.07)}
:root .btn-secondary{background:var(--u-panel)!important;border:1px solid var(--u-line2)!important;color:var(--u-text)!important}
:root .btn-secondary:hover{background:var(--u-panel2)!important}
:root .btn-ghost:hover{background:var(--u-panel2)!important}

/* 输入框、下拉 */
:root .input,:root main select,:root .modal-content select,:root main textarea{background:var(--u-panel)!important;border-color:var(--u-line2)!important;border-radius:10px!important;color:var(--u-text)!important}
:root .input:focus,:root main select:focus,:root main textarea:focus{border-color:var(--u-a)!important;box-shadow:0 0 0 3px var(--u-adim)!important;outline:0!important}
:root .input-label{color:var(--u-muted)!important;font-weight:600!important;font-size:13px!important}
:root .date-picker-trigger{border-radius:10px!important;border-color:var(--u-line2)!important;background:var(--u-panel)!important}
:root .dropdown,:root [role="listbox"],:root [role="menu"]{background:var(--u-panel)!important;border:1px solid var(--u-line2)!important;border-radius:12px!important;box-shadow:var(--u-shadow)!important}
:root .dropdown-item:hover{background:var(--u-panel2)!important}

/* 表格 */
:root .table-container{border:1px solid var(--u-line)!important;border-radius:12px!important;background:var(--u-panel)}
:root .table th,:root main table th{background:transparent!important;color:var(--u-dim)!important;font-size:12.5px!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;border-color:var(--u-line)!important}
:root .table td,:root main table td{border-color:var(--u-line)!important}
:root .table tbody tr:hover,:root main table tbody tr:hover{background:var(--u-panel2)!important}
:root main td,:root main .font-mono{font-variant-numeric:tabular-nums}

/* 标签 */
:root .badge{border-radius:6px!important;font-weight:600!important}
:root .badge-primary{background:var(--u-adim)!important;color:var(--u-a2)!important}

/* 弹窗 */
:root .modal-overlay{background:rgba(10,9,8,.62)!important}
:root .modal-content{background:var(--u-panel)!important;border:1px solid var(--u-line)!important;border-radius:16px!important;box-shadow:var(--u-shadow)!important}
:root .modal-header,:root .modal-footer{border-color:var(--u-line)!important}
:root .modal-title{font-weight:700!important}

/* 登录 / 注册：左边品牌大图，右边表单 */
:root div.min-h-screen.items-center.justify-center.overflow-hidden:has(>div.relative.z-10.w-full.max-w-md)>div.absolute.inset-0{background:var(--u-bg)!important}
:root div.min-h-screen.items-center.justify-center.overflow-hidden:has(>div.relative.z-10.w-full.max-w-md)>div.pointer-events-none{display:none!important}
:root div.relative.z-10.w-full.max-w-md .card-glass{border-radius:18px!important;padding:32px!important}
:root div.relative.z-10.w-full.max-w-md .mb-8.text-center>h1{display:none!important}
:root div.relative.z-10.w-full.max-w-md .mb-8.text-center>div:first-child{box-shadow:none!important;border-radius:0!important;width:auto!important;overflow:visible!important;align-items:flex-end!important;gap:2px;margin-bottom:10px!important}
:root div.relative.z-10.w-full.max-w-md .mb-8.text-center>div:first-child img{width:52px!important;height:52px!important;flex:none}
:root div.relative.z-10.w-full.max-w-md .mb-8.text-center>div:first-child::after{content:"api";font-size:40px;line-height:.9;font-weight:700;letter-spacing:-.02em;color:var(--u-text);margin-bottom:5px}
@media (min-width:1024px){
  :root div.min-h-screen.items-center.justify-center.overflow-hidden:has(>div.relative.z-10.w-full.max-w-md){justify-content:flex-end!important;padding:24px max(6vw,56px) 24px 24px!important}
  :root div.min-h-screen.items-center.justify-center.overflow-hidden:has(>div.relative.z-10.w-full.max-w-md)::before{content:"";position:fixed;left:0;top:0;bottom:0;width:54vw;z-index:1;
    background:linear-gradient(90deg,transparent 62%,var(--u-bg) 100%),linear-gradient(0deg,rgba(8,8,10,.78) 0%,transparent 46%),url(/plaza/img/home-hero3.webp) 64% center/cover no-repeat,#0b0b0d}
  :root div.min-h-screen.items-center.justify-center.overflow-hidden:has(>div.relative.z-10.w-full.max-w-md)::after{content:"一个接口\A调用顶级生图与视频模型";white-space:pre-line;position:fixed;left:56px;bottom:clamp(40px,12vh,110px);z-index:2;max-width:30vw;
    color:#f3eee7;font-size:clamp(28px,2.6vw,40px);line-height:1.22;font-weight:800;letter-spacing:-.01em;text-shadow:0 2px 24px rgba(0,0,0,.5)}
  :root div.relative.z-10.w-full.max-w-md{max-width:420px!important}
}