*{margin:0;padding:0;box-sizing:border-box}
body{background:#0b0e14;color:#e0e4ea;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;min-height:100vh;display:flex;flex-direction:column}
header{padding:24px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1e2430}
.logo{font-size:22px;font-weight:700;color:inherit;text-decoration:none}
.logo span{color:#6c5ce7}
.lang button{color:#888;background:none;border:none;font-size:14px;cursor:pointer;padding:0;margin-left:12px}
.lang button:hover{color:#fff}
.lang button.act{color:#6c5ce7}
main{flex:1;max-width:900px;margin:0 auto;padding:40px 24px;width:100%}
.card{background:#1a1f2b;border:1px solid #2a3040;border-radius:12px;padding:24px;margin-bottom:24px}
.card h2{font-size:20px;color:#6c5ce7;margin-bottom:12px}
.card h3{font-size:16px;color:#e0e4ea;margin-bottom:10px;margin-top:20px}
.card p,.card li{font-size:14px;line-height:1.7;color:#b0b4ba}
.card ul{padding-left:20px}
.card li{margin-bottom:6px}
.card code{background:#2a3040;color:#6c5ce7;padding:2px 6px;border-radius:4px;font-size:13px}
.card pre{background:#0d1117;border:1px solid #2a3040;border-radius:8px;padding:16px;overflow-x:auto;font-size:13px;line-height:1.5;color:#e0e4ea;margin:10px 0}
.tip{background:#1c2430;border:1px solid #6c5ce7;border-radius:8px;padding:16px;margin:12px 0;font-size:13px;color:#b0b4ba}
.tip strong{color:#6c5ce7}
.flag{display:inline-block;padding:2px 10px;border-radius:4px;font-size:12px;font-weight:600;margin-right:6px}
.flag.hik{background:#1a3a5c;color:#8cc4ff}
.flag.dah{background:#3a1a2c;color:#ff8cb4}
.flag.axis{background:#1a3a2c;color:#8cffb4}
.flag.gen{background:#3a3a1a;color:#fff08c}
footer{width:100%;padding:24px;text-align:center;border-top:1px solid #1e2430;font-size:13px;color:#555;margin-top:auto}
footer a{color:#6c5ce7;text-decoration:none}
/* wiki-specific */
.container{max-width:900px;margin:0 auto}
main .container h1{font-size:2em;color:#6c5ce7;margin:30px 0 10px}
main .container h2{font-size:1.4em;color:#6c5ce7;margin:25px 0 10px;padding-bottom:5px;border-bottom:1px solid #1e2430}
main .container h3{font-size:1.1em;color:#6c5ce7;margin:18px 0 8px}
main .container p{margin:10px 0}
main .container ul{padding-left:20px}
table{width:100%;border-collapse:collapse;margin:15px 0}
th,td{text-align:left;padding:8px 12px;border-bottom:1px solid #1e2430}
th{color:#6c5ce7;font-weight:600}
tr:hover{background:#151b26}
/* contact form */
label{display:block;font-size:14px;color:#888;margin-bottom:4px;margin-top:16px}
input,textarea{width:100%;padding:14px 16px;background:#0d1117;border:1px solid #2a3040;border-radius:8px;color:#e0e4ea;font-size:14px;outline:none;transition:border-color .2s;font-family:inherit}
input:focus,textarea:focus{border-color:#6c5ce7}
textarea{min-height:140px;resize:vertical}
.btn{display:inline-block;padding:14px 28px;background:#6c5ce7;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;margin-top:20px;transition:background .2s}
.btn:hover{background:#7c6df7}
.success{background:#1a2c1a;border:1px solid #2a5c2a;border-radius:8px;padding:16px;color:#8cffb4;font-size:14px;margin-bottom:24px;text-align:center}
.fade{display:none}
/* blog article layout */
.article main{max-width:860px}
.article h1{font-size:32px;font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,#e0e4ea,#6c5ce7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.meta{color:#666;font-size:13px;margin-bottom:32px}
.card h2 a,.card p a,.card li a{color:#6c5ce7}
.err{background:#2a1620;border:1px solid #5c2030;border-radius:8px;padding:16px;margin:12px 0}
.err strong{color:#e04060}
.cta{display:inline-block;padding:14px 28px;background:#6c5ce7;color:#fff;border-radius:8px;font-size:15px;font-weight:600;text-decoration:none;margin:16px 0;transition:background .2s}
.cta:hover{background:#7c6df7}
.toc{background:#11161f;border:1px solid #2a3040;border-radius:12px;padding:20px;margin-bottom:24px}
.toc h2{font-size:15px;color:#6c5ce7;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}
.toc ol{padding-left:20px}
.toc li{font-size:13px;line-height:1.8;color:#888}
.toc a{color:#6c5ce7;text-decoration:none}
.toc a:hover{text-decoration:underline}
.flag.uni{background:#2a2a4c;color:#8c8cff}
.flag.reo{background:#2a3a1c;color:#b4ff8c}
@media(max-width:600px){header{padding:16px}main{padding:20px 16px}.card{padding:16px}}