:root{--tg-bg:#080a0d;--tg-bg2:#101319;--tg-panel:#13171d;--tg-panel2:#0b0e13;--tg-text:#f8f0e4;--tg-muted:#aaa093;--tg-accent:#d7a44b;--tg-accent2:#ffe09a;--tg-accent-rgb:215,164,75;--tg-border:rgba(215,164,75,.32);--tg-shadow:0 12px 34px rgba(0,0,0,.42)}
html[data-theme="blackgold"]{--tg-bg:#030405;--tg-bg2:#080a0d;--tg-panel:#0d0f12;--tg-panel2:#070809;--tg-text:#f4f0e8;--tg-muted:#8e8a83;--tg-accent:#b8893b;--tg-accent2:#f2c86f;--tg-accent-rgb:184,137,59;--tg-border:rgba(184,137,59,.32)}
html[data-theme="amber"]{--tg-bg:#0c0906;--tg-bg2:#17100a;--tg-panel:#19120c;--tg-panel2:#100b07;--tg-text:#fff1dc;--tg-muted:#b49b7e;--tg-accent:#c87927;--tg-accent2:#ffc76b;--tg-accent-rgb:200,121,39;--tg-border:rgba(200,121,39,.32)}
html[data-theme="dark"]{--tg-bg:#080b12;--tg-bg2:#101522;--tg-panel:#111722;--tg-panel2:#0b1019;--tg-text:#edf2fa;--tg-muted:#8995a8;--tg-accent:#c8a45c;--tg-accent2:#ffe4a5;--tg-accent-rgb:200,164,92;--tg-border:rgba(200,164,92,.32)}
html[data-theme="purple"]{--tg-bg:#0b0810;--tg-bg2:#15101c;--tg-panel:#17121e;--tg-panel2:#0d0a12;--tg-text:#f6eefb;--tg-muted:#aa9bb1;--tg-accent:#bd8be0;--tg-accent2:#f0c6ff;--tg-accent-rgb:189,139,224;--tg-border:rgba(189,139,224,.32)}

html,body{background:var(--tg-bg)!important;color:var(--tg-text)!important}
body{-webkit-text-size-adjust:100%;padding-bottom:env(safe-area-inset-bottom,0)}
a{color:var(--tg-accent2)}
a:hover{color:var(--tg-accent)}

.layui-header{background:linear-gradient(180deg,rgba(var(--tg-accent-rgb),.12),rgba(var(--tg-accent-rgb),0)),var(--tg-panel2)!important;border-bottom:1px solid var(--tg-border);box-shadow:0 6px 22px rgba(0,0,0,.4);z-index:100}
.layui-header .page-wb{display:flex;align-items:center;gap:14px;height:60px}
.layui-header .page-left{float:none!important}
.logo{width:auto!important;min-width:0;background:none!important;text-indent:0!important;height:60px}
.logo a{display:block;width:auto!important;height:60px!important;line-height:60px;font-size:18px;font-weight:600;color:var(--tg-accent2)!important;letter-spacing:1px;white-space:nowrap}
.layui-nav{flex:1;min-width:0;background:transparent!important;padding:0!important;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.layui-nav::-webkit-scrollbar{display:none}
.layui-nav .layui-nav-item{display:inline-block;line-height:60px}
.layui-nav .layui-nav-item a{color:var(--tg-muted)!important;padding:0 16px}
.layui-nav .layui-nav-item a:hover,.layui-nav .layui-this a{color:var(--tg-accent2)!important;background:rgba(var(--tg-accent-rgb),.10)!important}
.layui-nav .layui-this:after,.layui-nav-bar{background:var(--tg-accent)!important}

.page-wb{width:auto!important;max-width:1200px;margin:0 auto;padding:0 14px}
.layui-layout{margin-top:60px}

.fly-case-list.layui-main{display:grid;grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:16px;width:auto!important;min-height:0!important;align-content:start;align-items:start;margin:24px 0 0!important;padding:0;top:0;font-size:14px}
.fly-case-list li{display:block!important;width:auto!important;margin:0!important;padding:10px;background:linear-gradient(145deg,var(--tg-panel),var(--tg-panel2))!important;border:1px solid var(--tg-border);border-radius:13px;box-shadow:var(--tg-shadow);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.fly-case-list li:hover{transform:translateY(-2px);border-color:var(--tg-accent);box-shadow:var(--tg-shadow),0 0 0 1px rgba(var(--tg-accent-rgb),.25)}
.fly-case-list>div{grid-column:1/-1;color:var(--tg-muted);padding:60px 0}
.fly-case-img{height:auto!important;aspect-ratio:16/9;border-radius:9px;background:#000 url(../images/load.jpg) no-repeat center/cover!important}
.fly-case-img img{width:100%;height:100%;object-fit:cover;background:transparent!important}
.fly-case-img .zt{top:7px;left:7px;color:var(--tg-accent2)!important;background:rgba(0,0,0,.62)!important;border:1px solid var(--tg-border);border-radius:6px;padding:1px 7px;font-size:12px}
.fly-case-img .sc,.fly-case-img .dx{color:#fff!important;background:rgba(0,0,0,.58);border-radius:5px;padding:0 6px;font-size:12px;line-height:20px;bottom:7px}
.fly-case-img .sc{right:7px}
.fly-case-img .dx{left:7px}
.fly-case-list li h2{height:auto!important;padding:11px 2px 4px;font-size:15px;line-height:22px;text-align:left}
.fly-case-list li h2 a{color:var(--tg-text)!important}
.fly-case-list li h2 a:hover{color:var(--tg-accent2)!important}
.fly-case-info{border-top:1px dashed var(--tg-border)!important;margin-top:8px;padding-top:8px}
.fly-case-info p,.fly-case-info .layui-elip{color:var(--tg-muted)!important}
.fly-case-info p{display:flex!important;align-items:center;justify-content:space-between;gap:8px;height:auto!important;line-height:1.4!important;overflow:visible!important;white-space:normal!important;margin:0}
.fly-case-info p span{float:none!important;margin:0!important;color:var(--tg-muted)!important;font-size:12px}
.fly-case-info .layui-btn{height:26px;line-height:24px;padding:0 10px;margin:0;font-size:12px;background:transparent!important;color:var(--tg-accent2)!important;border:1px solid var(--tg-accent);border-radius:6px}
.fly-case-info .layui-btn:hover{background:rgba(var(--tg-accent-rgb),.16)!important}

.layui-laypage{margin:26px 0 8px!important;text-align:center}
.layui-laypage a,.layui-laypage span{height:36px;line-height:34px;margin:0 3px 6px;padding:0 13px;background:var(--tg-panel)!important;color:var(--tg-text)!important;border:1px solid var(--tg-border)!important;border-radius:8px}
.layui-laypage a:hover{border-color:var(--tg-accent)!important;color:var(--tg-accent2)!important}
.layui-laypage a.current{background:var(--tg-accent)!important;color:#1b1407!important;border-color:var(--tg-accent)!important;font-weight:600}
.layui-laypage .rows{background:transparent!important;border:0!important;color:var(--tg-muted)!important}

.layui-footer{margin-top:30px;background:var(--tg-panel2)!important;color:var(--tg-muted)!important;border-top:1px solid var(--tg-border);padding:18px 0}
.layui-footer p{margin:0}

@media(max-width:700px){
.layui-header .page-wb{gap:6px;padding:0 10px}
.logo a{font-size:16px}
.layui-nav .layui-nav-item a{padding:0 11px}
.page-wb{padding:0 10px}
.fly-case-list.layui-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px!important}
.fly-case-list li{padding:7px;border-radius:11px}
.fly-case-list li h2{font-size:13px;padding-top:8px}
.fly-case-info .layui-btn{padding:0 7px}
.fly-case-info p span{font-size:11px}
.fly-case-img .zt,.fly-case-img .sc,.fly-case-img .dx{font-size:11px}
.layui-laypage a,.layui-laypage span{padding:0 10px;height:34px;line-height:32px}
}