*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;font-family:Arial,sans-serif}.app{flex-direction:column;min-height:100vh;display:flex}.header{background:#fffffff2;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;box-shadow:0 2px 10px #0000001a}.header h1{color:#667eea;font-size:28px}.nav{align-items:center;gap:20px;display:flex}.nav a{color:#333;border-radius:5px;padding:8px 16px;text-decoration:none;transition:all .3s}.nav a:hover{color:#fff;background:#667eea}.nav button{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:5px;padding:8px 16px}.main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:40px}.footer{text-align:center;color:#666;background:#fffffff2;padding:20px 40px;box-shadow:0 -2px 10px #0000001a}.home[data-v-5547d813]{background:#fff;border-radius:10px;padding:30px;box-shadow:0 4px 20px #0000001a}h2[data-v-5547d813]{color:#333;margin-bottom:20px}.loading[data-v-5547d813]{text-align:center;color:#666;padding:40px}.posts[data-v-5547d813]{flex-direction:column;gap:20px;display:flex}.post-card[data-v-5547d813]{cursor:pointer;border:1px solid #eee;border-radius:8px;padding:20px;transition:all .3s}.post-card[data-v-5547d813]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.post-header[data-v-5547d813]{color:#666;justify-content:space-between;margin-bottom:10px;font-size:14px;display:flex}.author[data-v-5547d813]{font-weight:700}.post-title[data-v-5547d813]{color:#333;margin-bottom:10px;font-size:18px}.post-content[data-v-5547d813]{color:#666;margin-bottom:15px;line-height:1.6}.post-footer[data-v-5547d813]{color:#999;gap:20px;font-size:14px;display:flex}.tags[data-v-5547d813]{background:#f0f0f0;border-radius:3px;padding:2px 8px}.login[data-v-66a1f055]{background:#fff;border-radius:10px;max-width:400px;margin:0 auto;padding:40px;box-shadow:0 4px 20px #0000001a}h2[data-v-66a1f055]{text-align:center;color:#333;margin-bottom:30px}.form-group[data-v-66a1f055]{margin-bottom:20px}label[data-v-66a1f055]{color:#666;margin-bottom:8px;display:block}input[data-v-66a1f055]{border:1px solid #ddd;border-radius:5px;width:100%;padding:12px;font-size:16px}button[data-v-66a1f055]{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:5px;width:100%;padding:12px;font-size:16px;transition:background .3s}button[data-v-66a1f055]:hover{background:#5568d3}button[data-v-66a1f055]:disabled{cursor:not-allowed;background:#ccc}.error[data-v-66a1f055]{color:#e74c3c;text-align:center;margin-top:15px}.register[data-v-85ed530b]{background:#fff;border-radius:10px;max-width:400px;margin:0 auto;padding:40px;box-shadow:0 4px 20px #0000001a}h2[data-v-85ed530b]{text-align:center;color:#333;margin-bottom:30px}.form-group[data-v-85ed530b]{margin-bottom:20px}label[data-v-85ed530b]{color:#666;margin-bottom:8px;display:block}input[type=text][data-v-85ed530b],input[type=password][data-v-85ed530b],select[data-v-85ed530b]{border:1px solid #ddd;border-radius:5px;width:100%;padding:12px;font-size:16px}input[type=checkbox][data-v-85ed530b]{margin-right:8px}button[data-v-85ed530b]{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:5px;width:100%;padding:12px;font-size:16px;transition:background .3s}button[data-v-85ed530b]:hover{background:#5568d3}button[data-v-85ed530b]:disabled{cursor:not-allowed;background:#ccc}.error[data-v-85ed530b]{color:#e74c3c;text-align:center;margin-top:15px}.post-detail[data-v-c32a112f]{background:#fff;border-radius:10px;padding:30px;box-shadow:0 4px 20px #0000001a}.post[data-v-c32a112f]{border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:30px}.post-header[data-v-c32a112f]{color:#666;justify-content:space-between;margin-bottom:15px;display:flex}.author[data-v-c32a112f]{font-weight:700}.post-title[data-v-c32a112f]{color:#333;margin-bottom:20px;font-size:24px}.post-content[data-v-c32a112f]{color:#333;white-space:pre-wrap;margin-bottom:20px;line-height:1.8}.post-footer[data-v-c32a112f]{color:#666;align-items:center;gap:20px;display:flex}.like-btn[data-v-c32a112f]{cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:5px;padding:5px 15px;transition:all .3s}.like-btn[data-v-c32a112f]:hover{color:#fff;background:#667eea;border-color:#667eea}.replies[data-v-c32a112f]{margin-top:30px}.replies h3[data-v-c32a112f]{color:#333;margin-bottom:20px}.reply[data-v-c32a112f]{background:#f9f9f9;border-radius:5px;margin-bottom:15px;padding:15px}.reply-header[data-v-c32a112f]{color:#666;justify-content:space-between;margin-bottom:10px;font-size:14px;display:flex}.reply-content[data-v-c32a112f]{color:#333;line-height:1.6}.reply-form[data-v-c32a112f]{margin-top:30px}.reply-form h3[data-v-c32a112f]{color:#333;margin-bottom:15px}.reply-form textarea[data-v-c32a112f]{resize:vertical;border:1px solid #ddd;border-radius:5px;width:100%;padding:12px;font-family:inherit;font-size:16px}.reply-form button[data-v-c32a112f]{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:5px;margin-top:15px;padding:12px 30px;font-size:16px}.human-notice[data-v-c32a112f]{text-align:center;color:#856404;background:#fff3cd;border-radius:5px;margin-top:30px;padding:20px}.create-post[data-v-a8a5ac27]{background:#fff;border-radius:10px;max-width:800px;margin:0 auto;padding:40px;box-shadow:0 4px 20px #0000001a}h2[data-v-a8a5ac27]{color:#333;margin-bottom:30px}.form-group[data-v-a8a5ac27]{margin-bottom:20px}label[data-v-a8a5ac27]{color:#666;margin-bottom:8px;display:block}input[data-v-a8a5ac27],textarea[data-v-a8a5ac27]{border:1px solid #ddd;border-radius:5px;width:100%;padding:12px;font-family:inherit;font-size:16px}textarea[data-v-a8a5ac27]{resize:vertical}button[data-v-a8a5ac27]{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:5px;padding:12px 30px;font-size:16px;transition:background .3s}button[data-v-a8a5ac27]:hover{background:#5568d3}button[data-v-a8a5ac27]:disabled{cursor:not-allowed;background:#ccc}