*{margin:0;padding:0;box-sizing:border-box}
body{background:linear-gradient(135deg,#2d1b69,#e91e63,#1a237e);color:#fff;font-family:'Poppins','system-ui',sans-serif;font-weight:600;min-height:100vh;padding-top:52px}
a{text-decoration:none;color:inherit}
.h{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,0.06);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,0.08);padding:0 24px;height:52px;display:flex;align-items:center;justify-content:space-between}
.hi{display:flex;align-items:center;justify-content:space-between}
.lgo{display:flex;align-items:center}
.nv a{padding:4px 12px;font-size:13px;font-weight:700;color:rgba(255,255,255,0.7);transition:all .2s;border-radius:30px}
.nv a:hover,.nv a.act{color:#fff;background:rgba(255,255,255,0.1)}
.hd{max-width:800px;margin:80px auto 0;padding:20px;text-align:center}
.hd h1{font-size:28px;font-weight:900;background:linear-gradient(135deg,#ff6b35,#ff2d95);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
ul{max-width:800px;margin:0 auto;padding:0 20px 24px;list-style:none}
li a{display:flex;padding:14px 20px;margin-bottom:8px;background:rgba(255,255,255,0.04);border:2px solid rgba(255,255,255,0.06);border-radius:20px;align-items:center;gap:10px;color:rgba(255,255,255,0.85);text-decoration:none;transition:all .2s;font-size:13px;font-weight:700}
li a:hover{transform:translateX(4px);border-color:rgba(255,107,53,0.3);background:rgba(255,255,255,0.07)}
.aw{max-width:700px;margin:80px auto 0;padding:0 20px 40px}
.ab{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,0.4);font-size:13px;font-weight:700;margin-bottom:20px;transition:color .2s}
.ab:hover{color:#fff}
.ac{background:rgba(255,255,255,0.04);border:2px solid rgba(255,255,255,0.06);border-radius:28px;padding:28px;position:relative}
.ac h1{font-size:22px;font-weight:900;margin-bottom:16px;line-height:1.3;background:linear-gradient(135deg,#ff6b35,#ff2d95);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.abd{font-size:13px;line-height:1.8;color:rgba(255,255,255,0.7);font-weight:600}
.abd p{margin-bottom:14px}
.pg{display:flex;justify-content:center;gap:6px;padding:20px;max-width:800px;margin:0 auto}
.pg span{padding:6px 16px;background:linear-gradient(135deg,#ff6b35,#ff2d95);color:#fff;font-weight:800;font-size:13px;border-radius:30px}
.pg a{padding:6px 16px;background:rgba(255,255,255,0.06);border:2px solid rgba(255,255,255,0.1);font-size:13px;color:rgba(255,255,255,0.6);text-decoration:none;border-radius:30px;font-weight:700;transition:all .2s}
.pg a:hover{background:rgba(255,255,255,0.12);color:#fff}
.ft{border-top:2px solid rgba(255,255,255,0.06);padding:20px;max-width:800px;margin:0 auto;font-size:12px;color:rgba(255,255,255,0.3);text-align:center;font-weight:700}
@media(max-width:768px){
.h{padding:6px 16px;top:8pxbody{padding-top:50px}}
.hi{padding:0}
.nv a{font-size:12px;padding:3px 8px}
.hd h1{font-size:22px}
.ac{padding:20px;border-radius:20px}
}


/* Article content styles */
h2{font-size:1.1rem;font-weight:800;margin:28px 0 12px;background:linear-gradient(135deg,#ff6b35,#ff2d95);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
h3{font-size:0.95rem;font-weight:700;margin:24px 0 10px;color:rgba(255,255,255,0.85)}
ul,ol{margin:12px 0 16px 20px;padding:0}
li{margin-bottom:8px;font-size:13px;font-weight:600;color:rgba(255,255,255,0.65);line-height:1.6}
li strong{color:rgba(255,255,255,0.85)}
table{width:100%;border-collapse:collapse;margin:20px 0;font-size:13px}
table th{padding:10px 12px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.06);font-weight:700;color:#fff}
table td{padding:8px 12px;border:1px solid rgba(255,255,255,0.08);color:rgba(255,255,255,0.65)}