/* Appica UI inspired system layer for hezwl.cn
   Source reference: appica-dev/appica-ui tokens, gradient glow, rounded controls, accessible states. */
:root{
  --appica-foreground:oklch(0.278 0.033 256.848);
  --appica-muted:oklch(0.551 0.027 264.364);
  --appica-subtle:oklch(0.707 0.022 261.325);
  --appica-bg:oklch(1 0 0);
  --appica-bg-subtle:oklch(0.985 0.002 247.839);
  --appica-bg-muted:oklch(0.967 0.003 264.542);
  --appica-border:oklch(0.928 0.006 264.531);
  --appica-border-strong:oklch(0.872 0.01 258.338);
  --appica-primary:oklch(0.21 0.034 264.665);
  --appica-primary-foreground:oklch(1 0 0);
  --appica-secondary:oklch(0.623 0.214 259.815);
  --appica-secondary-soft:oklch(0.623 0.214 259.815 / 14%);
  --appica-success:oklch(0.696 0.17 162.48);
  --appica-info:oklch(0.685 0.169 237.323);
  --appica-warning:oklch(0.705 0.213 47.604);
  --appica-error:oklch(0.637 0.237 25.331);
  --appica-radius:0.875rem;
  --appica-radius-lg:1rem;
  --appica-radius-xl:1.125rem;
  --appica-radius-2xl:1.5rem;
  --appica-radius-3xl:2rem;
  --appica-shadow:0 12px 28px -6px oklch(0.551 0.027 264.364 / 18%);
  --appica-shadow-lg:0 24px 32px -12px oklch(0.551 0.027 264.364 / 22%);
  --appica-ring:0 0 0 3px oklch(0.623 0.214 259.815 / 22%);
  color-scheme:light;
}
*{box-sizing:border-box}::selection{background:oklch(0.623 0.214 259.815 / 18%)}
html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","HarmonyOS Sans SC","Microsoft YaHei UI",sans-serif!important;background:var(--appica-bg-subtle)}
body{background:radial-gradient(circle at 12% -8%,oklch(0.685 0.169 237.323 / 16%),transparent 32rem),radial-gradient(circle at 88% 6%,oklch(0.623 0.214 259.815 / 12%),transparent 34rem),linear-gradient(180deg,var(--appica-bg),var(--appica-bg-subtle))!important;color:var(--appica-foreground)!important;min-height:100vh}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 0%,oklch(0.623 0.214 259.815 / 8%),transparent 42rem);mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 72%)}
header{border-bottom:1px solid color-mix(in oklab,var(--appica-border) 86%,transparent)!important;background:color-mix(in oklab,var(--appica-bg) 86%,transparent)!important;backdrop-filter:blur(18px) saturate(1.12)!important;box-shadow:0 1px 0 rgba(255,255,255,.6),0 10px 30px rgba(15,23,42,.04)}
header .max-w-7xl{max-width:1180px!important}header a.flex{font-weight:850!important;letter-spacing:-.02em;color:var(--appica-foreground)!important}header a.flex span{border-radius:var(--appica-radius)!important;background:linear-gradient(135deg,var(--appica-primary),oklch(0.13 0.028 261.692))!important;box-shadow:var(--appica-shadow)!important}
.site-menu a,header nav a{border-radius:var(--appica-radius)!important;color:var(--appica-foreground)!important;font-weight:720!important;transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease!important}.site-menu a:hover,header nav a:hover{background:var(--appica-bg-muted)!important;transform:translateY(-1px)}header nav a.shine,.shine.bg-slate-950,button.bg-slate-950,a.bg-slate-950{background:var(--appica-primary)!important;color:var(--appica-primary-foreground)!important;box-shadow:var(--appica-shadow)!important;border:1px solid color-mix(in oklab,var(--appica-primary) 72%,white 12%)!important}.site-menu-btn{background:var(--appica-primary)!important;box-shadow:var(--appica-shadow)!important}
main.mx-auto{max-width:1180px!important}.rounded-3xl,.rounded-2xl{border-radius:var(--appica-radius-2xl)!important}.bg-white{background:color-mix(in oklab,var(--appica-bg) 94%,transparent)!important}.shadow-sm,.shadow-xl{box-shadow:var(--appica-shadow)!important}.ring-slate-200,.ring-1{--tw-ring-color:var(--appica-border)!important}.border,.border-t,.border-b{border-color:var(--appica-border)!important}.text-slate-950,.text-slate-900{color:var(--appica-foreground)!important}.text-slate-700,.text-slate-600{color:var(--appica-muted)!important}.text-slate-500,.text-slate-400{color:var(--appica-subtle)!important}.bg-slate-50{background:var(--appica-bg-subtle)!important}.bg-slate-100{background:var(--appica-bg-muted)!important}.bg-cyan-50{background:color-mix(in oklab,var(--appica-info) 14%,white)!important}.text-cyan-700{color:oklch(0.48 0.14 238)!important}
input,textarea,select{border-radius:var(--appica-radius)!important;background:color-mix(in oklab,var(--appica-bg) 94%,white)!important;color:var(--appica-foreground)!important;border:1px solid var(--appica-border)!important;box-shadow:0 1px 0 rgba(255,255,255,.75),0 2px 8px -4px rgba(15,23,42,.16)!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important}input:focus,textarea:focus,select:focus{outline:none!important;border-color:color-mix(in oklab,var(--appica-secondary) 58%,var(--appica-border))!important;box-shadow:var(--appica-ring)!important}input::placeholder,textarea::placeholder{color:var(--appica-subtle)!important}
button,a.shine,.imggen-submit,.speed-start{transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease,filter .18s ease!important}button:hover,a.shine:hover,.imggen-submit:hover,.speed-start:hover{transform:translateY(-1px);filter:saturate(1.04)}button:disabled,.imggen-submit:disabled,.speed-start:disabled{opacity:.65!important;transform:none!important;cursor:not-allowed!important}
.divide-y{border:1px solid var(--appica-border)!important;background:color-mix(in oklab,var(--appica-bg) 96%,transparent)!important}.divide-y article{transition:background .18s ease,transform .18s ease}.divide-y article:hover{background:var(--appica-bg-subtle)!important;transform:translateY(-1px)}article h1,article h2,article h3,section h1,section h2{letter-spacing:-.035em;color:var(--appica-foreground)!important}.divide-y article h3 a{text-decoration:none}.divide-y article h3 a:hover{color:var(--appica-secondary)!important}
table{border-collapse:separate!important;border-spacing:0!important;background:color-mix(in oklab,var(--appica-bg) 96%,transparent);border:1px solid var(--appica-border);border-radius:var(--appica-radius-xl);overflow:hidden;box-shadow:var(--appica-shadow)}th{background:var(--appica-bg-muted);font-weight:850;color:var(--appica-muted)!important}td,th{border-bottom:1px solid var(--appica-border);padding:.9rem 1rem!important}tr:last-child td{border-bottom:0}
footer{background:color-mix(in oklab,var(--appica-bg) 90%,transparent)!important;backdrop-filter:blur(14px)}
/* Appica gradient-glow utility for existing shine controls */
.shine:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),transparent)!important;opacity:.85}.appica-glow,.imggen-card,.speed-dial,.speed-panel,.speed-card,.ocr-hero{position:relative;isolation:isolate}.imggen-card:before,.speed-dial:before,.speed-panel:before,.ocr-hero:before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;background:linear-gradient(calc(95deg + var(--gradient-glow-rotation,0deg)),#8EC5FF 3.64%,#EFADF7 53.35%,#FFD69B 95.37%);opacity:.32;filter:blur(18px);animation:appicaGradientGlow 5s linear infinite}@property --gradient-glow-rotation{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes appicaGradientGlow{to{--gradient-glow-rotation:360deg}}
/* Tool pages: shift old green/black utilities into Appica dark console language */
.speed-page,.imggen-page{background:radial-gradient(circle at 20% 12%,rgba(142,197,255,.24),transparent 30%),radial-gradient(circle at 80% 10%,rgba(239,173,247,.22),transparent 34%),linear-gradient(135deg,#080b14,#111827 48%,#070a12)!important;border:1px solid rgba(255,255,255,.10)!important}.speed-bg,.imggen-glow{opacity:.9}.speed-kicker,.imggen-head p,.text-cyan-300{color:#8EC5FF!important}.speed-start,.imggen-submit{background:linear-gradient(135deg,#8EC5FF,#EFADF7)!important;color:#07111f!important;border:0!important}.speed-card,.speed-panel,.speed-dial,.imggen-card{background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.06))!important;border:1px solid rgba(255,255,255,.16)!important}.speed-progress div{background:linear-gradient(90deg,#8EC5FF,#EFADF7,#FFD69B)!important}.speed-ring{background:conic-gradient(from -120deg,#111827 0deg,#8EC5FF 132deg,#EFADF7 225deg,rgba(255,255,255,.14) 226deg 360deg)!important}.speed-core em,.speed-phase,.speed-log,.speed-tips span,.imggen-status,.imggen-code pre{color:#dbeafe!important}.imggen-keynote{background:rgba(142,197,255,.12)!important;border-color:rgba(142,197,255,.28)!important;color:#eaf4ff!important}.imggen-check{background:rgba(255,255,255,.08)!important;color:#eaf4ff!important;border:1px solid rgba(255,255,255,.22)!important}
.ocr-hero{background:radial-gradient(circle at 24% 18%,rgba(142,197,255,.22),transparent 32%),radial-gradient(circle at 78% 70%,rgba(239,173,247,.16),transparent 32%),linear-gradient(135deg,#080b14,#111827)!important;border:1px solid rgba(255,255,255,.10)!important}.ocr-hero .bg-white\/10{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.12)!important}.ocr-hero h1{color:#fff!important;text-wrap:balance}.ocr-hero p,.ocr-hero li{color:#dbeafe!important}
@media(max-width:640px){body:before{background-size:42px 42px}header{position:sticky!important}.site-menu{border:1px solid var(--appica-border)!important;background:color-mix(in oklab,var(--appica-bg) 96%,transparent)!important}.mobile-category-select{border:1px solid var(--appica-border)!important;box-shadow:var(--appica-shadow)!important}main{padding-top:18px!important}.divide-y article{padding:18px!important}.imggen-page,.speed-page{border-radius:0!important}.imggen-head h1,.speed-hero h1{letter-spacing:-.06em!important}}
@media(prefers-reduced-motion:reduce){.imggen-card:before,.speed-dial:before,.speed-panel:before,.ocr-hero:before,.shine:after{animation:none!important}}