:root{--primary-dark: #1a1d23;--secondary-dark: #252a32;--metal-dark: #2d343f;--metal-light: #4a5568;--metal-accent: #5d6b82;--vue-green: #42b883;--vue-green-light: #64d4ab;--rust-orange: #c45c26;--steel-blue: #3a7ca5;--concrete-gray: #7f8a9e;--warning-yellow: #e6b400;--text-primary: #e2e8f0;--text-secondary: #a0aec0}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Roboto Mono,monospace}body{background-color:var(--primary-dark);color:var(--text-primary);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,rgba(66,184,131,.05) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(58,124,165,.05) 0%,transparent 20%)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.industrial-border{border:2px solid var(--metal-light);border-radius:0;position:relative;background-color:var(--metal-dark);box-shadow:inset 0 0 10px #00000080,0 4px 6px #0000004d}.industrial-border:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--metal-accent),var(--vue-green))}.bolt{position:absolute;width:12px;height:12px;background-color:var(--metal-light);border-radius:50%;box-shadow:inset 0 0 4px #000000b3}.bolt:after{content:"+";position:absolute;color:var(--text-secondary);font-size:8px;top:50%;left:50%;transform:translate(-50%,-50%)}.pipe-decoration{position:absolute;width:40px;height:200px;background:linear-gradient(to bottom,var(--metal-light),var(--metal-accent));right:5%;top:20px;z-index:-1;border-radius:5px;box-shadow:0 0 10px #00000080}.pipe-decoration:before,.pipe-decoration:after{content:"";position:absolute;width:20px;height:20px;background-color:var(--metal-dark);border-radius:50%;left:10px}.pipe-decoration:before{top:-10px}.pipe-decoration:after{bottom:-10px}.industrial-btn{padding:10px 20px;background-color:var(--metal-dark);color:var(--text-primary);border:2px solid var(--metal-accent);font-weight:600;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.industrial-btn:hover,.btn-primary{background-color:var(--vue-green);color:var(--primary-dark);border-color:var(--vue-green-light)}.btn-primary:hover{background-color:var(--vue-green-light)}.posts-section{margin-bottom:30px}.section-title{font-size:24px;margin-bottom:20px;color:var(--vue-green);display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:2px solid var(--metal-light)}.post-list{display:flex;flex-direction:column;gap:15px}.post-item{padding:20px;transition:all .3s}.post-item:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0006}.post-header{display:flex;justify-content:space-between;margin-bottom:10px}.post-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.post-meta{display:flex;gap:15px;font-size:14px;color:var(--text-secondary)}.post-tags{display:flex;gap:8px;margin-top:15px}.tag{padding:4px 10px;background-color:var(--metal-light);font-size:12px;color:var(--text-secondary)}.tag.vue{background-color:#42b88333;color:var(--vue-green)}.tag.industrial{background-color:#c45c2633;color:var(--rust-orange)}.sidebar{display:flex;flex-direction:column;gap:25px}.sidebar-widget{padding:20px}.widget-title{font-size:18px;margin-bottom:15px;color:var(--steel-blue);display:flex;align-items:center;gap:10px}.online-users{display:flex;flex-wrap:wrap;gap:10px}.user-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--metal-light);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-primary);position:relative}.user-avatar.online:after{content:"";position:absolute;width:10px;height:10px;background-color:var(--vue-green);border-radius:50%;bottom:0;right:0;border:2px solid var(--metal-dark)}.event-list{display:flex;flex-direction:column;gap:12px}.event-item{padding:10px;border-left:3px solid var(--vue-green);background-color:#42b8830d}.event-date{font-size:12px;color:var(--text-secondary)}footer{margin-top:40px;padding:30px 0;border-top:3px solid var(--metal-light);background-color:var(--secondary-dark)}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.footer-column h3{font-size:18px;margin-bottom:20px;color:var(--vue-green)}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-link{color:var(--text-secondary);text-decoration:none;transition:color .3s}.footer-link:hover{color:var(--vue-green-light)}.copyright{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid var(--metal-light);color:var(--text-secondary);font-size:14px}@media(max-width:992px){.footer-content{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.footer-content{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#f8f9fa;color:#333;line-height:1.6}#app{min-height:100vh}