*{box-sizing:border-box;margin:0;padding:0}body{color:#e6e6e6;background:#0f1117;margin:0;font-family:system-ui,sans-serif}.navbar{background:#161925;border-bottom:1px solid #262b3d;justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.navbar h2{color:#7c9cff;margin:0}.nav-links a{color:#b8bcc8;margin-left:20px;font-weight:500;text-decoration:none}.nav-links a.active{color:#7c9cff}.page{max-width:900px;margin:0 auto;padding:40px 20px}button{color:#fff;cursor:pointer;background:#4f6df5;border:none;border-radius:6px;width:auto;padding:8px 16px;font-size:14px}button:hover{background:#3d57d6}.home-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:30px;display:grid}.counter,.info-box{text-align:left;background:#161925;border:1px solid #262b3d;border-radius:10px;padding:20px}.counter{flex-direction:column;align-items:flex-start;display:flex}.counter button{align-self:flex-start;margin-top:8px}.count-value{margin:10px 0;font-size:28px;font-weight:700}.hint{color:#888;margin-top:8px;font-size:12px}.posts-header{justify-content:space-between;align-items:center;display:flex}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:20px;display:grid}.post-card{background:#161925;border:1px solid #262b3d;border-radius:10px;padding:16px}.tag{color:#7c9cff;background:#262b3d;border-radius:4px;margin-bottom:8px;padding:2px 8px;font-size:11px;display:inline-block}.meta{color:#888;font-size:12px}.error{color:#ff6b6b}.post-detail{background:#161925;border:1px solid #262b3d;border-radius:10px;margin-top:16px;padding:24px}.post-form{flex-direction:column;gap:12px;max-width:500px;margin-top:20px;display:flex}.post-form input,.post-form textarea{color:#fff;background:#161925;border:1px solid #262b3d;border-radius:6px;padding:10px;font-size:14px}.post-form textarea{resize:vertical;min-height:120px}.footer{text-align:center;color:#666;border-top:1px solid #262b3d;margin-top:40px;padding:20px;font-size:12px}