:root{
  --bg:#0b0f17;
  --bg2:#111826;
  --panel:#151d2d;
  --accent:#f5b301;
  --accent2:#ff4d4d;
  --text:#e6ecf5;
  --muted:#8a97ae;
  --border:#24304a;
  --green:#38d39f;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  background:linear-gradient(180deg,#0b0f17 0%,#0d1320 100%);
  color:var(--text);
  font-family:'Inter','Segoe UI',Roboto,sans-serif;
  line-height:1.7;
  font-size:17px;
  -webkit-font-smoothing:antialiased;
}
header.site-header{
  background:#080c14;
  border-bottom:2px solid var(--accent);
  padding:18px 20px;
  position:sticky;top:0;z-index:50;
}
header .logo{font-weight:800;font-size:22px;color:var(--accent);letter-spacing:.5px}
main{max-width:1100px;margin:0 auto;padding:30px 20px 60px}
article{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:40px;box-shadow:0 20px 60px rgba(0,0,0,.45)}
nav.quick-nav{
  display:flex;flex-wrap:wrap;gap:10px;
  background:#0d1422;border:1px solid var(--border);border-radius:10px;
  padding:14px;margin-bottom:28px;
}
nav.quick-nav a{
  color:var(--text);text-decoration:none;font-size:14px;font-weight:600;
  padding:6px 12px;border-radius:6px;background:var(--bg2);border:1px solid var(--border);
  transition:.2s;
}
nav.quick-nav a:hover{background:var(--accent);color:#000;border-color:var(--accent)}
.author-box{
  display:flex;gap:18px;align-items:center;
  background:linear-gradient(90deg,#1a2338,#0d1422);
  border-left:4px solid var(--accent);
  padding:18px;border-radius:8px;margin-bottom:36px;
}
.author-box .avatar{
  width:64px;height:64px;border-radius:50%;
  background:radial-gradient(circle at 30% 30%,var(--accent),#8a5a00);
  display:flex;align-items:center;justify-content:center;
  font-weight:800;color:#000;font-size:26px;flex-shrink:0;
}
.author-box .meta{font-size:14px;color:var(--muted)}
.author-box .meta b{color:var(--text)}
h1{font-size:34px;line-height:1.2;margin-bottom:18px;color:#fff;border-bottom:2px dashed var(--accent);padding-bottom:14px}
h2{
  font-size:24px;color:var(--accent);margin:42px 0 14px;padding:10px 14px;
  background:linear-gradient(90deg,rgba(245,179,1,.12),transparent);
  border-left:4px solid var(--accent);border-radius:4px;
  font-weight:700;line-height:1.3;
}
h3{font-size:19px;color:#fff;margin:24px 0 10px}
p{margin-bottom:14px;color:#d4dde9}
strong{color:#fff}
img.content-img{
  width:100%;max-height:420px;object-fit:cover;border-radius:10px;
  border:1px solid var(--border);margin:22px 0;display:block;
  box-shadow:0 10px 30px rgba(0,0,0,.4);
}
table{
  width:100%;border-collapse:collapse;margin:18px 0 24px;
  background:#0d1422;border:1px solid var(--border);border-radius:8px;overflow:hidden;
  font-size:15px;
}
table thead{background:#1a2338;color:var(--accent)}
table th,table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--border)}
table tr:last-child td{border-bottom:none}
table tr:hover{background:#111a2c}
.tag{display:inline-block;padding:3px 10px;border-radius:14px;font-size:12px;font-weight:600;background:var(--green);color:#000;margin-right:6px}
.tag.red{background:var(--accent2);color:#fff}
.tag.yellow{background:var(--accent);color:#000}
ul.case-list{list-style:none;margin:14px 0}
ul.case-list li{
  background:#0d1422;border:1px solid var(--border);border-left:3px solid var(--green);
  padding:14px 18px;margin-bottom:10px;border-radius:6px;font-size:15px;
}
ul.case-list li b{color:var(--accent)}
.faq-item{
  background:#0d1422;border:1px solid var(--border);border-radius:8px;
  padding:16px 20px;margin-bottom:10px;
}
.faq-item h4{color:var(--accent);margin-bottom:8px;font-size:17px}
.faq-item p{color:var(--text);font-size:15px;margin:0}
section.category{
  background:linear-gradient(180deg,#111a2c,#0d1422);
  border:1px solid var(--border);border-radius:12px;padding:26px;margin:22px 0;
}
section.category h3{color:var(--accent);margin-top:0}
footer.site-footer{
  background:#080c14;padding:30px 20px;text-align:center;color:var(--muted);
  border-top:2px solid var(--border);font-size:14px;
}
@media(max-width:720px){
  article{padding:22px}
  h1{font-size:24px}
  h2{font-size:19px}
  table{font-size:13px}
  table th,table td{padding:8px}
}