:root{
  --surface:#ffffff;--text:#000000;--accent:#2563eb;--line:#e2e8f0;
  --ok:#059669;--warn:#d97706;--hot:#ff1493;--green:#39ff14;--violet:#bf00ff;--cyan:#00bfff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
  background:url('/images/electrolips-bg.png') center center no-repeat fixed;background-size:100% 100%;
  background-color:#0b0f17;color:#000;min-height:100vh;
}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
header{border-bottom:3px solid #ffff00;background:rgba(255,255,255,.92);position:sticky;top:0;backdrop-filter:blur(10px);z-index:10}
.wrap{max-width:1120px;margin:0 auto;padding:18px 18px}
.topbar{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.brand{display:flex;flex-direction:column;gap:2px}.brand h1{margin:0;font-size:18px;letter-spacing:.5px;color:#000}.brand p{margin:0;color:#000;font-size:12px}
nav{display:flex;gap:10px;flex-wrap:wrap}nav a{font-size:13px;color:#000;font-weight:700;border:2px solid transparent;border-radius:10px;padding:6px 8px}nav a:hover{border-color:var(--hot);background:#f8fafc;text-decoration:none}
main{padding:28px 18px}
.panel{background:#fff;border:3px solid var(--green);border-radius:16px;padding:22px;box-shadow:0 0 12px var(--green);margin-bottom:18px}
.headline{font-size:28px;margin:0 0 8px;line-height:1.2;color:#000}.sub{color:#000;margin:0 0 18px;font-size:14px;line-height:1.65}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:900px){.grid{grid-template-columns:1fr}}
.card{background:#fff;border:5px solid var(--hot);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 0 12px var(--hot);margin-bottom:18px}
.card h2{margin:0;font-size:21px;color:#000}.card h3{margin:0;font-size:16px;color:#000}.card p,.card li{color:#000;font-size:13px;line-height:1.65}.card p{margin:0}.card ul,.card ol{margin:0 0 0 20px;padding:0}
.meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.tag{font-size:11px;padding:4px 8px;border-radius:999px;border:3px solid #7fff00;color:#000;background:rgba(100,116,139,.06);font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:10px 14px;font-weight:700;font-size:13px;border:3px solid var(--hot);background:#f8fafc;color:#000;cursor:pointer;text-decoration:none}
.btn.primary{background:rgba(37,99,235,.08);border-color:var(--violet);color:var(--accent)}.btn.ok{background:rgba(5,150,105,.08);border-color:var(--cyan);color:var(--ok)}.btn.warn{background:rgba(217,119,6,.08);border-color:#aaff00;color:var(--warn)}
.btn:hover{filter:brightness(.97);text-decoration:none}.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.small{font-size:12px;color:#000}.notice{border-left:3px solid rgba(37,99,235,.35);padding-left:10px;color:#000}
.release-table{width:100%;border-collapse:collapse;margin:10px 0 14px}.release-table th,.release-table td{border:1px solid var(--line);padding:8px;text-align:left;vertical-align:top;font-size:13px;line-height:1.45}.release-table th{background:#f8fafc;width:260px}
.sourcebox{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:12px;overflow-wrap:anywhere;padding:8px;background:#f8fafc;border:1px solid var(--line);border-radius:10px}
.callout{border:3px solid var(--cyan);border-radius:16px;padding:14px;background:#f8fafc;box-shadow:0 0 8px rgba(0,191,255,.35)}
.index-list{columns:2;column-gap:26px}@media(max-width:900px){.index-list{columns:1}}.section-anchor{scroll-margin-top:95px}
footer{border-top:3px solid var(--line);padding:18px;color:#000;font-size:12px;background:rgba(255,255,255,.85)}
#topBtn{position:fixed;right:16px;bottom:16px;z-index:30;display:none}
@media print{header,#topBtn,.btn-row{display:none!important}body{background:#fff}.panel,.card{box-shadow:none;border:1px solid #999}}