/* YSCOT UI — 参考 wb.gzzhike.cn：近黑底 / 荧光绿 / 大圆角 / Inter */
:root{
  --bg:#0E0E10; --bg2:#151518; --card:#1A1A1F; --card2:#202027; --line:#2A2A32;
  --ink:#F4F4F5; --ink2:#A1A1AA; --ink3:#6B6B76;
  --lime:#CBF74E; --blue:#3355FF; --orange:#FF7A3D; --green:#4ADE80; --red:#FF5470;
  --text:#F4F4F5; --muted:#A1A1AA;
  --amber:#CBF74E; --amber-l:#D9FF6A; --jade:#3355FF; --jade-l:#5C7AFF;
  --r-app:32px; --r-card:24px; --r-in:16px;
}
html,body{background:var(--bg)!important;color:var(--ink)!important}
body{background-image:none!important;font-family:'Inter','Manrope','PingFang SC','Microsoft YaHei',system-ui,-apple-system,sans-serif!important;letter-spacing:.01em}
a{color:var(--lime)}
h1,h2,h3,h4{letter-spacing:-.02em}
.top{background:rgba(14,14,16,.86)!important;border-bottom:1px solid var(--line)!important;backdrop-filter:blur(12px)}
.brand{color:var(--ink3)!important}
.card,.cc,.qcard,.mod,.login-card,.pane,.item{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:var(--r-card)!important;box-shadow:none!important;background-image:none!important}
.btn{background:var(--card2)!important;border:1px solid var(--line)!important;color:var(--ink)!important;border-radius:12px!important;transition:.2s cubic-bezier(.22,1,.36,1)}
.btn:hover{border-color:#3A3A44!important;transform:translateY(-1px)}
.btn.primary{background:var(--lime)!important;color:#0E0E10!important;border-color:var(--lime)!important;font-weight:700}
.btn.primary:hover{background:#D9FF6A!important}
.btn.danger{background:transparent!important;border-color:rgba(255,84,112,.5)!important;color:#FF8A9E!important}
input,select,textarea{background:var(--bg2)!important;border:1px solid var(--line)!important;color:var(--ink)!important;border-radius:12px!important}
input:focus,select:focus,textarea:focus{border-color:var(--lime)!important;outline:none}
select{appearance:none;cursor:pointer}
.tab,.tabbtn,.tabs button{background:var(--card)!important;border:1px solid var(--line)!important;color:var(--ink2)!important;border-radius:12px!important}
.tab.on,.tabbtn.on,.tabs button.on{background:var(--lime)!important;color:#0E0E10!important;border-color:var(--lime)!important;font-weight:700}
.pill{background:rgba(203,247,78,.08)!important;border:1px solid rgba(203,247,78,.35)!important;color:var(--lime)!important}
.avatar{background:rgba(203,247,78,.14)!important;border:1px solid rgba(203,247,78,.4)!important;color:var(--lime)!important}
table th{color:var(--ink3)!important}
table tr:hover td{background:rgba(255,255,255,.02)!important}
.muted{color:var(--ink2)!important}
.small{color:var(--ink2)}
.bar{background:rgba(255,255,255,.06)!important}
.bar i{background:linear-gradient(90deg,#A8D93A,var(--lime))!important}
.qrbox,.qr{border-color:var(--line)!important}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:#2e2e37;border-radius:9px}
::-webkit-scrollbar-track{background:transparent}

.btn:disabled,.big-btn:disabled,button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}

/* 所有按钮统一：荧光绿底 + 黑字（登录页使用 big-btn，不受影响） */
.btn,.btn.primary,.btn.ghost,.btn.danger,.btn.sm,.btn.sm.ghost,.btn.sm.danger,a.btn{
  background:var(--lime)!important;
  border:1px solid var(--lime)!important;
  color:#0E0E10!important;
  font-weight:700!important;
  box-shadow:none!important;
}
.btn:hover,.btn.primary:hover,.btn.ghost:hover,.btn.danger:hover{
  background:#D9FF6A!important;
  color:#0E0E10!important;
  filter:none!important;
  transform:none!important;
}
.btn:disabled{opacity:.45!important;background:var(--lime)!important;color:#0E0E10!important;filter:grayscale(.4)!important}


/* ===== YSCOT 全局响应式框架 ===== */
*{min-width:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img,svg,video,canvas{max-width:100%;height:auto}
input,select,textarea{max-width:100%}
button,.btn,.tab,.tabbtn{font-family:inherit}
@media(min-width:1400px){.wrap{max-width:1240px}}
@media(max-width:1200px){.wrap{max-width:100%}}
@media(max-width:900px){
  .grid2{grid-template-columns:1fr!important}
  .top{padding:12px 16px}
  .wrap{padding:20px 16px}
  .modal-card .two{grid-template-columns:1fr}
}
@media(max-width:720px){
  .top:has(> .links){flex-direction:column;align-items:stretch}
  .top .links{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:12px;padding-bottom:2px;-webkit-overflow-scrolling:touch}
  .top .links::-webkit-scrollbar{display:none}
  .top:has(> .links) .brand{max-width:100%}

  .top{padding:10px 12px;gap:8px;align-items:flex-start}
  .top>div:last-child,.top .links{display:flex;flex-wrap:wrap;gap:8px;font-size:12px}
  .brand{font-size:11px;line-height:1.45;max-width:58%}
  .wrap{padding:16px 12px}
  h1{font-size:20px;line-height:1.35}
  .tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:4px;-webkit-overflow-scrolling:touch}
  .tabs::-webkit-scrollbar{display:none}
  .tab,.tabbtn{flex:0 0 auto;white-space:nowrap;padding:8px 14px;font-size:13px}
  .card{padding:14px;border-radius:14px;overflow-x:auto}
  .card table{min-width:620px}
  .modal{padding:10px}
  .modal-card{max-height:calc(100dvh - 20px);overflow-y:auto;padding:18px;border-radius:16px}
  .modal-card .two{grid-template-columns:1fr}
  .row,.rowflex{gap:8px}
  .btn{min-height:40px;padding:9px 12px}
}
@media(max-width:420px){
  .top{padding:9px 10px}
  .wrap{padding:14px 10px}
  h1{font-size:18px}
  .card{padding:12px}
  .btn{font-size:12.5px;padding:8px 10px}
  .control-grid{gap:6px}
  .control-grid .btn{font-size:11.5px;padding:8px 4px;min-height:44px}
}
@media(pointer:coarse){
  button,.btn,.tab,.tabbtn{min-height:42px}
}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* mobile top links scroll */
@media(max-width:720px){
  .top .links{flex-wrap:nowrap!important;overflow-x:auto!important}
}

/* mobile table density */
@media(max-width:720px){
  .card table{min-width:560px}
  .card th,.card td{padding:6px 5px;font-size:12.5px}
  .card{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
}