:root{color-scheme:dark;--bg:#08121e;--panel:#122436;--panel2:#182d40;--line:#2b4659;--text:#f0f7ff;--muted:#9cb3c6;--a:#42e0b5}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% -10%,#174252,transparent 45%),var(--bg);color:var(--text);font:16px/1.55 system-ui,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--a)}header{border-bottom:1px solid var(--line);background:#0c1b29e8}.container{max-width:1200px;padding:0 22px;margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:19px 0}.brand{font-size:23px;font-weight:850;letter-spacing:-.7px}.brand b{color:var(--a)}nav{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted)}.hero{padding:66px 0 46px;max-width:800px}.hero h1{font-size:clamp(38px,6vw,65px);line-height:1.1;margin:10px 0 20px}.hero h1 span{color:var(--a)}.hero p,.muted{color:var(--muted)}h2{font-size:29px;margin:0 0 20px}h3{margin:5px 0 10px}.section{padding:25px 0 45px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card,.panel{background:linear-gradient(145deg,#162b3d,#101f2e);border:1px solid var(--line);border-radius:15px;overflow:hidden}.card .pic{height:185px;display:flex;align-items:center;justify-content:center;background:#213848;font-size:66px}.pic img{width:100%;height:100%;object-fit:cover}.card .body{padding:20px}.card h3{font-size:20px}.card p{font-size:14px;color:var(--muted)}.tag{display:inline-block;padding:4px 10px;background:#224638;color:#a9f0d9;font-size:12px;border-radius:7px;margin:4px 5px 0 0}.button,button{display:inline-block;background:var(--a);border:0;border-radius:9px;padding:10px 16px;color:#052b25;font-weight:700;cursor:pointer;font:inherit}.button:hover,button:hover{filter:brightness(1.13);color:#042}.secondary{background:#28465b;color:#fff}.danger{background:#a94d56;color:white}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;align-items:center}.toolbar input{flex:1;min-width:220px}.panel{padding:26px;margin:25px 0}.content{max-width:900px;white-space:pre-wrap;overflow-wrap:anywhere}.article-image{width:100%;max-height:450px;object-fit:contain;border-radius:12px;background:#172c3b}.code{padding:18px;overflow:auto;border-radius:10px;background:#07121c;color:#b9efda}.site-footer{margin-top:40px;border-top:1px solid var(--line);padding:30px 0;color:var(--muted)}input,textarea,select{font:inherit;width:100%;padding:11px;background:#091925;color:var(--text);border:1px solid #446176;border-radius:8px}textarea{min-height:125px}label{display:block;font-weight:650;margin:14px 0 6px}.form{max-width:850px}.actions{display:flex;gap:12px;align-items:center;margin:22px 0}.notice{padding:13px;background:#214536;border:1px solid #31795c;border-radius:9px}.error{background:#54252d;border-color:#a34c58}.admin-table{width:100%;border-collapse:collapse}.admin-table td,.admin-table th{border-bottom:1px solid var(--line);padding:12px 8px;text-align:left}.admin-table td:last-child{white-space:nowrap}.admin-table form{display:inline}.small{font-size:12px}.filterlinks{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0 23px}.filterlinks a{border:1px solid var(--line);padding:7px 12px;border-radius:9px}.filterlinks a.on{border-color:var(--a);color:var(--a)}@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:570px){.grid{grid-template-columns:1fr}.admin-table{font-size:13px}.admin-table td,.admin-table th{padding:8px 4px}.hero{padding:35px 0}.nav{gap:7px}}