*{margin:0;padding:0;box-sizing:border-box}.username{font-weight:500;color:var(--dark-color)}img.icon{height:2em;width:auto;vertical-align:middle}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,sans-serif;line-height:1.7;color:#333;background-color:#fafafa}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--border-radius);font-weight:500;text-decoration:none;cursor:pointer;transition:var(--transition);font-size:1em}.btn-sm{padding:8px 16px;font-size:.9em}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px)}.btn-success{background:var(--success-color);color:#fff}.btn-danger{background:var(--danger-color);color:#fff}.btn-warning{background:var(--warning-color);color:var(--dark-color)}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:500;color:var(--dark-color)}.form-control{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:1em;transition:var(--transition);font-family:inherit}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(0,123,255,.1)}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{color:var(--dark-color);margin:30px 0 15px;font-weight:700}.article-content h1{font-size:2em;border-bottom:3px solid var(--primary-color);padding-bottom:10px;color:var(--primary-color)}.article-content h2{font-size:1.6em;color:var(--primary-color);border-bottom:1px solid var(--border-color);padding-bottom:5px}.article-content h3{font-size:1.3em;color:#444}.article-content p{margin-bottom:20px}.article-content ul,.article-content ol{margin:20px 0;padding-left:30px}.article-content li{margin-bottom:8px}.article-content blockquote{border-left:4px solid var(--primary-color);padding:20px;margin:30px 0;font-style:italic;background:var(--light-color);border-radius:var(--border-radius)}.article-content pre{background:#2d3748;color:#e2e8f0;padding:25px;border-radius:var(--border-radius);overflow-x:auto;margin:25px 0;box-shadow:var(--shadow)}.article-content strong{font-weight:600;color:var(--dark-color)}.article-content em{font-style:italic;color:#555}.article-content table{border-collapse:collapse;margin:25px 0;width:100%;box-shadow:var(--shadow);border-radius:var(--border-radius);overflow:hidden}.article-content table th,.article-content table td{border:1px solid var(--border-color);padding:12px 15px;text-align:left}.article-content table th{background:var(--light-color);font-weight:600;color:var(--dark-color)}.article-content table tr:nth-child(even){background:#fafafa}.article-content table tr:hover{background:#f0f8ff}.article-content del{color:#666;text-decoration:line-through}.article-content hr{border:none;height:2px;background:linear-gradient(to right,transparent,var(--border-color),transparent);margin:40px 0}.article-content a{color:var(--primary-color);text-decoration:underline;text-decoration-color:var(--primary-color);text-decoration-thickness:1px;transition:var(--transition)}.article-content a:hover{color:var(--primary-hover);text-decoration-thickness:2px}.article-content pre code{background:0 0;padding:0;color:inherit;font-family:fira code,monaco,cascadia code,roboto mono,monospace;font-size:.9em;line-height:1.5;border:none}.article-content code{background:var(--light-color);padding:3px 8px;border-radius:4px;font-family:fira code,monaco,cascadia code,roboto mono,monospace;font-size:.9em;border:1px solid var(--border-color)}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@media(max-width:768px){.container{padding:0 15px}.btn{padding:10px 20px;font-size:.9em}}